playbook_ui 14.3.0.pre.rc.4 → 14.3.0.pre.rc.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +3 -3
  3. data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -2
  4. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -1
  5. data/app/pb_kits/playbook/pb_button/_button.scss +1 -1
  6. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss +2 -2
  7. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  8. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx +30 -24
  9. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +11 -7
  10. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +2 -0
  11. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_no_icon.html.erb +10 -0
  12. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_no_icon.jsx +21 -0
  13. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +2 -0
  14. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -1
  15. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -1
  16. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +2 -2
  17. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -4
  18. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -4
  19. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
  20. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +2 -2
  21. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +1 -1
  22. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
  23. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -1
  24. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -1
  25. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.html.erb +24 -0
  26. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.jsx +88 -0
  27. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon_rails.md +1 -0
  28. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon_react.md +1 -0
  29. data/app/pb_kits/playbook/pb_nav/docs/example.yml +2 -0
  30. data/app/pb_kits/playbook/pb_nav/docs/index.js +4 -3
  31. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -3
  32. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +2 -2
  33. data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +1290 -0
  34. data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -2
  35. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -2
  36. data/app/pb_kits/playbook/pb_radio/_radio.tsx +100 -50
  37. data/app/pb_kits/playbook/pb_radio/docs/_radio_children.jsx +56 -0
  38. data/app/pb_kits/playbook/pb_radio/docs/example.yml +1 -0
  39. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  40. data/app/pb_kits/playbook/pb_rich_text_editor/_previewer_mixin.scss +49 -13
  41. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -14
  42. data/app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss +23 -23
  43. data/app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss +19 -27
  44. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +21 -11
  45. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  46. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +3 -3
  47. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
  48. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -1
  49. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -4
  50. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
  51. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +3 -3
  52. data/dist/chunks/{_typeahead-KAYMhDNO.js → _typeahead-LJmEV1CI.js} +3 -3
  53. data/dist/chunks/{_weekday_stacked-CTvE8Bet.js → _weekday_stacked-mN_WkUcx.js} +1 -1
  54. data/dist/chunks/vendor.js +1 -1
  55. data/dist/playbook-doc.js +1 -1
  56. data/dist/playbook-rails-react-bindings.js +1 -1
  57. data/dist/playbook-rails.js +1 -1
  58. data/dist/playbook.css +1 -1
  59. data/lib/playbook/version.rb +1 -1
  60. metadata +11 -3
@@ -0,0 +1,1290 @@
1
+ /* @import "intl-tel-input/build/css/intlTelInput.css"; */
2
+ .iti {
3
+ position: relative;
4
+ display: inline-block;
5
+ }
6
+ .iti * {
7
+ box-sizing: border-box;
8
+ }
9
+ .iti__hide {
10
+ display: none;
11
+ }
12
+ .iti__v-hide {
13
+ visibility: hidden;
14
+ }
15
+ .iti input.iti__tel-input,
16
+ .iti input.iti__tel-input[type=text],
17
+ .iti input.iti__tel-input[type=tel] {
18
+ position: relative;
19
+ z-index: 0;
20
+ margin-top: 0 !important;
21
+ margin-bottom: 0 !important;
22
+ padding-right: 36px;
23
+ margin-right: 0;
24
+ }
25
+ .iti__flag-container {
26
+ position: absolute;
27
+ top: 0;
28
+ bottom: 0;
29
+ right: 0;
30
+ padding: 1px;
31
+ }
32
+ .iti__selected-flag {
33
+ z-index: 1;
34
+ position: relative;
35
+ display: flex;
36
+ align-items: center;
37
+ height: 100%;
38
+ padding: 0 6px 0 8px;
39
+ }
40
+ .iti__arrow {
41
+ margin-left: 6px;
42
+ width: 0;
43
+ height: 0;
44
+ border-left: 3px solid transparent;
45
+ border-right: 3px solid transparent;
46
+ border-top: 4px solid #555;
47
+ }
48
+ [dir=rtl] .iti__arrow {
49
+ margin-right: 6px;
50
+ margin-left: 0;
51
+ }
52
+ .iti__arrow--up {
53
+ border-top: none;
54
+ border-bottom: 4px solid #555;
55
+ }
56
+ .iti__dropdown-content {
57
+ position: absolute;
58
+ z-index: 2;
59
+ margin-left: -1px;
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;
70
+ }
71
+ .iti__search-input {
72
+ width: 100%;
73
+ border-width: 0;
74
+ }
75
+ .iti__country-list {
76
+ list-style: none;
77
+ padding: 0;
78
+ margin: 0;
79
+ }
80
+ .iti--flexible-dropdown-width .iti__country-list {
81
+ white-space: nowrap;
82
+ }
83
+ @media (max-width: 500px) {
84
+ .iti--flexible-dropdown-width .iti__country-list {
85
+ white-space: normal;
86
+ }
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
+ }
97
+ .iti__country {
98
+ display: flex;
99
+ align-items: center;
100
+ padding: 5px 10px;
101
+ outline: none;
102
+ }
103
+ .iti__dial-code {
104
+ color: #999;
105
+ }
106
+ .iti__country.iti__highlight {
107
+ background-color: rgba(0, 0, 0, 0.05);
108
+ }
109
+ .iti__flag-box, .iti__country-name {
110
+ margin-right: 6px;
111
+ }
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;
124
+ }
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;
132
+ margin-right: 0;
133
+ }
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 {
143
+ cursor: pointer;
144
+ }
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;
151
+ }
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;
155
+ }
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 {
163
+ margin-left: 0;
164
+ margin-right: 6px;
165
+ }
166
+ .iti--container {
167
+ position: absolute;
168
+ top: -1000px;
169
+ left: -1000px;
170
+ z-index: 1060;
171
+ padding: 1px;
172
+ }
173
+ .iti--container:hover {
174
+ cursor: pointer;
175
+ }
176
+
177
+ .iti--fullscreen-popup.iti--container {
178
+ background-color: rgba(0, 0, 0, 0.5);
179
+ top: 0;
180
+ bottom: 0;
181
+ left: 0;
182
+ right: 0;
183
+ position: fixed;
184
+ padding: 30px;
185
+ display: flex;
186
+ flex-direction: column;
187
+ justify-content: center;
188
+ }
189
+ .iti--fullscreen-popup.iti--container.iti--country-search {
190
+ justify-content: flex-start;
191
+ }
192
+ .iti--fullscreen-popup .iti__dropdown-content {
193
+ max-height: 100%;
194
+ position: relative;
195
+ }
196
+ .iti--fullscreen-popup .iti__country {
197
+ padding: 10px 10px;
198
+ line-height: 1.5em;
199
+ }
200
+
201
+ .iti__flag {
202
+ width: 20px;
203
+ }
204
+ .iti__flag.iti__be {
205
+ width: 18px;
206
+ }
207
+ .iti__flag.iti__ch {
208
+ width: 15px;
209
+ }
210
+ .iti__flag.iti__mc {
211
+ width: 19px;
212
+ }
213
+ .iti__flag.iti__ne {
214
+ width: 18px;
215
+ }
216
+ .iti__flag.iti__np {
217
+ width: 13px;
218
+ }
219
+ .iti__flag.iti__va {
220
+ width: 15px;
221
+ }
222
+ @media (min-resolution: 2x) {
223
+ .iti__flag {
224
+ background-size: 5762px 15px;
225
+ }
226
+ }
227
+ .iti__flag.iti__ac {
228
+ height: 10px;
229
+ background-position: 0px 0px;
230
+ }
231
+ .iti__flag.iti__ad {
232
+ height: 14px;
233
+ background-position: -22px 0px;
234
+ }
235
+ .iti__flag.iti__ae {
236
+ height: 10px;
237
+ background-position: -44px 0px;
238
+ }
239
+ .iti__flag.iti__af {
240
+ height: 14px;
241
+ background-position: -66px 0px;
242
+ }
243
+ .iti__flag.iti__ag {
244
+ height: 14px;
245
+ background-position: -88px 0px;
246
+ }
247
+ .iti__flag.iti__ai {
248
+ height: 10px;
249
+ background-position: -110px 0px;
250
+ }
251
+ .iti__flag.iti__al {
252
+ height: 15px;
253
+ background-position: -132px 0px;
254
+ }
255
+ .iti__flag.iti__am {
256
+ height: 10px;
257
+ background-position: -154px 0px;
258
+ }
259
+ .iti__flag.iti__ao {
260
+ height: 14px;
261
+ background-position: -176px 0px;
262
+ }
263
+ .iti__flag.iti__aq {
264
+ height: 14px;
265
+ background-position: -198px 0px;
266
+ }
267
+ .iti__flag.iti__ar {
268
+ height: 13px;
269
+ background-position: -220px 0px;
270
+ }
271
+ .iti__flag.iti__as {
272
+ height: 10px;
273
+ background-position: -242px 0px;
274
+ }
275
+ .iti__flag.iti__at {
276
+ height: 14px;
277
+ background-position: -264px 0px;
278
+ }
279
+ .iti__flag.iti__au {
280
+ height: 10px;
281
+ background-position: -286px 0px;
282
+ }
283
+ .iti__flag.iti__aw {
284
+ height: 14px;
285
+ background-position: -308px 0px;
286
+ }
287
+ .iti__flag.iti__ax {
288
+ height: 13px;
289
+ background-position: -330px 0px;
290
+ }
291
+ .iti__flag.iti__az {
292
+ height: 10px;
293
+ background-position: -352px 0px;
294
+ }
295
+ .iti__flag.iti__ba {
296
+ height: 10px;
297
+ background-position: -374px 0px;
298
+ }
299
+ .iti__flag.iti__bb {
300
+ height: 14px;
301
+ background-position: -396px 0px;
302
+ }
303
+ .iti__flag.iti__bd {
304
+ height: 12px;
305
+ background-position: -418px 0px;
306
+ }
307
+ .iti__flag.iti__be {
308
+ height: 15px;
309
+ background-position: -440px 0px;
310
+ }
311
+ .iti__flag.iti__bf {
312
+ height: 14px;
313
+ background-position: -460px 0px;
314
+ }
315
+ .iti__flag.iti__bg {
316
+ height: 12px;
317
+ background-position: -482px 0px;
318
+ }
319
+ .iti__flag.iti__bh {
320
+ height: 12px;
321
+ background-position: -504px 0px;
322
+ }
323
+ .iti__flag.iti__bi {
324
+ height: 12px;
325
+ background-position: -526px 0px;
326
+ }
327
+ .iti__flag.iti__bj {
328
+ height: 14px;
329
+ background-position: -548px 0px;
330
+ }
331
+ .iti__flag.iti__bl {
332
+ height: 14px;
333
+ background-position: -570px 0px;
334
+ }
335
+ .iti__flag.iti__bm {
336
+ height: 10px;
337
+ background-position: -592px 0px;
338
+ }
339
+ .iti__flag.iti__bn {
340
+ height: 10px;
341
+ background-position: -614px 0px;
342
+ }
343
+ .iti__flag.iti__bo {
344
+ height: 14px;
345
+ background-position: -636px 0px;
346
+ }
347
+ .iti__flag.iti__bq {
348
+ height: 14px;
349
+ background-position: -658px 0px;
350
+ }
351
+ .iti__flag.iti__br {
352
+ height: 14px;
353
+ background-position: -680px 0px;
354
+ }
355
+ .iti__flag.iti__bs {
356
+ height: 10px;
357
+ background-position: -702px 0px;
358
+ }
359
+ .iti__flag.iti__bt {
360
+ height: 14px;
361
+ background-position: -724px 0px;
362
+ }
363
+ .iti__flag.iti__bv {
364
+ height: 15px;
365
+ background-position: -746px 0px;
366
+ }
367
+ .iti__flag.iti__bw {
368
+ height: 14px;
369
+ background-position: -768px 0px;
370
+ }
371
+ .iti__flag.iti__by {
372
+ height: 10px;
373
+ background-position: -790px 0px;
374
+ }
375
+ .iti__flag.iti__bz {
376
+ height: 12px;
377
+ background-position: -812px 0px;
378
+ }
379
+ .iti__flag.iti__ca {
380
+ height: 10px;
381
+ background-position: -834px 0px;
382
+ }
383
+ .iti__flag.iti__cc {
384
+ height: 10px;
385
+ background-position: -856px 0px;
386
+ }
387
+ .iti__flag.iti__cd {
388
+ height: 15px;
389
+ background-position: -878px 0px;
390
+ }
391
+ .iti__flag.iti__cf {
392
+ height: 14px;
393
+ background-position: -900px 0px;
394
+ }
395
+ .iti__flag.iti__cg {
396
+ height: 14px;
397
+ background-position: -922px 0px;
398
+ }
399
+ .iti__flag.iti__ch {
400
+ height: 15px;
401
+ background-position: -944px 0px;
402
+ }
403
+ .iti__flag.iti__ci {
404
+ height: 14px;
405
+ background-position: -961px 0px;
406
+ }
407
+ .iti__flag.iti__ck {
408
+ height: 10px;
409
+ background-position: -983px 0px;
410
+ }
411
+ .iti__flag.iti__cl {
412
+ height: 14px;
413
+ background-position: -1005px 0px;
414
+ }
415
+ .iti__flag.iti__cm {
416
+ height: 14px;
417
+ background-position: -1027px 0px;
418
+ }
419
+ .iti__flag.iti__cn {
420
+ height: 14px;
421
+ background-position: -1049px 0px;
422
+ }
423
+ .iti__flag.iti__co {
424
+ height: 14px;
425
+ background-position: -1071px 0px;
426
+ }
427
+ .iti__flag.iti__cp {
428
+ height: 14px;
429
+ background-position: -1093px 0px;
430
+ }
431
+ .iti__flag.iti__cq {
432
+ height: 12px;
433
+ background-position: -1115px 0px;
434
+ }
435
+ .iti__flag.iti__cr {
436
+ height: 12px;
437
+ background-position: -1137px 0px;
438
+ }
439
+ .iti__flag.iti__cu {
440
+ height: 10px;
441
+ background-position: -1159px 0px;
442
+ }
443
+ .iti__flag.iti__cv {
444
+ height: 12px;
445
+ background-position: -1181px 0px;
446
+ }
447
+ .iti__flag.iti__cw {
448
+ height: 14px;
449
+ background-position: -1203px 0px;
450
+ }
451
+ .iti__flag.iti__cx {
452
+ height: 10px;
453
+ background-position: -1225px 0px;
454
+ }
455
+ .iti__flag.iti__cy {
456
+ height: 14px;
457
+ background-position: -1247px 0px;
458
+ }
459
+ .iti__flag.iti__cz {
460
+ height: 14px;
461
+ background-position: -1269px 0px;
462
+ }
463
+ .iti__flag.iti__de {
464
+ height: 12px;
465
+ background-position: -1291px 0px;
466
+ }
467
+ .iti__flag.iti__dg {
468
+ height: 10px;
469
+ background-position: -1313px 0px;
470
+ }
471
+ .iti__flag.iti__dj {
472
+ height: 14px;
473
+ background-position: -1335px 0px;
474
+ }
475
+ .iti__flag.iti__dk {
476
+ height: 15px;
477
+ background-position: -1357px 0px;
478
+ }
479
+ .iti__flag.iti__dm {
480
+ height: 10px;
481
+ background-position: -1379px 0px;
482
+ }
483
+ .iti__flag.iti__do {
484
+ height: 14px;
485
+ background-position: -1401px 0px;
486
+ }
487
+ .iti__flag.iti__dz {
488
+ height: 14px;
489
+ background-position: -1423px 0px;
490
+ }
491
+ .iti__flag.iti__ea {
492
+ height: 14px;
493
+ background-position: -1445px 0px;
494
+ }
495
+ .iti__flag.iti__ec {
496
+ height: 14px;
497
+ background-position: -1467px 0px;
498
+ }
499
+ .iti__flag.iti__ee {
500
+ height: 13px;
501
+ background-position: -1489px 0px;
502
+ }
503
+ .iti__flag.iti__eg {
504
+ height: 14px;
505
+ background-position: -1511px 0px;
506
+ }
507
+ .iti__flag.iti__eh {
508
+ height: 10px;
509
+ background-position: -1533px 0px;
510
+ }
511
+ .iti__flag.iti__er {
512
+ height: 10px;
513
+ background-position: -1555px 0px;
514
+ }
515
+ .iti__flag.iti__es {
516
+ height: 14px;
517
+ background-position: -1577px 0px;
518
+ }
519
+ .iti__flag.iti__et {
520
+ height: 10px;
521
+ background-position: -1599px 0px;
522
+ }
523
+ .iti__flag.iti__eu {
524
+ height: 14px;
525
+ background-position: -1621px 0px;
526
+ }
527
+ .iti__flag.iti__ez {
528
+ height: 14px;
529
+ background-position: -1643px 0px;
530
+ }
531
+ .iti__flag.iti__fi {
532
+ height: 12px;
533
+ background-position: -1665px 0px;
534
+ }
535
+ .iti__flag.iti__fj {
536
+ height: 10px;
537
+ background-position: -1687px 0px;
538
+ }
539
+ .iti__flag.iti__fk {
540
+ height: 10px;
541
+ background-position: -1709px 0px;
542
+ }
543
+ .iti__flag.iti__fm {
544
+ height: 11px;
545
+ background-position: -1731px 0px;
546
+ }
547
+ .iti__flag.iti__fo {
548
+ height: 15px;
549
+ background-position: -1753px 0px;
550
+ }
551
+ .iti__flag.iti__fr {
552
+ height: 14px;
553
+ background-position: -1775px 0px;
554
+ }
555
+ .iti__flag.iti__fx {
556
+ height: 14px;
557
+ background-position: -1797px 0px;
558
+ }
559
+ .iti__flag.iti__ga {
560
+ height: 15px;
561
+ background-position: -1819px 0px;
562
+ }
563
+ .iti__flag.iti__gb {
564
+ height: 10px;
565
+ background-position: -1841px 0px;
566
+ }
567
+ .iti__flag.iti__gd {
568
+ height: 12px;
569
+ background-position: -1863px 0px;
570
+ }
571
+ .iti__flag.iti__ge {
572
+ height: 14px;
573
+ background-position: -1885px 0px;
574
+ }
575
+ .iti__flag.iti__gf {
576
+ height: 14px;
577
+ background-position: -1907px 0px;
578
+ }
579
+ .iti__flag.iti__gg {
580
+ height: 14px;
581
+ background-position: -1929px 0px;
582
+ }
583
+ .iti__flag.iti__gh {
584
+ height: 14px;
585
+ background-position: -1951px 0px;
586
+ }
587
+ .iti__flag.iti__gi {
588
+ height: 10px;
589
+ background-position: -1973px 0px;
590
+ }
591
+ .iti__flag.iti__gl {
592
+ height: 14px;
593
+ background-position: -1995px 0px;
594
+ }
595
+ .iti__flag.iti__gm {
596
+ height: 14px;
597
+ background-position: -2017px 0px;
598
+ }
599
+ .iti__flag.iti__gn {
600
+ height: 14px;
601
+ background-position: -2039px 0px;
602
+ }
603
+ .iti__flag.iti__gp {
604
+ height: 14px;
605
+ background-position: -2061px 0px;
606
+ }
607
+ .iti__flag.iti__gq {
608
+ height: 14px;
609
+ background-position: -2083px 0px;
610
+ }
611
+ .iti__flag.iti__gr {
612
+ height: 14px;
613
+ background-position: -2105px 0px;
614
+ }
615
+ .iti__flag.iti__gs {
616
+ height: 10px;
617
+ background-position: -2127px 0px;
618
+ }
619
+ .iti__flag.iti__gt {
620
+ height: 13px;
621
+ background-position: -2149px 0px;
622
+ }
623
+ .iti__flag.iti__gu {
624
+ height: 11px;
625
+ background-position: -2171px 0px;
626
+ }
627
+ .iti__flag.iti__gw {
628
+ height: 10px;
629
+ background-position: -2193px 0px;
630
+ }
631
+ .iti__flag.iti__gy {
632
+ height: 12px;
633
+ background-position: -2215px 0px;
634
+ }
635
+ .iti__flag.iti__hk {
636
+ height: 14px;
637
+ background-position: -2237px 0px;
638
+ }
639
+ .iti__flag.iti__hm {
640
+ height: 10px;
641
+ background-position: -2259px 0px;
642
+ }
643
+ .iti__flag.iti__hn {
644
+ height: 10px;
645
+ background-position: -2281px 0px;
646
+ }
647
+ .iti__flag.iti__hr {
648
+ height: 10px;
649
+ background-position: -2303px 0px;
650
+ }
651
+ .iti__flag.iti__ht {
652
+ height: 12px;
653
+ background-position: -2325px 0px;
654
+ }
655
+ .iti__flag.iti__hu {
656
+ height: 10px;
657
+ background-position: -2347px 0px;
658
+ }
659
+ .iti__flag.iti__ic {
660
+ height: 14px;
661
+ background-position: -2369px 0px;
662
+ }
663
+ .iti__flag.iti__id {
664
+ height: 14px;
665
+ background-position: -2391px 0px;
666
+ }
667
+ .iti__flag.iti__ie {
668
+ height: 10px;
669
+ background-position: -2413px 0px;
670
+ }
671
+ .iti__flag.iti__il {
672
+ height: 15px;
673
+ background-position: -2435px 0px;
674
+ }
675
+ .iti__flag.iti__im {
676
+ height: 10px;
677
+ background-position: -2457px 0px;
678
+ }
679
+ .iti__flag.iti__in {
680
+ height: 14px;
681
+ background-position: -2479px 0px;
682
+ }
683
+ .iti__flag.iti__io {
684
+ height: 10px;
685
+ background-position: -2501px 0px;
686
+ }
687
+ .iti__flag.iti__iq {
688
+ height: 14px;
689
+ background-position: -2523px 0px;
690
+ }
691
+ .iti__flag.iti__ir {
692
+ height: 12px;
693
+ background-position: -2545px 0px;
694
+ }
695
+ .iti__flag.iti__is {
696
+ height: 15px;
697
+ background-position: -2567px 0px;
698
+ }
699
+ .iti__flag.iti__it {
700
+ height: 14px;
701
+ background-position: -2589px 0px;
702
+ }
703
+ .iti__flag.iti__je {
704
+ height: 12px;
705
+ background-position: -2611px 0px;
706
+ }
707
+ .iti__flag.iti__jm {
708
+ height: 10px;
709
+ background-position: -2633px 0px;
710
+ }
711
+ .iti__flag.iti__jo {
712
+ height: 10px;
713
+ background-position: -2655px 0px;
714
+ }
715
+ .iti__flag.iti__jp {
716
+ height: 14px;
717
+ background-position: -2677px 0px;
718
+ }
719
+ .iti__flag.iti__ke {
720
+ height: 14px;
721
+ background-position: -2699px 0px;
722
+ }
723
+ .iti__flag.iti__kg {
724
+ height: 12px;
725
+ background-position: -2721px 0px;
726
+ }
727
+ .iti__flag.iti__kh {
728
+ height: 13px;
729
+ background-position: -2743px 0px;
730
+ }
731
+ .iti__flag.iti__ki {
732
+ height: 10px;
733
+ background-position: -2765px 0px;
734
+ }
735
+ .iti__flag.iti__km {
736
+ height: 12px;
737
+ background-position: -2787px 0px;
738
+ }
739
+ .iti__flag.iti__kn {
740
+ height: 14px;
741
+ background-position: -2809px 0px;
742
+ }
743
+ .iti__flag.iti__kp {
744
+ height: 10px;
745
+ background-position: -2831px 0px;
746
+ }
747
+ .iti__flag.iti__kr {
748
+ height: 14px;
749
+ background-position: -2853px 0px;
750
+ }
751
+ .iti__flag.iti__kw {
752
+ height: 10px;
753
+ background-position: -2875px 0px;
754
+ }
755
+ .iti__flag.iti__ky {
756
+ height: 10px;
757
+ background-position: -2897px 0px;
758
+ }
759
+ .iti__flag.iti__kz {
760
+ height: 10px;
761
+ background-position: -2919px 0px;
762
+ }
763
+ .iti__flag.iti__la {
764
+ height: 14px;
765
+ background-position: -2941px 0px;
766
+ }
767
+ .iti__flag.iti__lb {
768
+ height: 14px;
769
+ background-position: -2963px 0px;
770
+ }
771
+ .iti__flag.iti__lc {
772
+ height: 10px;
773
+ background-position: -2985px 0px;
774
+ }
775
+ .iti__flag.iti__li {
776
+ height: 12px;
777
+ background-position: -3007px 0px;
778
+ }
779
+ .iti__flag.iti__lk {
780
+ height: 10px;
781
+ background-position: -3029px 0px;
782
+ }
783
+ .iti__flag.iti__lr {
784
+ height: 11px;
785
+ background-position: -3051px 0px;
786
+ }
787
+ .iti__flag.iti__ls {
788
+ height: 14px;
789
+ background-position: -3073px 0px;
790
+ }
791
+ .iti__flag.iti__lt {
792
+ height: 12px;
793
+ background-position: -3095px 0px;
794
+ }
795
+ .iti__flag.iti__lu {
796
+ height: 12px;
797
+ background-position: -3117px 0px;
798
+ }
799
+ .iti__flag.iti__lv {
800
+ height: 10px;
801
+ background-position: -3139px 0px;
802
+ }
803
+ .iti__flag.iti__ly {
804
+ height: 10px;
805
+ background-position: -3161px 0px;
806
+ }
807
+ .iti__flag.iti__ma {
808
+ height: 14px;
809
+ background-position: -3183px 0px;
810
+ }
811
+ .iti__flag.iti__mc {
812
+ height: 15px;
813
+ background-position: -3205px 0px;
814
+ }
815
+ .iti__flag.iti__md {
816
+ height: 10px;
817
+ background-position: -3226px 0px;
818
+ }
819
+ .iti__flag.iti__me {
820
+ height: 10px;
821
+ background-position: -3248px 0px;
822
+ }
823
+ .iti__flag.iti__mf {
824
+ height: 14px;
825
+ background-position: -3270px 0px;
826
+ }
827
+ .iti__flag.iti__mg {
828
+ height: 14px;
829
+ background-position: -3292px 0px;
830
+ }
831
+ .iti__flag.iti__mh {
832
+ height: 11px;
833
+ background-position: -3314px 0px;
834
+ }
835
+ .iti__flag.iti__mk {
836
+ height: 10px;
837
+ background-position: -3336px 0px;
838
+ }
839
+ .iti__flag.iti__ml {
840
+ height: 14px;
841
+ background-position: -3358px 0px;
842
+ }
843
+ .iti__flag.iti__mm {
844
+ height: 14px;
845
+ background-position: -3380px 0px;
846
+ }
847
+ .iti__flag.iti__mn {
848
+ height: 10px;
849
+ background-position: -3402px 0px;
850
+ }
851
+ .iti__flag.iti__mo {
852
+ height: 14px;
853
+ background-position: -3424px 0px;
854
+ }
855
+ .iti__flag.iti__mp {
856
+ height: 10px;
857
+ background-position: -3446px 0px;
858
+ }
859
+ .iti__flag.iti__mq {
860
+ height: 14px;
861
+ background-position: -3468px 0px;
862
+ }
863
+ .iti__flag.iti__mr {
864
+ height: 14px;
865
+ background-position: -3490px 0px;
866
+ }
867
+ .iti__flag.iti__ms {
868
+ height: 10px;
869
+ background-position: -3512px 0px;
870
+ }
871
+ .iti__flag.iti__mt {
872
+ height: 14px;
873
+ background-position: -3534px 0px;
874
+ }
875
+ .iti__flag.iti__mu {
876
+ height: 14px;
877
+ background-position: -3556px 0px;
878
+ }
879
+ .iti__flag.iti__mv {
880
+ height: 14px;
881
+ background-position: -3578px 0px;
882
+ }
883
+ .iti__flag.iti__mw {
884
+ height: 14px;
885
+ background-position: -3600px 0px;
886
+ }
887
+ .iti__flag.iti__mx {
888
+ height: 12px;
889
+ background-position: -3622px 0px;
890
+ }
891
+ .iti__flag.iti__my {
892
+ height: 10px;
893
+ background-position: -3644px 0px;
894
+ }
895
+ .iti__flag.iti__mz {
896
+ height: 14px;
897
+ background-position: -3666px 0px;
898
+ }
899
+ .iti__flag.iti__na {
900
+ height: 14px;
901
+ background-position: -3688px 0px;
902
+ }
903
+ .iti__flag.iti__nc {
904
+ height: 10px;
905
+ background-position: -3710px 0px;
906
+ }
907
+ .iti__flag.iti__ne {
908
+ height: 15px;
909
+ background-position: -3732px 0px;
910
+ }
911
+ .iti__flag.iti__nf {
912
+ height: 10px;
913
+ background-position: -3752px 0px;
914
+ }
915
+ .iti__flag.iti__ng {
916
+ height: 10px;
917
+ background-position: -3774px 0px;
918
+ }
919
+ .iti__flag.iti__ni {
920
+ height: 12px;
921
+ background-position: -3796px 0px;
922
+ }
923
+ .iti__flag.iti__nl {
924
+ height: 14px;
925
+ background-position: -3818px 0px;
926
+ }
927
+ .iti__flag.iti__no {
928
+ height: 15px;
929
+ background-position: -3840px 0px;
930
+ }
931
+ .iti__flag.iti__np {
932
+ height: 15px;
933
+ background-position: -3862px 0px;
934
+ }
935
+ .iti__flag.iti__nr {
936
+ height: 10px;
937
+ background-position: -3877px 0px;
938
+ }
939
+ .iti__flag.iti__nu {
940
+ height: 10px;
941
+ background-position: -3899px 0px;
942
+ }
943
+ .iti__flag.iti__nz {
944
+ height: 10px;
945
+ background-position: -3921px 0px;
946
+ }
947
+ .iti__flag.iti__om {
948
+ height: 10px;
949
+ background-position: -3943px 0px;
950
+ }
951
+ .iti__flag.iti__pa {
952
+ height: 14px;
953
+ background-position: -3965px 0px;
954
+ }
955
+ .iti__flag.iti__pe {
956
+ height: 14px;
957
+ background-position: -3987px 0px;
958
+ }
959
+ .iti__flag.iti__pf {
960
+ height: 14px;
961
+ background-position: -4009px 0px;
962
+ }
963
+ .iti__flag.iti__pg {
964
+ height: 15px;
965
+ background-position: -4031px 0px;
966
+ }
967
+ .iti__flag.iti__ph {
968
+ height: 10px;
969
+ background-position: -4053px 0px;
970
+ }
971
+ .iti__flag.iti__pk {
972
+ height: 14px;
973
+ background-position: -4075px 0px;
974
+ }
975
+ .iti__flag.iti__pl {
976
+ height: 13px;
977
+ background-position: -4097px 0px;
978
+ }
979
+ .iti__flag.iti__pm {
980
+ height: 14px;
981
+ background-position: -4119px 0px;
982
+ }
983
+ .iti__flag.iti__pn {
984
+ height: 10px;
985
+ background-position: -4141px 0px;
986
+ }
987
+ .iti__flag.iti__pr {
988
+ height: 14px;
989
+ background-position: -4163px 0px;
990
+ }
991
+ .iti__flag.iti__ps {
992
+ height: 10px;
993
+ background-position: -4185px 0px;
994
+ }
995
+ .iti__flag.iti__pt {
996
+ height: 14px;
997
+ background-position: -4207px 0px;
998
+ }
999
+ .iti__flag.iti__pw {
1000
+ height: 13px;
1001
+ background-position: -4229px 0px;
1002
+ }
1003
+ .iti__flag.iti__py {
1004
+ height: 11px;
1005
+ background-position: -4251px 0px;
1006
+ }
1007
+ .iti__flag.iti__qa {
1008
+ height: 8px;
1009
+ background-position: -4273px 0px;
1010
+ }
1011
+ .iti__flag.iti__re {
1012
+ height: 14px;
1013
+ background-position: -4295px 0px;
1014
+ }
1015
+ .iti__flag.iti__ro {
1016
+ height: 14px;
1017
+ background-position: -4317px 0px;
1018
+ }
1019
+ .iti__flag.iti__rs {
1020
+ height: 14px;
1021
+ background-position: -4339px 0px;
1022
+ }
1023
+ .iti__flag.iti__ru {
1024
+ height: 14px;
1025
+ background-position: -4361px 0px;
1026
+ }
1027
+ .iti__flag.iti__rw {
1028
+ height: 14px;
1029
+ background-position: -4383px 0px;
1030
+ }
1031
+ .iti__flag.iti__sa {
1032
+ height: 14px;
1033
+ background-position: -4405px 0px;
1034
+ }
1035
+ .iti__flag.iti__sb {
1036
+ height: 10px;
1037
+ background-position: -4427px 0px;
1038
+ }
1039
+ .iti__flag.iti__sc {
1040
+ height: 10px;
1041
+ background-position: -4449px 0px;
1042
+ }
1043
+ .iti__flag.iti__sd {
1044
+ height: 10px;
1045
+ background-position: -4471px 0px;
1046
+ }
1047
+ .iti__flag.iti__se {
1048
+ height: 13px;
1049
+ background-position: -4493px 0px;
1050
+ }
1051
+ .iti__flag.iti__sg {
1052
+ height: 14px;
1053
+ background-position: -4515px 0px;
1054
+ }
1055
+ .iti__flag.iti__sh {
1056
+ height: 10px;
1057
+ background-position: -4537px 0px;
1058
+ }
1059
+ .iti__flag.iti__si {
1060
+ height: 10px;
1061
+ background-position: -4559px 0px;
1062
+ }
1063
+ .iti__flag.iti__sj {
1064
+ height: 15px;
1065
+ background-position: -4581px 0px;
1066
+ }
1067
+ .iti__flag.iti__sk {
1068
+ height: 14px;
1069
+ background-position: -4603px 0px;
1070
+ }
1071
+ .iti__flag.iti__sl {
1072
+ height: 14px;
1073
+ background-position: -4625px 0px;
1074
+ }
1075
+ .iti__flag.iti__sm {
1076
+ height: 15px;
1077
+ background-position: -4647px 0px;
1078
+ }
1079
+ .iti__flag.iti__sn {
1080
+ height: 14px;
1081
+ background-position: -4669px 0px;
1082
+ }
1083
+ .iti__flag.iti__so {
1084
+ height: 14px;
1085
+ background-position: -4691px 0px;
1086
+ }
1087
+ .iti__flag.iti__sr {
1088
+ height: 14px;
1089
+ background-position: -4713px 0px;
1090
+ }
1091
+ .iti__flag.iti__ss {
1092
+ height: 10px;
1093
+ background-position: -4735px 0px;
1094
+ }
1095
+ .iti__flag.iti__st {
1096
+ height: 10px;
1097
+ background-position: -4757px 0px;
1098
+ }
1099
+ .iti__flag.iti__su {
1100
+ height: 10px;
1101
+ background-position: -4779px 0px;
1102
+ }
1103
+ .iti__flag.iti__sv {
1104
+ height: 12px;
1105
+ background-position: -4801px 0px;
1106
+ }
1107
+ .iti__flag.iti__sx {
1108
+ height: 14px;
1109
+ background-position: -4823px 0px;
1110
+ }
1111
+ .iti__flag.iti__sy {
1112
+ height: 14px;
1113
+ background-position: -4845px 0px;
1114
+ }
1115
+ .iti__flag.iti__sz {
1116
+ height: 14px;
1117
+ background-position: -4867px 0px;
1118
+ }
1119
+ .iti__flag.iti__ta {
1120
+ height: 10px;
1121
+ background-position: -4889px 0px;
1122
+ }
1123
+ .iti__flag.iti__tc {
1124
+ height: 10px;
1125
+ background-position: -4911px 0px;
1126
+ }
1127
+ .iti__flag.iti__td {
1128
+ height: 14px;
1129
+ background-position: -4933px 0px;
1130
+ }
1131
+ .iti__flag.iti__tf {
1132
+ height: 14px;
1133
+ background-position: -4955px 0px;
1134
+ }
1135
+ .iti__flag.iti__tg {
1136
+ height: 13px;
1137
+ background-position: -4977px 0px;
1138
+ }
1139
+ .iti__flag.iti__th {
1140
+ height: 14px;
1141
+ background-position: -4999px 0px;
1142
+ }
1143
+ .iti__flag.iti__tj {
1144
+ height: 10px;
1145
+ background-position: -5021px 0px;
1146
+ }
1147
+ .iti__flag.iti__tk {
1148
+ height: 10px;
1149
+ background-position: -5043px 0px;
1150
+ }
1151
+ .iti__flag.iti__tl {
1152
+ height: 10px;
1153
+ background-position: -5065px 0px;
1154
+ }
1155
+ .iti__flag.iti__tm {
1156
+ height: 14px;
1157
+ background-position: -5087px 0px;
1158
+ }
1159
+ .iti__flag.iti__tn {
1160
+ height: 14px;
1161
+ background-position: -5109px 0px;
1162
+ }
1163
+ .iti__flag.iti__to {
1164
+ height: 10px;
1165
+ background-position: -5131px 0px;
1166
+ }
1167
+ .iti__flag.iti__tr {
1168
+ height: 14px;
1169
+ background-position: -5153px 0px;
1170
+ }
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;
1278
+ }
1279
+
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;
1286
+ }
1287
+
1288
+ .iti__flag.iti__np {
1289
+ background-color: transparent;
1290
+ }