@zhang_jifan/fanui 2.1.0

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 (127) hide show
  1. package/ACCESSIBILITY.md +61 -0
  2. package/CHANGELOG.md +112 -0
  3. package/COMMERCIAL-LICENSE.md +71 -0
  4. package/DESIGN-SYSTEM.md +294 -0
  5. package/LICENSE +661 -0
  6. package/README.md +348 -0
  7. package/USAGE.md +1926 -0
  8. package/_index.scss +20 -0
  9. package/dist/fanui.cjs +15 -0
  10. package/dist/fanui.css +28209 -0
  11. package/dist/fanui.d.ts +353 -0
  12. package/dist/fanui.esm.js +71 -0
  13. package/dist/fanui.js +4782 -0
  14. package/dist/fanui.min.css +1 -0
  15. package/dist/fanui.mjs +71 -0
  16. package/dist/modules/fanui-advanced.css +830 -0
  17. package/dist/modules/fanui-advanced.min.css +129 -0
  18. package/dist/modules/fanui-alert.css +575 -0
  19. package/dist/modules/fanui-alert.min.css +122 -0
  20. package/dist/modules/fanui-badge.css +426 -0
  21. package/dist/modules/fanui-badge.min.css +77 -0
  22. package/dist/modules/fanui-base.css +1394 -0
  23. package/dist/modules/fanui-base.min.css +236 -0
  24. package/dist/modules/fanui-blog.css +762 -0
  25. package/dist/modules/fanui-blog.min.css +108 -0
  26. package/dist/modules/fanui-button.css +526 -0
  27. package/dist/modules/fanui-button.min.css +56 -0
  28. package/dist/modules/fanui-card.css +291 -0
  29. package/dist/modules/fanui-card.min.css +52 -0
  30. package/dist/modules/fanui-choice.css +539 -0
  31. package/dist/modules/fanui-choice.min.css +83 -0
  32. package/dist/modules/fanui-dashboard.css +1057 -0
  33. package/dist/modules/fanui-dashboard.min.css +160 -0
  34. package/dist/modules/fanui-data.css +687 -0
  35. package/dist/modules/fanui-data.min.css +125 -0
  36. package/dist/modules/fanui-feedback.css +432 -0
  37. package/dist/modules/fanui-feedback.min.css +79 -0
  38. package/dist/modules/fanui-form.css +779 -0
  39. package/dist/modules/fanui-form.min.css +123 -0
  40. package/dist/modules/fanui-glass.css +497 -0
  41. package/dist/modules/fanui-glass.min.css +46 -0
  42. package/dist/modules/fanui-input-plus.css +799 -0
  43. package/dist/modules/fanui-input-plus.min.css +124 -0
  44. package/dist/modules/fanui-interactive.css +960 -0
  45. package/dist/modules/fanui-interactive.min.css +138 -0
  46. package/dist/modules/fanui-layout.css +4399 -0
  47. package/dist/modules/fanui-layout.min.css +1172 -0
  48. package/dist/modules/fanui-marketing.css +1125 -0
  49. package/dist/modules/fanui-marketing.min.css +144 -0
  50. package/dist/modules/fanui-nav.css +458 -0
  51. package/dist/modules/fanui-nav.min.css +76 -0
  52. package/dist/modules/fanui-overlay.css +547 -0
  53. package/dist/modules/fanui-overlay.min.css +91 -0
  54. package/dist/modules/fanui-table.css +290 -0
  55. package/dist/modules/fanui-table.min.css +62 -0
  56. package/dist/modules/fanui-tabs.css +333 -0
  57. package/dist/modules/fanui-tabs.min.css +58 -0
  58. package/dist/modules/fanui-themes.css +2728 -0
  59. package/dist/modules/fanui-themes.min.css +40 -0
  60. package/dist/modules/fanui-tokens.css +587 -0
  61. package/dist/modules/fanui-tokens.min.css +3 -0
  62. package/dist/modules/fanui-utilities.css +6557 -0
  63. package/dist/modules/fanui-utilities.min.css +1762 -0
  64. package/dist/modules/sizes.json +103 -0
  65. package/docs/MIGRATION-v2.md +179 -0
  66. package/examples/01-script-tag.html +149 -0
  67. package/examples/02-react/README.md +39 -0
  68. package/examples/02-react/index.html +12 -0
  69. package/examples/02-react/package.json +20 -0
  70. package/examples/02-react/src/App.jsx +108 -0
  71. package/examples/02-react/src/main.jsx +13 -0
  72. package/examples/02-react/src/useFanUI.js +87 -0
  73. package/examples/02-react/vite.config.js +6 -0
  74. package/examples/03-vue3/README.md +67 -0
  75. package/examples/03-vue3/index.html +12 -0
  76. package/examples/03-vue3/package.json +19 -0
  77. package/examples/03-vue3/src/App.vue +93 -0
  78. package/examples/03-vue3/src/main.js +8 -0
  79. package/examples/03-vue3/src/useFanUI.js +85 -0
  80. package/examples/03-vue3/vite.config.js +6 -0
  81. package/examples/04-vue2-cdn.html +93 -0
  82. package/examples/README.md +34 -0
  83. package/package.json +127 -0
  84. package/src/_functions.scss +319 -0
  85. package/src/_mixins.scss +1202 -0
  86. package/src/_tokens.scss +180 -0
  87. package/src/_variables.scss +491 -0
  88. package/src/base/_animations.scss +210 -0
  89. package/src/base/_reset.scss +359 -0
  90. package/src/base/_rtl.scss +133 -0
  91. package/src/base/_typography.scss +353 -0
  92. package/src/components/_advanced.scss +763 -0
  93. package/src/components/_alert.scss +322 -0
  94. package/src/components/_badge.scss +279 -0
  95. package/src/components/_blog.scss +693 -0
  96. package/src/components/_button.scss +351 -0
  97. package/src/components/_capabilities.scss +463 -0
  98. package/src/components/_card.scss +281 -0
  99. package/src/components/_choice.scss +444 -0
  100. package/src/components/_dashboard.scss +950 -0
  101. package/src/components/_data.scss +618 -0
  102. package/src/components/_feedback.scss +403 -0
  103. package/src/components/_form.scss +408 -0
  104. package/src/components/_glass.scss +374 -0
  105. package/src/components/_input-plus.scss +730 -0
  106. package/src/components/_interactive.scss +885 -0
  107. package/src/components/_marketing.scss +982 -0
  108. package/src/components/_nav.scss +480 -0
  109. package/src/components/_overlay.scss +517 -0
  110. package/src/components/_table.scss +276 -0
  111. package/src/components/_tabs.scss +338 -0
  112. package/src/fanui.d.ts +353 -0
  113. package/src/fanui.js +4782 -0
  114. package/src/fanui.scss +79 -0
  115. package/src/glass/_switches.scss +36 -0
  116. package/src/glass/_tokens.scss +259 -0
  117. package/src/layout/_container.scss +111 -0
  118. package/src/layout/_flex.scss +164 -0
  119. package/src/layout/_grid.scss +180 -0
  120. package/src/themes/_accents.scss +201 -0
  121. package/src/themes/_palettes.scss +180 -0
  122. package/src/utilities/_borders.scss +104 -0
  123. package/src/utilities/_display.scss +145 -0
  124. package/src/utilities/_effects.scss +210 -0
  125. package/src/utilities/_sizing.scss +123 -0
  126. package/src/utilities/_spacing.scss +118 -0
  127. package/src/utilities/_texture.scss +323 -0
package/dist/modules/fanui-layout.min.css ADDED
@@ -0,0 +1,1172 @@
1
+ .fanui-container{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:576px){.fanui-container{max-width:540px}}@media (min-width:768px){.fanui-container{max-width:720px}}@media (min-width:992px){.fanui-container{max-width:960px}}@media (min-width:1200px){.fanui-container{max-width:1140px}}@media (min-width:1400px){.fanui-container{max-width:1320px}}
2
+ .fanui-container-fluid{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}
3
+ .fanui-container-full{width:100%;margin-inline-end:auto;margin-inline-start:auto}
4
+ .fanui-container-sm{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:576px){.fanui-container-sm{max-width:540px}}
5
+ .fanui-container-md{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:768px){.fanui-container-md{max-width:720px}}
6
+ .fanui-container-lg{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:992px){.fanui-container-lg{max-width:960px}}
7
+ .fanui-container-xl{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:1200px){.fanui-container-xl{max-width:1140px}}
8
+ .fanui-container-xxl{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media (min-width:1400px){.fanui-container-xxl{max-width:1320px}}
9
+ .fanui-layout{display:flex;flex-direction:column;min-height:100vh}
10
+ .fanui-layout__header{flex:0 0 auto;z-index:var(--fanui-z-sticky,1020)}
11
+ .fanui-layout__body{flex:1 1 auto;display:flex;min-height:0}
12
+ .fanui-layout__aside{flex:0 0 auto;width:var(--fanui-layout-aside-width,240px);overflow-y:auto}
13
+ .fanui-layout__main{flex:1 1 auto;min-width:0;overflow-x:hidden}
14
+ .fanui-layout__footer{flex:0 0 auto}
15
+ .fanui-layout--aside-end .fanui-layout__aside{order:2}
16
+ .fanui-layout--aside-end .fanui-layout__main{order:1}@media (max-width:767.95px){.fanui-layout__aside{width:100%;max-width:none}
17
+ .fanui-layout--responsive .fanui-layout__body{flex-direction:column}}
18
+ .fanui-main{flex:1 1 auto;min-width:0}
19
+ .fanui-aside{flex:0 0 auto}
20
+ .fanui-section{padding-block:var(--fanui-space-8)}
21
+ .fanui-sticky-top{position:sticky;top:0;z-index:var(--fanui-z-sticky,1020)}
22
+ .fanui-sticky-bottom{position:sticky;bottom:0;z-index:var(--fanui-z-sticky,1020)}
23
+ .fanui-row{--fanui-gutter-x:24px;--fanui-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:0;margin-inline-end:-12px;margin-inline-start:-12px}
24
+ .fanui-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-inline-end:calc(var(--fanui-gutter-x,24px) * 0.5);padding-inline-start:calc(var(--fanui-gutter-x,24px) * 0.5);margin-top:var(--fanui-gutter-y,0)}
25
+ .fanui-row--no-gutters{--fanui-gutter-x:0;--fanui-gutter-y:0}
26
+ .fanui-row--inline{display:inline-flex}
27
+ .fanui-col{flex:1 0 0%;min-width:0}
28
+ .fanui-col-auto{flex:0 0 auto;width:auto}
29
+ .fanui-col-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
30
+ .fanui-col-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
31
+ .fanui-col-3{flex:0 0 auto;width:25%;max-width:100%}
32
+ .fanui-col-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
33
+ .fanui-col-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
34
+ .fanui-col-6{flex:0 0 auto;width:50%;max-width:100%}
35
+ .fanui-col-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
36
+ .fanui-col-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
37
+ .fanui-col-9{flex:0 0 auto;width:75%;max-width:100%}
38
+ .fanui-col-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
39
+ .fanui-col-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
40
+ .fanui-col-12{flex:0 0 auto;width:100%;max-width:100%}
41
+ .fanui-col-12{flex:0 0 auto;width:100%}
42
+ .fanui-col{flex:1 0 0%;min-width:0}
43
+ .fanui-col-auto{flex:0 0 auto;width:auto;max-width:100%}
44
+ .fanui-col-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
45
+ .fanui-col-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
46
+ .fanui-col-3{flex:0 0 auto;width:25%;max-width:100%}
47
+ .fanui-col-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
48
+ .fanui-col-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
49
+ .fanui-col-6{flex:0 0 auto;width:50%;max-width:100%}
50
+ .fanui-col-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
51
+ .fanui-col-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
52
+ .fanui-col-9{flex:0 0 auto;width:75%;max-width:100%}
53
+ .fanui-col-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
54
+ .fanui-col-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
55
+ .fanui-col-12{flex:0 0 auto;width:100%;max-width:100%}
56
+ .fanui-offset-0{margin-inline-start:0}
57
+ .fanui-offset-1{margin-inline-start:8.3333333333%}
58
+ .fanui-offset-2{margin-inline-start:16.6666666667%}
59
+ .fanui-offset-3{margin-inline-start:25%}
60
+ .fanui-offset-4{margin-inline-start:33.3333333333%}
61
+ .fanui-offset-5{margin-inline-start:41.6666666667%}
62
+ .fanui-offset-6{margin-inline-start:50%}
63
+ .fanui-offset-7{margin-inline-start:58.3333333333%}
64
+ .fanui-offset-8{margin-inline-start:66.6666666667%}
65
+ .fanui-offset-9{margin-inline-start:75%}
66
+ .fanui-offset-10{margin-inline-start:83.3333333333%}
67
+ .fanui-offset-11{margin-inline-start:91.6666666667%}
68
+ .fanui-order-0{order:0}
69
+ .fanui-order-1{order:1}
70
+ .fanui-order-2{order:2}
71
+ .fanui-order-3{order:3}
72
+ .fanui-order-4{order:4}
73
+ .fanui-order-5{order:5}
74
+ .fanui-order-6{order:6}
75
+ .fanui-order-7{order:7}
76
+ .fanui-order-8{order:8}
77
+ .fanui-order-9{order:9}
78
+ .fanui-order-10{order:10}
79
+ .fanui-order-11{order:11}
80
+ .fanui-order-12{order:12}
81
+ .fanui-order-first{order:-1}
82
+ .fanui-order-last{order:13}@media (min-width:576px){.fanui-col-sm{flex:1 0 0%;min-width:0}
83
+ .fanui-col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}
84
+ .fanui-col-sm-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
85
+ .fanui-col-sm-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
86
+ .fanui-col-sm-3{flex:0 0 auto;width:25%;max-width:100%}
87
+ .fanui-col-sm-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
88
+ .fanui-col-sm-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
89
+ .fanui-col-sm-6{flex:0 0 auto;width:50%;max-width:100%}
90
+ .fanui-col-sm-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
91
+ .fanui-col-sm-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
92
+ .fanui-col-sm-9{flex:0 0 auto;width:75%;max-width:100%}
93
+ .fanui-col-sm-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
94
+ .fanui-col-sm-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
95
+ .fanui-col-sm-12{flex:0 0 auto;width:100%;max-width:100%}
96
+ .fanui-offset-sm-0{margin-inline-start:0}
97
+ .fanui-offset-sm-1{margin-inline-start:8.3333333333%}
98
+ .fanui-offset-sm-2{margin-inline-start:16.6666666667%}
99
+ .fanui-offset-sm-3{margin-inline-start:25%}
100
+ .fanui-offset-sm-4{margin-inline-start:33.3333333333%}
101
+ .fanui-offset-sm-5{margin-inline-start:41.6666666667%}
102
+ .fanui-offset-sm-6{margin-inline-start:50%}
103
+ .fanui-offset-sm-7{margin-inline-start:58.3333333333%}
104
+ .fanui-offset-sm-8{margin-inline-start:66.6666666667%}
105
+ .fanui-offset-sm-9{margin-inline-start:75%}
106
+ .fanui-offset-sm-10{margin-inline-start:83.3333333333%}
107
+ .fanui-offset-sm-11{margin-inline-start:91.6666666667%}
108
+ .fanui-order-sm-0{order:0}
109
+ .fanui-order-sm-1{order:1}
110
+ .fanui-order-sm-2{order:2}
111
+ .fanui-order-sm-3{order:3}
112
+ .fanui-order-sm-4{order:4}
113
+ .fanui-order-sm-5{order:5}
114
+ .fanui-order-sm-6{order:6}
115
+ .fanui-order-sm-7{order:7}
116
+ .fanui-order-sm-8{order:8}
117
+ .fanui-order-sm-9{order:9}
118
+ .fanui-order-sm-10{order:10}
119
+ .fanui-order-sm-11{order:11}
120
+ .fanui-order-sm-12{order:12}
121
+ .fanui-order-sm-first{order:-1}
122
+ .fanui-order-sm-last{order:13}}@media (min-width:768px){.fanui-col-md{flex:1 0 0%;min-width:0}
123
+ .fanui-col-md-auto{flex:0 0 auto;width:auto;max-width:100%}
124
+ .fanui-col-md-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
125
+ .fanui-col-md-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
126
+ .fanui-col-md-3{flex:0 0 auto;width:25%;max-width:100%}
127
+ .fanui-col-md-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
128
+ .fanui-col-md-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
129
+ .fanui-col-md-6{flex:0 0 auto;width:50%;max-width:100%}
130
+ .fanui-col-md-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
131
+ .fanui-col-md-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
132
+ .fanui-col-md-9{flex:0 0 auto;width:75%;max-width:100%}
133
+ .fanui-col-md-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
134
+ .fanui-col-md-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
135
+ .fanui-col-md-12{flex:0 0 auto;width:100%;max-width:100%}
136
+ .fanui-offset-md-0{margin-inline-start:0}
137
+ .fanui-offset-md-1{margin-inline-start:8.3333333333%}
138
+ .fanui-offset-md-2{margin-inline-start:16.6666666667%}
139
+ .fanui-offset-md-3{margin-inline-start:25%}
140
+ .fanui-offset-md-4{margin-inline-start:33.3333333333%}
141
+ .fanui-offset-md-5{margin-inline-start:41.6666666667%}
142
+ .fanui-offset-md-6{margin-inline-start:50%}
143
+ .fanui-offset-md-7{margin-inline-start:58.3333333333%}
144
+ .fanui-offset-md-8{margin-inline-start:66.6666666667%}
145
+ .fanui-offset-md-9{margin-inline-start:75%}
146
+ .fanui-offset-md-10{margin-inline-start:83.3333333333%}
147
+ .fanui-offset-md-11{margin-inline-start:91.6666666667%}
148
+ .fanui-order-md-0{order:0}
149
+ .fanui-order-md-1{order:1}
150
+ .fanui-order-md-2{order:2}
151
+ .fanui-order-md-3{order:3}
152
+ .fanui-order-md-4{order:4}
153
+ .fanui-order-md-5{order:5}
154
+ .fanui-order-md-6{order:6}
155
+ .fanui-order-md-7{order:7}
156
+ .fanui-order-md-8{order:8}
157
+ .fanui-order-md-9{order:9}
158
+ .fanui-order-md-10{order:10}
159
+ .fanui-order-md-11{order:11}
160
+ .fanui-order-md-12{order:12}
161
+ .fanui-order-md-first{order:-1}
162
+ .fanui-order-md-last{order:13}}@media (min-width:992px){.fanui-col-lg{flex:1 0 0%;min-width:0}
163
+ .fanui-col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}
164
+ .fanui-col-lg-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
165
+ .fanui-col-lg-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
166
+ .fanui-col-lg-3{flex:0 0 auto;width:25%;max-width:100%}
167
+ .fanui-col-lg-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
168
+ .fanui-col-lg-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
169
+ .fanui-col-lg-6{flex:0 0 auto;width:50%;max-width:100%}
170
+ .fanui-col-lg-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
171
+ .fanui-col-lg-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
172
+ .fanui-col-lg-9{flex:0 0 auto;width:75%;max-width:100%}
173
+ .fanui-col-lg-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
174
+ .fanui-col-lg-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
175
+ .fanui-col-lg-12{flex:0 0 auto;width:100%;max-width:100%}
176
+ .fanui-offset-lg-0{margin-inline-start:0}
177
+ .fanui-offset-lg-1{margin-inline-start:8.3333333333%}
178
+ .fanui-offset-lg-2{margin-inline-start:16.6666666667%}
179
+ .fanui-offset-lg-3{margin-inline-start:25%}
180
+ .fanui-offset-lg-4{margin-inline-start:33.3333333333%}
181
+ .fanui-offset-lg-5{margin-inline-start:41.6666666667%}
182
+ .fanui-offset-lg-6{margin-inline-start:50%}
183
+ .fanui-offset-lg-7{margin-inline-start:58.3333333333%}
184
+ .fanui-offset-lg-8{margin-inline-start:66.6666666667%}
185
+ .fanui-offset-lg-9{margin-inline-start:75%}
186
+ .fanui-offset-lg-10{margin-inline-start:83.3333333333%}
187
+ .fanui-offset-lg-11{margin-inline-start:91.6666666667%}
188
+ .fanui-order-lg-0{order:0}
189
+ .fanui-order-lg-1{order:1}
190
+ .fanui-order-lg-2{order:2}
191
+ .fanui-order-lg-3{order:3}
192
+ .fanui-order-lg-4{order:4}
193
+ .fanui-order-lg-5{order:5}
194
+ .fanui-order-lg-6{order:6}
195
+ .fanui-order-lg-7{order:7}
196
+ .fanui-order-lg-8{order:8}
197
+ .fanui-order-lg-9{order:9}
198
+ .fanui-order-lg-10{order:10}
199
+ .fanui-order-lg-11{order:11}
200
+ .fanui-order-lg-12{order:12}
201
+ .fanui-order-lg-first{order:-1}
202
+ .fanui-order-lg-last{order:13}}@media (min-width:1200px){.fanui-col-xl{flex:1 0 0%;min-width:0}
203
+ .fanui-col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}
204
+ .fanui-col-xl-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
205
+ .fanui-col-xl-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
206
+ .fanui-col-xl-3{flex:0 0 auto;width:25%;max-width:100%}
207
+ .fanui-col-xl-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
208
+ .fanui-col-xl-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
209
+ .fanui-col-xl-6{flex:0 0 auto;width:50%;max-width:100%}
210
+ .fanui-col-xl-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
211
+ .fanui-col-xl-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
212
+ .fanui-col-xl-9{flex:0 0 auto;width:75%;max-width:100%}
213
+ .fanui-col-xl-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
214
+ .fanui-col-xl-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
215
+ .fanui-col-xl-12{flex:0 0 auto;width:100%;max-width:100%}
216
+ .fanui-offset-xl-0{margin-inline-start:0}
217
+ .fanui-offset-xl-1{margin-inline-start:8.3333333333%}
218
+ .fanui-offset-xl-2{margin-inline-start:16.6666666667%}
219
+ .fanui-offset-xl-3{margin-inline-start:25%}
220
+ .fanui-offset-xl-4{margin-inline-start:33.3333333333%}
221
+ .fanui-offset-xl-5{margin-inline-start:41.6666666667%}
222
+ .fanui-offset-xl-6{margin-inline-start:50%}
223
+ .fanui-offset-xl-7{margin-inline-start:58.3333333333%}
224
+ .fanui-offset-xl-8{margin-inline-start:66.6666666667%}
225
+ .fanui-offset-xl-9{margin-inline-start:75%}
226
+ .fanui-offset-xl-10{margin-inline-start:83.3333333333%}
227
+ .fanui-offset-xl-11{margin-inline-start:91.6666666667%}
228
+ .fanui-order-xl-0{order:0}
229
+ .fanui-order-xl-1{order:1}
230
+ .fanui-order-xl-2{order:2}
231
+ .fanui-order-xl-3{order:3}
232
+ .fanui-order-xl-4{order:4}
233
+ .fanui-order-xl-5{order:5}
234
+ .fanui-order-xl-6{order:6}
235
+ .fanui-order-xl-7{order:7}
236
+ .fanui-order-xl-8{order:8}
237
+ .fanui-order-xl-9{order:9}
238
+ .fanui-order-xl-10{order:10}
239
+ .fanui-order-xl-11{order:11}
240
+ .fanui-order-xl-12{order:12}
241
+ .fanui-order-xl-first{order:-1}
242
+ .fanui-order-xl-last{order:13}}@media (min-width:1400px){.fanui-col-xxl{flex:1 0 0%;min-width:0}
243
+ .fanui-col-xxl-auto{flex:0 0 auto;width:auto;max-width:100%}
244
+ .fanui-col-xxl-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}
245
+ .fanui-col-xxl-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}
246
+ .fanui-col-xxl-3{flex:0 0 auto;width:25%;max-width:100%}
247
+ .fanui-col-xxl-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}
248
+ .fanui-col-xxl-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}
249
+ .fanui-col-xxl-6{flex:0 0 auto;width:50%;max-width:100%}
250
+ .fanui-col-xxl-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}
251
+ .fanui-col-xxl-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}
252
+ .fanui-col-xxl-9{flex:0 0 auto;width:75%;max-width:100%}
253
+ .fanui-col-xxl-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}
254
+ .fanui-col-xxl-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}
255
+ .fanui-col-xxl-12{flex:0 0 auto;width:100%;max-width:100%}
256
+ .fanui-offset-xxl-0{margin-inline-start:0}
257
+ .fanui-offset-xxl-1{margin-inline-start:8.3333333333%}
258
+ .fanui-offset-xxl-2{margin-inline-start:16.6666666667%}
259
+ .fanui-offset-xxl-3{margin-inline-start:25%}
260
+ .fanui-offset-xxl-4{margin-inline-start:33.3333333333%}
261
+ .fanui-offset-xxl-5{margin-inline-start:41.6666666667%}
262
+ .fanui-offset-xxl-6{margin-inline-start:50%}
263
+ .fanui-offset-xxl-7{margin-inline-start:58.3333333333%}
264
+ .fanui-offset-xxl-8{margin-inline-start:66.6666666667%}
265
+ .fanui-offset-xxl-9{margin-inline-start:75%}
266
+ .fanui-offset-xxl-10{margin-inline-start:83.3333333333%}
267
+ .fanui-offset-xxl-11{margin-inline-start:91.6666666667%}
268
+ .fanui-order-xxl-0{order:0}
269
+ .fanui-order-xxl-1{order:1}
270
+ .fanui-order-xxl-2{order:2}
271
+ .fanui-order-xxl-3{order:3}
272
+ .fanui-order-xxl-4{order:4}
273
+ .fanui-order-xxl-5{order:5}
274
+ .fanui-order-xxl-6{order:6}
275
+ .fanui-order-xxl-7{order:7}
276
+ .fanui-order-xxl-8{order:8}
277
+ .fanui-order-xxl-9{order:9}
278
+ .fanui-order-xxl-10{order:10}
279
+ .fanui-order-xxl-11{order:11}
280
+ .fanui-order-xxl-12{order:12}
281
+ .fanui-order-xxl-first{order:-1}
282
+ .fanui-order-xxl-last{order:13}}
283
+ .fanui-g0{--fanui-gutter-x:0;--fanui-gutter-y:0}
284
+ .fanui-gx0{--fanui-gutter-x:0}
285
+ .fanui-gy0{--fanui-gutter-y:0}
286
+ .fanui-g1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
287
+ .fanui-gx1{--fanui-gutter-x:4px}
288
+ .fanui-gy1{--fanui-gutter-y:4px}
289
+ .fanui-g2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
290
+ .fanui-gx2{--fanui-gutter-x:8px}
291
+ .fanui-gy2{--fanui-gutter-y:8px}
292
+ .fanui-g3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
293
+ .fanui-gx3{--fanui-gutter-x:12px}
294
+ .fanui-gy3{--fanui-gutter-y:12px}
295
+ .fanui-g4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
296
+ .fanui-gx4{--fanui-gutter-x:16px}
297
+ .fanui-gy4{--fanui-gutter-y:16px}
298
+ .fanui-g5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
299
+ .fanui-gx5{--fanui-gutter-x:20px}
300
+ .fanui-gy5{--fanui-gutter-y:20px}
301
+ .fanui-g6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
302
+ .fanui-gx6{--fanui-gutter-x:24px}
303
+ .fanui-gy6{--fanui-gutter-y:24px}
304
+ .fanui-g8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
305
+ .fanui-gx8{--fanui-gutter-x:32px}
306
+ .fanui-gy8{--fanui-gutter-y:32px}
307
+ .fanui-g10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
308
+ .fanui-gx10{--fanui-gutter-x:40px}
309
+ .fanui-gy10{--fanui-gutter-y:40px}
310
+ .fanui-g-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
311
+ .fanui-gx-0{--fanui-gutter-x:0}
312
+ .fanui-gy-0{--fanui-gutter-y:0}
313
+ .fanui-g-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
314
+ .fanui-gx-1{--fanui-gutter-x:4px}
315
+ .fanui-gy-1{--fanui-gutter-y:4px}
316
+ .fanui-g-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
317
+ .fanui-gx-2{--fanui-gutter-x:8px}
318
+ .fanui-gy-2{--fanui-gutter-y:8px}
319
+ .fanui-g-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
320
+ .fanui-gx-3{--fanui-gutter-x:12px}
321
+ .fanui-gy-3{--fanui-gutter-y:12px}
322
+ .fanui-g-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
323
+ .fanui-gx-4{--fanui-gutter-x:16px}
324
+ .fanui-gy-4{--fanui-gutter-y:16px}
325
+ .fanui-g-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
326
+ .fanui-gx-5{--fanui-gutter-x:20px}
327
+ .fanui-gy-5{--fanui-gutter-y:20px}
328
+ .fanui-g-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
329
+ .fanui-gx-6{--fanui-gutter-x:24px}
330
+ .fanui-gy-6{--fanui-gutter-y:24px}
331
+ .fanui-g-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
332
+ .fanui-gx-8{--fanui-gutter-x:32px}
333
+ .fanui-gy-8{--fanui-gutter-y:32px}
334
+ .fanui-g-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
335
+ .fanui-gx-10{--fanui-gutter-x:40px}
336
+ .fanui-gy-10{--fanui-gutter-y:40px}@media (min-width:576px){.fanui-g-sm-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
337
+ .fanui-gx-sm-0{--fanui-gutter-x:0}
338
+ .fanui-gy-sm-0{--fanui-gutter-y:0}
339
+ .fanui-g-sm-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
340
+ .fanui-gx-sm-1{--fanui-gutter-x:4px}
341
+ .fanui-gy-sm-1{--fanui-gutter-y:4px}
342
+ .fanui-g-sm-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
343
+ .fanui-gx-sm-2{--fanui-gutter-x:8px}
344
+ .fanui-gy-sm-2{--fanui-gutter-y:8px}
345
+ .fanui-g-sm-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
346
+ .fanui-gx-sm-3{--fanui-gutter-x:12px}
347
+ .fanui-gy-sm-3{--fanui-gutter-y:12px}
348
+ .fanui-g-sm-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
349
+ .fanui-gx-sm-4{--fanui-gutter-x:16px}
350
+ .fanui-gy-sm-4{--fanui-gutter-y:16px}
351
+ .fanui-g-sm-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
352
+ .fanui-gx-sm-5{--fanui-gutter-x:20px}
353
+ .fanui-gy-sm-5{--fanui-gutter-y:20px}
354
+ .fanui-g-sm-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
355
+ .fanui-gx-sm-6{--fanui-gutter-x:24px}
356
+ .fanui-gy-sm-6{--fanui-gutter-y:24px}
357
+ .fanui-g-sm-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
358
+ .fanui-gx-sm-8{--fanui-gutter-x:32px}
359
+ .fanui-gy-sm-8{--fanui-gutter-y:32px}
360
+ .fanui-g-sm-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
361
+ .fanui-gx-sm-10{--fanui-gutter-x:40px}
362
+ .fanui-gy-sm-10{--fanui-gutter-y:40px}}@media (min-width:768px){.fanui-g-md-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
363
+ .fanui-gx-md-0{--fanui-gutter-x:0}
364
+ .fanui-gy-md-0{--fanui-gutter-y:0}
365
+ .fanui-g-md-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
366
+ .fanui-gx-md-1{--fanui-gutter-x:4px}
367
+ .fanui-gy-md-1{--fanui-gutter-y:4px}
368
+ .fanui-g-md-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
369
+ .fanui-gx-md-2{--fanui-gutter-x:8px}
370
+ .fanui-gy-md-2{--fanui-gutter-y:8px}
371
+ .fanui-g-md-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
372
+ .fanui-gx-md-3{--fanui-gutter-x:12px}
373
+ .fanui-gy-md-3{--fanui-gutter-y:12px}
374
+ .fanui-g-md-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
375
+ .fanui-gx-md-4{--fanui-gutter-x:16px}
376
+ .fanui-gy-md-4{--fanui-gutter-y:16px}
377
+ .fanui-g-md-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
378
+ .fanui-gx-md-5{--fanui-gutter-x:20px}
379
+ .fanui-gy-md-5{--fanui-gutter-y:20px}
380
+ .fanui-g-md-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
381
+ .fanui-gx-md-6{--fanui-gutter-x:24px}
382
+ .fanui-gy-md-6{--fanui-gutter-y:24px}
383
+ .fanui-g-md-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
384
+ .fanui-gx-md-8{--fanui-gutter-x:32px}
385
+ .fanui-gy-md-8{--fanui-gutter-y:32px}
386
+ .fanui-g-md-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
387
+ .fanui-gx-md-10{--fanui-gutter-x:40px}
388
+ .fanui-gy-md-10{--fanui-gutter-y:40px}}@media (min-width:992px){.fanui-g-lg-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
389
+ .fanui-gx-lg-0{--fanui-gutter-x:0}
390
+ .fanui-gy-lg-0{--fanui-gutter-y:0}
391
+ .fanui-g-lg-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
392
+ .fanui-gx-lg-1{--fanui-gutter-x:4px}
393
+ .fanui-gy-lg-1{--fanui-gutter-y:4px}
394
+ .fanui-g-lg-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
395
+ .fanui-gx-lg-2{--fanui-gutter-x:8px}
396
+ .fanui-gy-lg-2{--fanui-gutter-y:8px}
397
+ .fanui-g-lg-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
398
+ .fanui-gx-lg-3{--fanui-gutter-x:12px}
399
+ .fanui-gy-lg-3{--fanui-gutter-y:12px}
400
+ .fanui-g-lg-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
401
+ .fanui-gx-lg-4{--fanui-gutter-x:16px}
402
+ .fanui-gy-lg-4{--fanui-gutter-y:16px}
403
+ .fanui-g-lg-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
404
+ .fanui-gx-lg-5{--fanui-gutter-x:20px}
405
+ .fanui-gy-lg-5{--fanui-gutter-y:20px}
406
+ .fanui-g-lg-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
407
+ .fanui-gx-lg-6{--fanui-gutter-x:24px}
408
+ .fanui-gy-lg-6{--fanui-gutter-y:24px}
409
+ .fanui-g-lg-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
410
+ .fanui-gx-lg-8{--fanui-gutter-x:32px}
411
+ .fanui-gy-lg-8{--fanui-gutter-y:32px}
412
+ .fanui-g-lg-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
413
+ .fanui-gx-lg-10{--fanui-gutter-x:40px}
414
+ .fanui-gy-lg-10{--fanui-gutter-y:40px}}@media (min-width:1200px){.fanui-g-xl-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
415
+ .fanui-gx-xl-0{--fanui-gutter-x:0}
416
+ .fanui-gy-xl-0{--fanui-gutter-y:0}
417
+ .fanui-g-xl-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
418
+ .fanui-gx-xl-1{--fanui-gutter-x:4px}
419
+ .fanui-gy-xl-1{--fanui-gutter-y:4px}
420
+ .fanui-g-xl-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
421
+ .fanui-gx-xl-2{--fanui-gutter-x:8px}
422
+ .fanui-gy-xl-2{--fanui-gutter-y:8px}
423
+ .fanui-g-xl-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
424
+ .fanui-gx-xl-3{--fanui-gutter-x:12px}
425
+ .fanui-gy-xl-3{--fanui-gutter-y:12px}
426
+ .fanui-g-xl-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
427
+ .fanui-gx-xl-4{--fanui-gutter-x:16px}
428
+ .fanui-gy-xl-4{--fanui-gutter-y:16px}
429
+ .fanui-g-xl-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
430
+ .fanui-gx-xl-5{--fanui-gutter-x:20px}
431
+ .fanui-gy-xl-5{--fanui-gutter-y:20px}
432
+ .fanui-g-xl-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
433
+ .fanui-gx-xl-6{--fanui-gutter-x:24px}
434
+ .fanui-gy-xl-6{--fanui-gutter-y:24px}
435
+ .fanui-g-xl-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
436
+ .fanui-gx-xl-8{--fanui-gutter-x:32px}
437
+ .fanui-gy-xl-8{--fanui-gutter-y:32px}
438
+ .fanui-g-xl-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
439
+ .fanui-gx-xl-10{--fanui-gutter-x:40px}
440
+ .fanui-gy-xl-10{--fanui-gutter-y:40px}}@media (min-width:1400px){.fanui-g-xxl-0{--fanui-gutter-x:0;--fanui-gutter-y:0}
441
+ .fanui-gx-xxl-0{--fanui-gutter-x:0}
442
+ .fanui-gy-xxl-0{--fanui-gutter-y:0}
443
+ .fanui-g-xxl-1{--fanui-gutter-x:4px;--fanui-gutter-y:4px}
444
+ .fanui-gx-xxl-1{--fanui-gutter-x:4px}
445
+ .fanui-gy-xxl-1{--fanui-gutter-y:4px}
446
+ .fanui-g-xxl-2{--fanui-gutter-x:8px;--fanui-gutter-y:8px}
447
+ .fanui-gx-xxl-2{--fanui-gutter-x:8px}
448
+ .fanui-gy-xxl-2{--fanui-gutter-y:8px}
449
+ .fanui-g-xxl-3{--fanui-gutter-x:12px;--fanui-gutter-y:12px}
450
+ .fanui-gx-xxl-3{--fanui-gutter-x:12px}
451
+ .fanui-gy-xxl-3{--fanui-gutter-y:12px}
452
+ .fanui-g-xxl-4{--fanui-gutter-x:16px;--fanui-gutter-y:16px}
453
+ .fanui-gx-xxl-4{--fanui-gutter-x:16px}
454
+ .fanui-gy-xxl-4{--fanui-gutter-y:16px}
455
+ .fanui-g-xxl-5{--fanui-gutter-x:20px;--fanui-gutter-y:20px}
456
+ .fanui-gx-xxl-5{--fanui-gutter-x:20px}
457
+ .fanui-gy-xxl-5{--fanui-gutter-y:20px}
458
+ .fanui-g-xxl-6{--fanui-gutter-x:24px;--fanui-gutter-y:24px}
459
+ .fanui-gx-xxl-6{--fanui-gutter-x:24px}
460
+ .fanui-gy-xxl-6{--fanui-gutter-y:24px}
461
+ .fanui-g-xxl-8{--fanui-gutter-x:32px;--fanui-gutter-y:32px}
462
+ .fanui-gx-xxl-8{--fanui-gutter-x:32px}
463
+ .fanui-gy-xxl-8{--fanui-gutter-y:32px}
464
+ .fanui-g-xxl-10{--fanui-gutter-x:40px;--fanui-gutter-y:40px}
465
+ .fanui-gx-xxl-10{--fanui-gutter-x:40px}
466
+ .fanui-gy-xxl-10{--fanui-gutter-y:40px}}
467
+ .fanui-grid{display:grid;gap:var(--fanui-space-4)}
468
+ .fanui-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
469
+ .fanui-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
470
+ .fanui-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
471
+ .fanui-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
472
+ .fanui-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
473
+ .fanui-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
474
+ .fanui-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
475
+ .fanui-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
476
+ .fanui-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
477
+ .fanui-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
478
+ .fanui-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}
479
+ .fanui-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
480
+ .fanui-grid-auto-xs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}
481
+ .fanui-grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
482
+ .fanui-grid-auto-md{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
483
+ .fanui-grid-auto-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
484
+ .fanui-grid-auto-xl{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
485
+ .fanui-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
486
+ .fanui-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
487
+ .fanui-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
488
+ .fanui-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
489
+ .fanui-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
490
+ .fanui-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
491
+ .fanui-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
492
+ .fanui-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
493
+ .fanui-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
494
+ .fanui-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
495
+ .fanui-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}
496
+ .fanui-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
497
+ .fanui-grid-span-full{grid-column:1/-1}
498
+ .fanui-grid-span-1{grid-column:span 1/span 1}
499
+ .fanui-grid-rows-1{grid-row:span 1/span 1}
500
+ .fanui-grid-span-2{grid-column:span 2/span 2}
501
+ .fanui-grid-rows-2{grid-row:span 2/span 2}
502
+ .fanui-grid-span-3{grid-column:span 3/span 3}
503
+ .fanui-grid-rows-3{grid-row:span 3/span 3}
504
+ .fanui-grid-span-4{grid-column:span 4/span 4}
505
+ .fanui-grid-rows-4{grid-row:span 4/span 4}
506
+ .fanui-grid-span-5{grid-column:span 5/span 5}
507
+ .fanui-grid-rows-5{grid-row:span 5/span 5}
508
+ .fanui-grid-span-6{grid-column:span 6/span 6}
509
+ .fanui-grid-rows-6{grid-row:span 6/span 6}
510
+ .fanui-grid-span-7{grid-column:span 7/span 7}
511
+ .fanui-grid-rows-7{grid-row:span 7/span 7}
512
+ .fanui-grid-span-8{grid-column:span 8/span 8}
513
+ .fanui-grid-rows-8{grid-row:span 8/span 8}
514
+ .fanui-grid-span-9{grid-column:span 9/span 9}
515
+ .fanui-grid-rows-9{grid-row:span 9/span 9}
516
+ .fanui-grid-span-10{grid-column:span 10/span 10}
517
+ .fanui-grid-rows-10{grid-row:span 10/span 10}
518
+ .fanui-grid-span-11{grid-column:span 11/span 11}
519
+ .fanui-grid-rows-11{grid-row:span 11/span 11}
520
+ .fanui-grid-span-12{grid-column:span 12/span 12}
521
+ .fanui-grid-rows-12{grid-row:span 12/span 12}@media (min-width:576px){.fanui-grid-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}
522
+ .fanui-grid-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}
523
+ .fanui-grid-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}
524
+ .fanui-grid-cols-sm-4{grid-template-columns:repeat(4,minmax(0,1fr))}
525
+ .fanui-grid-cols-sm-5{grid-template-columns:repeat(5,minmax(0,1fr))}
526
+ .fanui-grid-cols-sm-6{grid-template-columns:repeat(6,minmax(0,1fr))}
527
+ .fanui-grid-cols-sm-7{grid-template-columns:repeat(7,minmax(0,1fr))}
528
+ .fanui-grid-cols-sm-8{grid-template-columns:repeat(8,minmax(0,1fr))}
529
+ .fanui-grid-cols-sm-9{grid-template-columns:repeat(9,minmax(0,1fr))}
530
+ .fanui-grid-cols-sm-10{grid-template-columns:repeat(10,minmax(0,1fr))}
531
+ .fanui-grid-cols-sm-11{grid-template-columns:repeat(11,minmax(0,1fr))}
532
+ .fanui-grid-cols-sm-12{grid-template-columns:repeat(12,minmax(0,1fr))}
533
+ .fanui-grid-span-sm-full{grid-column:1/-1}
534
+ .fanui-grid-span-sm-1{grid-column:span 1/span 1}
535
+ .fanui-grid-rows-sm-1{grid-row:span 1/span 1}
536
+ .fanui-grid-span-sm-2{grid-column:span 2/span 2}
537
+ .fanui-grid-rows-sm-2{grid-row:span 2/span 2}
538
+ .fanui-grid-span-sm-3{grid-column:span 3/span 3}
539
+ .fanui-grid-rows-sm-3{grid-row:span 3/span 3}
540
+ .fanui-grid-span-sm-4{grid-column:span 4/span 4}
541
+ .fanui-grid-rows-sm-4{grid-row:span 4/span 4}
542
+ .fanui-grid-span-sm-5{grid-column:span 5/span 5}
543
+ .fanui-grid-rows-sm-5{grid-row:span 5/span 5}
544
+ .fanui-grid-span-sm-6{grid-column:span 6/span 6}
545
+ .fanui-grid-rows-sm-6{grid-row:span 6/span 6}
546
+ .fanui-grid-span-sm-7{grid-column:span 7/span 7}
547
+ .fanui-grid-rows-sm-7{grid-row:span 7/span 7}
548
+ .fanui-grid-span-sm-8{grid-column:span 8/span 8}
549
+ .fanui-grid-rows-sm-8{grid-row:span 8/span 8}
550
+ .fanui-grid-span-sm-9{grid-column:span 9/span 9}
551
+ .fanui-grid-rows-sm-9{grid-row:span 9/span 9}
552
+ .fanui-grid-span-sm-10{grid-column:span 10/span 10}
553
+ .fanui-grid-rows-sm-10{grid-row:span 10/span 10}
554
+ .fanui-grid-span-sm-11{grid-column:span 11/span 11}
555
+ .fanui-grid-rows-sm-11{grid-row:span 11/span 11}
556
+ .fanui-grid-span-sm-12{grid-column:span 12/span 12}
557
+ .fanui-grid-rows-sm-12{grid-row:span 12/span 12}}@media (min-width:768px){.fanui-grid-cols-md-1{grid-template-columns:repeat(1,minmax(0,1fr))}
558
+ .fanui-grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}
559
+ .fanui-grid-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr))}
560
+ .fanui-grid-cols-md-4{grid-template-columns:repeat(4,minmax(0,1fr))}
561
+ .fanui-grid-cols-md-5{grid-template-columns:repeat(5,minmax(0,1fr))}
562
+ .fanui-grid-cols-md-6{grid-template-columns:repeat(6,minmax(0,1fr))}
563
+ .fanui-grid-cols-md-7{grid-template-columns:repeat(7,minmax(0,1fr))}
564
+ .fanui-grid-cols-md-8{grid-template-columns:repeat(8,minmax(0,1fr))}
565
+ .fanui-grid-cols-md-9{grid-template-columns:repeat(9,minmax(0,1fr))}
566
+ .fanui-grid-cols-md-10{grid-template-columns:repeat(10,minmax(0,1fr))}
567
+ .fanui-grid-cols-md-11{grid-template-columns:repeat(11,minmax(0,1fr))}
568
+ .fanui-grid-cols-md-12{grid-template-columns:repeat(12,minmax(0,1fr))}
569
+ .fanui-grid-span-md-full{grid-column:1/-1}
570
+ .fanui-grid-span-md-1{grid-column:span 1/span 1}
571
+ .fanui-grid-rows-md-1{grid-row:span 1/span 1}
572
+ .fanui-grid-span-md-2{grid-column:span 2/span 2}
573
+ .fanui-grid-rows-md-2{grid-row:span 2/span 2}
574
+ .fanui-grid-span-md-3{grid-column:span 3/span 3}
575
+ .fanui-grid-rows-md-3{grid-row:span 3/span 3}
576
+ .fanui-grid-span-md-4{grid-column:span 4/span 4}
577
+ .fanui-grid-rows-md-4{grid-row:span 4/span 4}
578
+ .fanui-grid-span-md-5{grid-column:span 5/span 5}
579
+ .fanui-grid-rows-md-5{grid-row:span 5/span 5}
580
+ .fanui-grid-span-md-6{grid-column:span 6/span 6}
581
+ .fanui-grid-rows-md-6{grid-row:span 6/span 6}
582
+ .fanui-grid-span-md-7{grid-column:span 7/span 7}
583
+ .fanui-grid-rows-md-7{grid-row:span 7/span 7}
584
+ .fanui-grid-span-md-8{grid-column:span 8/span 8}
585
+ .fanui-grid-rows-md-8{grid-row:span 8/span 8}
586
+ .fanui-grid-span-md-9{grid-column:span 9/span 9}
587
+ .fanui-grid-rows-md-9{grid-row:span 9/span 9}
588
+ .fanui-grid-span-md-10{grid-column:span 10/span 10}
589
+ .fanui-grid-rows-md-10{grid-row:span 10/span 10}
590
+ .fanui-grid-span-md-11{grid-column:span 11/span 11}
591
+ .fanui-grid-rows-md-11{grid-row:span 11/span 11}
592
+ .fanui-grid-span-md-12{grid-column:span 12/span 12}
593
+ .fanui-grid-rows-md-12{grid-row:span 12/span 12}}@media (min-width:992px){.fanui-grid-cols-lg-1{grid-template-columns:repeat(1,minmax(0,1fr))}
594
+ .fanui-grid-cols-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
595
+ .fanui-grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}
596
+ .fanui-grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}
597
+ .fanui-grid-cols-lg-5{grid-template-columns:repeat(5,minmax(0,1fr))}
598
+ .fanui-grid-cols-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))}
599
+ .fanui-grid-cols-lg-7{grid-template-columns:repeat(7,minmax(0,1fr))}
600
+ .fanui-grid-cols-lg-8{grid-template-columns:repeat(8,minmax(0,1fr))}
601
+ .fanui-grid-cols-lg-9{grid-template-columns:repeat(9,minmax(0,1fr))}
602
+ .fanui-grid-cols-lg-10{grid-template-columns:repeat(10,minmax(0,1fr))}
603
+ .fanui-grid-cols-lg-11{grid-template-columns:repeat(11,minmax(0,1fr))}
604
+ .fanui-grid-cols-lg-12{grid-template-columns:repeat(12,minmax(0,1fr))}
605
+ .fanui-grid-span-lg-full{grid-column:1/-1}
606
+ .fanui-grid-span-lg-1{grid-column:span 1/span 1}
607
+ .fanui-grid-rows-lg-1{grid-row:span 1/span 1}
608
+ .fanui-grid-span-lg-2{grid-column:span 2/span 2}
609
+ .fanui-grid-rows-lg-2{grid-row:span 2/span 2}
610
+ .fanui-grid-span-lg-3{grid-column:span 3/span 3}
611
+ .fanui-grid-rows-lg-3{grid-row:span 3/span 3}
612
+ .fanui-grid-span-lg-4{grid-column:span 4/span 4}
613
+ .fanui-grid-rows-lg-4{grid-row:span 4/span 4}
614
+ .fanui-grid-span-lg-5{grid-column:span 5/span 5}
615
+ .fanui-grid-rows-lg-5{grid-row:span 5/span 5}
616
+ .fanui-grid-span-lg-6{grid-column:span 6/span 6}
617
+ .fanui-grid-rows-lg-6{grid-row:span 6/span 6}
618
+ .fanui-grid-span-lg-7{grid-column:span 7/span 7}
619
+ .fanui-grid-rows-lg-7{grid-row:span 7/span 7}
620
+ .fanui-grid-span-lg-8{grid-column:span 8/span 8}
621
+ .fanui-grid-rows-lg-8{grid-row:span 8/span 8}
622
+ .fanui-grid-span-lg-9{grid-column:span 9/span 9}
623
+ .fanui-grid-rows-lg-9{grid-row:span 9/span 9}
624
+ .fanui-grid-span-lg-10{grid-column:span 10/span 10}
625
+ .fanui-grid-rows-lg-10{grid-row:span 10/span 10}
626
+ .fanui-grid-span-lg-11{grid-column:span 11/span 11}
627
+ .fanui-grid-rows-lg-11{grid-row:span 11/span 11}
628
+ .fanui-grid-span-lg-12{grid-column:span 12/span 12}
629
+ .fanui-grid-rows-lg-12{grid-row:span 12/span 12}}@media (min-width:1200px){.fanui-grid-cols-xl-1{grid-template-columns:repeat(1,minmax(0,1fr))}
630
+ .fanui-grid-cols-xl-2{grid-template-columns:repeat(2,minmax(0,1fr))}
631
+ .fanui-grid-cols-xl-3{grid-template-columns:repeat(3,minmax(0,1fr))}
632
+ .fanui-grid-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr))}
633
+ .fanui-grid-cols-xl-5{grid-template-columns:repeat(5,minmax(0,1fr))}
634
+ .fanui-grid-cols-xl-6{grid-template-columns:repeat(6,minmax(0,1fr))}
635
+ .fanui-grid-cols-xl-7{grid-template-columns:repeat(7,minmax(0,1fr))}
636
+ .fanui-grid-cols-xl-8{grid-template-columns:repeat(8,minmax(0,1fr))}
637
+ .fanui-grid-cols-xl-9{grid-template-columns:repeat(9,minmax(0,1fr))}
638
+ .fanui-grid-cols-xl-10{grid-template-columns:repeat(10,minmax(0,1fr))}
639
+ .fanui-grid-cols-xl-11{grid-template-columns:repeat(11,minmax(0,1fr))}
640
+ .fanui-grid-cols-xl-12{grid-template-columns:repeat(12,minmax(0,1fr))}
641
+ .fanui-grid-span-xl-full{grid-column:1/-1}
642
+ .fanui-grid-span-xl-1{grid-column:span 1/span 1}
643
+ .fanui-grid-rows-xl-1{grid-row:span 1/span 1}
644
+ .fanui-grid-span-xl-2{grid-column:span 2/span 2}
645
+ .fanui-grid-rows-xl-2{grid-row:span 2/span 2}
646
+ .fanui-grid-span-xl-3{grid-column:span 3/span 3}
647
+ .fanui-grid-rows-xl-3{grid-row:span 3/span 3}
648
+ .fanui-grid-span-xl-4{grid-column:span 4/span 4}
649
+ .fanui-grid-rows-xl-4{grid-row:span 4/span 4}
650
+ .fanui-grid-span-xl-5{grid-column:span 5/span 5}
651
+ .fanui-grid-rows-xl-5{grid-row:span 5/span 5}
652
+ .fanui-grid-span-xl-6{grid-column:span 6/span 6}
653
+ .fanui-grid-rows-xl-6{grid-row:span 6/span 6}
654
+ .fanui-grid-span-xl-7{grid-column:span 7/span 7}
655
+ .fanui-grid-rows-xl-7{grid-row:span 7/span 7}
656
+ .fanui-grid-span-xl-8{grid-column:span 8/span 8}
657
+ .fanui-grid-rows-xl-8{grid-row:span 8/span 8}
658
+ .fanui-grid-span-xl-9{grid-column:span 9/span 9}
659
+ .fanui-grid-rows-xl-9{grid-row:span 9/span 9}
660
+ .fanui-grid-span-xl-10{grid-column:span 10/span 10}
661
+ .fanui-grid-rows-xl-10{grid-row:span 10/span 10}
662
+ .fanui-grid-span-xl-11{grid-column:span 11/span 11}
663
+ .fanui-grid-rows-xl-11{grid-row:span 11/span 11}
664
+ .fanui-grid-span-xl-12{grid-column:span 12/span 12}
665
+ .fanui-grid-rows-xl-12{grid-row:span 12/span 12}}@media (min-width:1400px){.fanui-grid-cols-xxl-1{grid-template-columns:repeat(1,minmax(0,1fr))}
666
+ .fanui-grid-cols-xxl-2{grid-template-columns:repeat(2,minmax(0,1fr))}
667
+ .fanui-grid-cols-xxl-3{grid-template-columns:repeat(3,minmax(0,1fr))}
668
+ .fanui-grid-cols-xxl-4{grid-template-columns:repeat(4,minmax(0,1fr))}
669
+ .fanui-grid-cols-xxl-5{grid-template-columns:repeat(5,minmax(0,1fr))}
670
+ .fanui-grid-cols-xxl-6{grid-template-columns:repeat(6,minmax(0,1fr))}
671
+ .fanui-grid-cols-xxl-7{grid-template-columns:repeat(7,minmax(0,1fr))}
672
+ .fanui-grid-cols-xxl-8{grid-template-columns:repeat(8,minmax(0,1fr))}
673
+ .fanui-grid-cols-xxl-9{grid-template-columns:repeat(9,minmax(0,1fr))}
674
+ .fanui-grid-cols-xxl-10{grid-template-columns:repeat(10,minmax(0,1fr))}
675
+ .fanui-grid-cols-xxl-11{grid-template-columns:repeat(11,minmax(0,1fr))}
676
+ .fanui-grid-cols-xxl-12{grid-template-columns:repeat(12,minmax(0,1fr))}
677
+ .fanui-grid-span-xxl-full{grid-column:1/-1}
678
+ .fanui-grid-span-xxl-1{grid-column:span 1/span 1}
679
+ .fanui-grid-rows-xxl-1{grid-row:span 1/span 1}
680
+ .fanui-grid-span-xxl-2{grid-column:span 2/span 2}
681
+ .fanui-grid-rows-xxl-2{grid-row:span 2/span 2}
682
+ .fanui-grid-span-xxl-3{grid-column:span 3/span 3}
683
+ .fanui-grid-rows-xxl-3{grid-row:span 3/span 3}
684
+ .fanui-grid-span-xxl-4{grid-column:span 4/span 4}
685
+ .fanui-grid-rows-xxl-4{grid-row:span 4/span 4}
686
+ .fanui-grid-span-xxl-5{grid-column:span 5/span 5}
687
+ .fanui-grid-rows-xxl-5{grid-row:span 5/span 5}
688
+ .fanui-grid-span-xxl-6{grid-column:span 6/span 6}
689
+ .fanui-grid-rows-xxl-6{grid-row:span 6/span 6}
690
+ .fanui-grid-span-xxl-7{grid-column:span 7/span 7}
691
+ .fanui-grid-rows-xxl-7{grid-row:span 7/span 7}
692
+ .fanui-grid-span-xxl-8{grid-column:span 8/span 8}
693
+ .fanui-grid-rows-xxl-8{grid-row:span 8/span 8}
694
+ .fanui-grid-span-xxl-9{grid-column:span 9/span 9}
695
+ .fanui-grid-rows-xxl-9{grid-row:span 9/span 9}
696
+ .fanui-grid-span-xxl-10{grid-column:span 10/span 10}
697
+ .fanui-grid-rows-xxl-10{grid-row:span 10/span 10}
698
+ .fanui-grid-span-xxl-11{grid-column:span 11/span 11}
699
+ .fanui-grid-rows-xxl-11{grid-row:span 11/span 11}
700
+ .fanui-grid-span-xxl-12{grid-column:span 12/span 12}
701
+ .fanui-grid-rows-xxl-12{grid-row:span 12/span 12}}
702
+ .fanui-d-none{display:none}
703
+ .fanui-d-block{display:block}
704
+ .fanui-d-inline{display:inline}
705
+ .fanui-d-inline-block{display:inline-block}
706
+ .fanui-d-flex{display:flex}
707
+ .fanui-d-inline-flex{display:inline-flex}
708
+ .fanui-d-grid{display:grid}
709
+ .fanui-d-inline-grid{display:inline-grid}
710
+ .fanui-d-contents{display:contents}
711
+ .fanui-d-flow-root{display:flow-root}
712
+ .fanui-flex-row{flex-direction:row}
713
+ .fanui-flex-row-reverse{flex-direction:row-reverse}
714
+ .fanui-flex-col{flex-direction:column}
715
+ .fanui-flex-col-reverse{flex-direction:column-reverse}
716
+ .fanui-flex-wrap{flex-wrap:wrap}
717
+ .fanui-flex-wrap-reverse{flex-wrap:wrap-reverse}
718
+ .fanui-flex-nowrap{flex-wrap:nowrap}
719
+ .fanui-justify-start{justify-content:flex-start}
720
+ .fanui-justify-end{justify-content:flex-end}
721
+ .fanui-justify-center{justify-content:center}
722
+ .fanui-justify-between{justify-content:space-between}
723
+ .fanui-justify-around{justify-content:space-around}
724
+ .fanui-justify-evenly{justify-content:space-evenly}
725
+ .fanui-justify-stretch{justify-content:stretch}
726
+ .fanui-items-start{align-items:flex-start}
727
+ .fanui-content-start{align-content:flex-start}
728
+ .fanui-self-start{align-self:flex-start}
729
+ .fanui-items-end{align-items:flex-end}
730
+ .fanui-content-end{align-content:flex-end}
731
+ .fanui-self-end{align-self:flex-end}
732
+ .fanui-items-center{align-items:center}
733
+ .fanui-content-center{align-content:center}
734
+ .fanui-self-center{align-self:center}
735
+ .fanui-items-baseline{align-items:baseline}
736
+ .fanui-content-baseline{align-content:baseline}
737
+ .fanui-self-baseline{align-self:baseline}
738
+ .fanui-items-stretch{align-items:stretch}
739
+ .fanui-content-stretch{align-content:stretch}
740
+ .fanui-self-stretch{align-self:stretch}
741
+ .fanui-place-center{place-items:center}
742
+ .fanui-place-start{place-items:start}
743
+ .fanui-place-end{place-items:end}
744
+ .fanui-flex-1{flex:1 1 0%}
745
+ .fanui-flex-auto{flex:1 1 auto}
746
+ .fanui-flex-initial{flex:0 1 auto}
747
+ .fanui-flex-none{flex:none}
748
+ .fanui-grow{flex-grow:1}
749
+ .fanui-grow-0{flex-grow:0}
750
+ .fanui-shrink{flex-shrink:1}
751
+ .fanui-shrink-0{flex-shrink:0}
752
+ .fanui-basis-auto{flex-basis:auto}
753
+ .fanui-basis-0{flex-basis:0%}
754
+ .fanui-basis-full{flex-basis:100%}
755
+ .fanui-basis-1-2{flex-basis:50%}
756
+ .fanui-basis-1-3{flex-basis:33.333333%}
757
+ .fanui-basis-2-3{flex-basis:66.666667%}
758
+ .fanui-basis-1-4{flex-basis:25%}
759
+ .fanui-basis-3-4{flex-basis:75%}
760
+ .fanui-order-0{order:0}
761
+ .fanui-order-1{order:1}
762
+ .fanui-order-2{order:2}
763
+ .fanui-order-3{order:3}
764
+ .fanui-order-4{order:4}
765
+ .fanui-order-5{order:5}
766
+ .fanui-order-6{order:6}
767
+ .fanui-order-7{order:7}
768
+ .fanui-order-8{order:8}
769
+ .fanui-order-9{order:9}
770
+ .fanui-order-10{order:10}
771
+ .fanui-order-11{order:11}
772
+ .fanui-order-12{order:12}
773
+ .fanui-order-first{order:-9999}
774
+ .fanui-order-last{order:9999}
775
+ .fanui-gap-0{gap:0}
776
+ .fanui-gap-x-0{column-gap:0}
777
+ .fanui-gap-y-0{row-gap:0}
778
+ .fanui-gap-1{gap:4px}
779
+ .fanui-gap-x-1{column-gap:4px}
780
+ .fanui-gap-y-1{row-gap:4px}
781
+ .fanui-gap-2{gap:8px}
782
+ .fanui-gap-x-2{column-gap:8px}
783
+ .fanui-gap-y-2{row-gap:8px}
784
+ .fanui-gap-3{gap:12px}
785
+ .fanui-gap-x-3{column-gap:12px}
786
+ .fanui-gap-y-3{row-gap:12px}
787
+ .fanui-gap-4{gap:16px}
788
+ .fanui-gap-x-4{column-gap:16px}
789
+ .fanui-gap-y-4{row-gap:16px}
790
+ .fanui-gap-5{gap:20px}
791
+ .fanui-gap-x-5{column-gap:20px}
792
+ .fanui-gap-y-5{row-gap:20px}
793
+ .fanui-gap-6{gap:24px}
794
+ .fanui-gap-x-6{column-gap:24px}
795
+ .fanui-gap-y-6{row-gap:24px}
796
+ .fanui-gap-8{gap:32px}
797
+ .fanui-gap-x-8{column-gap:32px}
798
+ .fanui-gap-y-8{row-gap:32px}
799
+ .fanui-gap-10{gap:40px}
800
+ .fanui-gap-x-10{column-gap:40px}
801
+ .fanui-gap-y-10{row-gap:40px}
802
+ .fanui-gap-12{gap:48px}
803
+ .fanui-gap-x-12{column-gap:48px}
804
+ .fanui-gap-y-12{row-gap:48px}
805
+ .fanui-gap-16{gap:64px}
806
+ .fanui-gap-x-16{column-gap:64px}
807
+ .fanui-gap-y-16{row-gap:64px}
808
+ .fanui-gap-20{gap:80px}
809
+ .fanui-gap-x-20{column-gap:80px}
810
+ .fanui-gap-y-20{row-gap:80px}
811
+ .fanui-gap-24{gap:96px}
812
+ .fanui-gap-x-24{column-gap:96px}
813
+ .fanui-gap-y-24{row-gap:96px}
814
+ .fanui-d-none{display:none}
815
+ .fanui-d-block{display:block}
816
+ .fanui-d-inline{display:inline}
817
+ .fanui-d-inline-block{display:inline-block}
818
+ .fanui-d-flex{display:flex}
819
+ .fanui-d-inline-flex{display:inline-flex}
820
+ .fanui-d-grid{display:grid}
821
+ .fanui-d-inline-grid{display:inline-grid}
822
+ .fanui-flex-row{flex-direction:row}
823
+ .fanui-flex-col{flex-direction:column}
824
+ .fanui-flex-row-reverse{flex-direction:row-reverse}
825
+ .fanui-flex-col-reverse{flex-direction:column-reverse}
826
+ .fanui-flex-wrap{flex-wrap:wrap}
827
+ .fanui-flex-nowrap{flex-wrap:nowrap}
828
+ .fanui-justify-start{justify-content:flex-start}
829
+ .fanui-justify-end{justify-content:flex-end}
830
+ .fanui-justify-center{justify-content:center}
831
+ .fanui-justify-between{justify-content:space-between}
832
+ .fanui-justify-around{justify-content:space-around}
833
+ .fanui-justify-evenly{justify-content:space-evenly}
834
+ .fanui-justify-stretch{justify-content:stretch}
835
+ .fanui-items-start{align-items:flex-start}
836
+ .fanui-self-start{align-self:flex-start}
837
+ .fanui-items-end{align-items:flex-end}
838
+ .fanui-self-end{align-self:flex-end}
839
+ .fanui-items-center{align-items:center}
840
+ .fanui-self-center{align-self:center}
841
+ .fanui-items-baseline{align-items:baseline}
842
+ .fanui-self-baseline{align-self:baseline}
843
+ .fanui-items-stretch{align-items:stretch}
844
+ .fanui-self-stretch{align-self:stretch}
845
+ .fanui-gap-0{gap:0}
846
+ .fanui-gap-1{gap:4px}
847
+ .fanui-gap-2{gap:8px}
848
+ .fanui-gap-3{gap:12px}
849
+ .fanui-gap-4{gap:16px}
850
+ .fanui-gap-5{gap:20px}
851
+ .fanui-gap-6{gap:24px}
852
+ .fanui-gap-8{gap:32px}
853
+ .fanui-gap-10{gap:40px}
854
+ .fanui-gap-12{gap:48px}
855
+ .fanui-gap-16{gap:64px}
856
+ .fanui-gap-20{gap:80px}
857
+ .fanui-gap-24{gap:96px}
858
+ .fanui-order-0{order:0}
859
+ .fanui-order-1{order:1}
860
+ .fanui-order-2{order:2}
861
+ .fanui-order-3{order:3}
862
+ .fanui-order-4{order:4}
863
+ .fanui-order-5{order:5}
864
+ .fanui-order-6{order:6}
865
+ .fanui-order-7{order:7}
866
+ .fanui-order-8{order:8}
867
+ .fanui-order-9{order:9}
868
+ .fanui-order-10{order:10}
869
+ .fanui-order-11{order:11}
870
+ .fanui-order-12{order:12}
871
+ .fanui-order-first{order:-9999}
872
+ .fanui-order-last{order:9999}@media (min-width:576px){.fanui-d-sm-none{display:none}
873
+ .fanui-d-sm-block{display:block}
874
+ .fanui-d-sm-inline{display:inline}
875
+ .fanui-d-sm-inline-block{display:inline-block}
876
+ .fanui-d-sm-flex{display:flex}
877
+ .fanui-d-sm-inline-flex{display:inline-flex}
878
+ .fanui-d-sm-grid{display:grid}
879
+ .fanui-d-sm-inline-grid{display:inline-grid}
880
+ .fanui-flex-sm-row{flex-direction:row}
881
+ .fanui-flex-sm-col{flex-direction:column}
882
+ .fanui-flex-sm-row-reverse{flex-direction:row-reverse}
883
+ .fanui-flex-sm-col-reverse{flex-direction:column-reverse}
884
+ .fanui-flex-sm-wrap{flex-wrap:wrap}
885
+ .fanui-flex-sm-nowrap{flex-wrap:nowrap}
886
+ .fanui-justify-sm-start{justify-content:flex-start}
887
+ .fanui-justify-sm-end{justify-content:flex-end}
888
+ .fanui-justify-sm-center{justify-content:center}
889
+ .fanui-justify-sm-between{justify-content:space-between}
890
+ .fanui-justify-sm-around{justify-content:space-around}
891
+ .fanui-justify-sm-evenly{justify-content:space-evenly}
892
+ .fanui-justify-sm-stretch{justify-content:stretch}
893
+ .fanui-items-sm-start{align-items:flex-start}
894
+ .fanui-self-sm-start{align-self:flex-start}
895
+ .fanui-items-sm-end{align-items:flex-end}
896
+ .fanui-self-sm-end{align-self:flex-end}
897
+ .fanui-items-sm-center{align-items:center}
898
+ .fanui-self-sm-center{align-self:center}
899
+ .fanui-items-sm-baseline{align-items:baseline}
900
+ .fanui-self-sm-baseline{align-self:baseline}
901
+ .fanui-items-sm-stretch{align-items:stretch}
902
+ .fanui-self-sm-stretch{align-self:stretch}
903
+ .fanui-gap-sm-0{gap:0}
904
+ .fanui-gap-sm-1{gap:4px}
905
+ .fanui-gap-sm-2{gap:8px}
906
+ .fanui-gap-sm-3{gap:12px}
907
+ .fanui-gap-sm-4{gap:16px}
908
+ .fanui-gap-sm-5{gap:20px}
909
+ .fanui-gap-sm-6{gap:24px}
910
+ .fanui-gap-sm-8{gap:32px}
911
+ .fanui-gap-sm-10{gap:40px}
912
+ .fanui-gap-sm-12{gap:48px}
913
+ .fanui-gap-sm-16{gap:64px}
914
+ .fanui-gap-sm-20{gap:80px}
915
+ .fanui-gap-sm-24{gap:96px}
916
+ .fanui-order-sm-0{order:0}
917
+ .fanui-order-sm-1{order:1}
918
+ .fanui-order-sm-2{order:2}
919
+ .fanui-order-sm-3{order:3}
920
+ .fanui-order-sm-4{order:4}
921
+ .fanui-order-sm-5{order:5}
922
+ .fanui-order-sm-6{order:6}
923
+ .fanui-order-sm-7{order:7}
924
+ .fanui-order-sm-8{order:8}
925
+ .fanui-order-sm-9{order:9}
926
+ .fanui-order-sm-10{order:10}
927
+ .fanui-order-sm-11{order:11}
928
+ .fanui-order-sm-12{order:12}
929
+ .fanui-order-sm-first{order:-9999}
930
+ .fanui-order-sm-last{order:9999}}@media (min-width:768px){.fanui-d-md-none{display:none}
931
+ .fanui-d-md-block{display:block}
932
+ .fanui-d-md-inline{display:inline}
933
+ .fanui-d-md-inline-block{display:inline-block}
934
+ .fanui-d-md-flex{display:flex}
935
+ .fanui-d-md-inline-flex{display:inline-flex}
936
+ .fanui-d-md-grid{display:grid}
937
+ .fanui-d-md-inline-grid{display:inline-grid}
938
+ .fanui-flex-md-row{flex-direction:row}
939
+ .fanui-flex-md-col{flex-direction:column}
940
+ .fanui-flex-md-row-reverse{flex-direction:row-reverse}
941
+ .fanui-flex-md-col-reverse{flex-direction:column-reverse}
942
+ .fanui-flex-md-wrap{flex-wrap:wrap}
943
+ .fanui-flex-md-nowrap{flex-wrap:nowrap}
944
+ .fanui-justify-md-start{justify-content:flex-start}
945
+ .fanui-justify-md-end{justify-content:flex-end}
946
+ .fanui-justify-md-center{justify-content:center}
947
+ .fanui-justify-md-between{justify-content:space-between}
948
+ .fanui-justify-md-around{justify-content:space-around}
949
+ .fanui-justify-md-evenly{justify-content:space-evenly}
950
+ .fanui-justify-md-stretch{justify-content:stretch}
951
+ .fanui-items-md-start{align-items:flex-start}
952
+ .fanui-self-md-start{align-self:flex-start}
953
+ .fanui-items-md-end{align-items:flex-end}
954
+ .fanui-self-md-end{align-self:flex-end}
955
+ .fanui-items-md-center{align-items:center}
956
+ .fanui-self-md-center{align-self:center}
957
+ .fanui-items-md-baseline{align-items:baseline}
958
+ .fanui-self-md-baseline{align-self:baseline}
959
+ .fanui-items-md-stretch{align-items:stretch}
960
+ .fanui-self-md-stretch{align-self:stretch}
961
+ .fanui-gap-md-0{gap:0}
962
+ .fanui-gap-md-1{gap:4px}
963
+ .fanui-gap-md-2{gap:8px}
964
+ .fanui-gap-md-3{gap:12px}
965
+ .fanui-gap-md-4{gap:16px}
966
+ .fanui-gap-md-5{gap:20px}
967
+ .fanui-gap-md-6{gap:24px}
968
+ .fanui-gap-md-8{gap:32px}
969
+ .fanui-gap-md-10{gap:40px}
970
+ .fanui-gap-md-12{gap:48px}
971
+ .fanui-gap-md-16{gap:64px}
972
+ .fanui-gap-md-20{gap:80px}
973
+ .fanui-gap-md-24{gap:96px}
974
+ .fanui-order-md-0{order:0}
975
+ .fanui-order-md-1{order:1}
976
+ .fanui-order-md-2{order:2}
977
+ .fanui-order-md-3{order:3}
978
+ .fanui-order-md-4{order:4}
979
+ .fanui-order-md-5{order:5}
980
+ .fanui-order-md-6{order:6}
981
+ .fanui-order-md-7{order:7}
982
+ .fanui-order-md-8{order:8}
983
+ .fanui-order-md-9{order:9}
984
+ .fanui-order-md-10{order:10}
985
+ .fanui-order-md-11{order:11}
986
+ .fanui-order-md-12{order:12}
987
+ .fanui-order-md-first{order:-9999}
988
+ .fanui-order-md-last{order:9999}}@media (min-width:992px){.fanui-d-lg-none{display:none}
989
+ .fanui-d-lg-block{display:block}
990
+ .fanui-d-lg-inline{display:inline}
991
+ .fanui-d-lg-inline-block{display:inline-block}
992
+ .fanui-d-lg-flex{display:flex}
993
+ .fanui-d-lg-inline-flex{display:inline-flex}
994
+ .fanui-d-lg-grid{display:grid}
995
+ .fanui-d-lg-inline-grid{display:inline-grid}
996
+ .fanui-flex-lg-row{flex-direction:row}
997
+ .fanui-flex-lg-col{flex-direction:column}
998
+ .fanui-flex-lg-row-reverse{flex-direction:row-reverse}
999
+ .fanui-flex-lg-col-reverse{flex-direction:column-reverse}
1000
+ .fanui-flex-lg-wrap{flex-wrap:wrap}
1001
+ .fanui-flex-lg-nowrap{flex-wrap:nowrap}
1002
+ .fanui-justify-lg-start{justify-content:flex-start}
1003
+ .fanui-justify-lg-end{justify-content:flex-end}
1004
+ .fanui-justify-lg-center{justify-content:center}
1005
+ .fanui-justify-lg-between{justify-content:space-between}
1006
+ .fanui-justify-lg-around{justify-content:space-around}
1007
+ .fanui-justify-lg-evenly{justify-content:space-evenly}
1008
+ .fanui-justify-lg-stretch{justify-content:stretch}
1009
+ .fanui-items-lg-start{align-items:flex-start}
1010
+ .fanui-self-lg-start{align-self:flex-start}
1011
+ .fanui-items-lg-end{align-items:flex-end}
1012
+ .fanui-self-lg-end{align-self:flex-end}
1013
+ .fanui-items-lg-center{align-items:center}
1014
+ .fanui-self-lg-center{align-self:center}
1015
+ .fanui-items-lg-baseline{align-items:baseline}
1016
+ .fanui-self-lg-baseline{align-self:baseline}
1017
+ .fanui-items-lg-stretch{align-items:stretch}
1018
+ .fanui-self-lg-stretch{align-self:stretch}
1019
+ .fanui-gap-lg-0{gap:0}
1020
+ .fanui-gap-lg-1{gap:4px}
1021
+ .fanui-gap-lg-2{gap:8px}
1022
+ .fanui-gap-lg-3{gap:12px}
1023
+ .fanui-gap-lg-4{gap:16px}
1024
+ .fanui-gap-lg-5{gap:20px}
1025
+ .fanui-gap-lg-6{gap:24px}
1026
+ .fanui-gap-lg-8{gap:32px}
1027
+ .fanui-gap-lg-10{gap:40px}
1028
+ .fanui-gap-lg-12{gap:48px}
1029
+ .fanui-gap-lg-16{gap:64px}
1030
+ .fanui-gap-lg-20{gap:80px}
1031
+ .fanui-gap-lg-24{gap:96px}
1032
+ .fanui-order-lg-0{order:0}
1033
+ .fanui-order-lg-1{order:1}
1034
+ .fanui-order-lg-2{order:2}
1035
+ .fanui-order-lg-3{order:3}
1036
+ .fanui-order-lg-4{order:4}
1037
+ .fanui-order-lg-5{order:5}
1038
+ .fanui-order-lg-6{order:6}
1039
+ .fanui-order-lg-7{order:7}
1040
+ .fanui-order-lg-8{order:8}
1041
+ .fanui-order-lg-9{order:9}
1042
+ .fanui-order-lg-10{order:10}
1043
+ .fanui-order-lg-11{order:11}
1044
+ .fanui-order-lg-12{order:12}
1045
+ .fanui-order-lg-first{order:-9999}
1046
+ .fanui-order-lg-last{order:9999}}@media (min-width:1200px){.fanui-d-xl-none{display:none}
1047
+ .fanui-d-xl-block{display:block}
1048
+ .fanui-d-xl-inline{display:inline}
1049
+ .fanui-d-xl-inline-block{display:inline-block}
1050
+ .fanui-d-xl-flex{display:flex}
1051
+ .fanui-d-xl-inline-flex{display:inline-flex}
1052
+ .fanui-d-xl-grid{display:grid}
1053
+ .fanui-d-xl-inline-grid{display:inline-grid}
1054
+ .fanui-flex-xl-row{flex-direction:row}
1055
+ .fanui-flex-xl-col{flex-direction:column}
1056
+ .fanui-flex-xl-row-reverse{flex-direction:row-reverse}
1057
+ .fanui-flex-xl-col-reverse{flex-direction:column-reverse}
1058
+ .fanui-flex-xl-wrap{flex-wrap:wrap}
1059
+ .fanui-flex-xl-nowrap{flex-wrap:nowrap}
1060
+ .fanui-justify-xl-start{justify-content:flex-start}
1061
+ .fanui-justify-xl-end{justify-content:flex-end}
1062
+ .fanui-justify-xl-center{justify-content:center}
1063
+ .fanui-justify-xl-between{justify-content:space-between}
1064
+ .fanui-justify-xl-around{justify-content:space-around}
1065
+ .fanui-justify-xl-evenly{justify-content:space-evenly}
1066
+ .fanui-justify-xl-stretch{justify-content:stretch}
1067
+ .fanui-items-xl-start{align-items:flex-start}
1068
+ .fanui-self-xl-start{align-self:flex-start}
1069
+ .fanui-items-xl-end{align-items:flex-end}
1070
+ .fanui-self-xl-end{align-self:flex-end}
1071
+ .fanui-items-xl-center{align-items:center}
1072
+ .fanui-self-xl-center{align-self:center}
1073
+ .fanui-items-xl-baseline{align-items:baseline}
1074
+ .fanui-self-xl-baseline{align-self:baseline}
1075
+ .fanui-items-xl-stretch{align-items:stretch}
1076
+ .fanui-self-xl-stretch{align-self:stretch}
1077
+ .fanui-gap-xl-0{gap:0}
1078
+ .fanui-gap-xl-1{gap:4px}
1079
+ .fanui-gap-xl-2{gap:8px}
1080
+ .fanui-gap-xl-3{gap:12px}
1081
+ .fanui-gap-xl-4{gap:16px}
1082
+ .fanui-gap-xl-5{gap:20px}
1083
+ .fanui-gap-xl-6{gap:24px}
1084
+ .fanui-gap-xl-8{gap:32px}
1085
+ .fanui-gap-xl-10{gap:40px}
1086
+ .fanui-gap-xl-12{gap:48px}
1087
+ .fanui-gap-xl-16{gap:64px}
1088
+ .fanui-gap-xl-20{gap:80px}
1089
+ .fanui-gap-xl-24{gap:96px}
1090
+ .fanui-order-xl-0{order:0}
1091
+ .fanui-order-xl-1{order:1}
1092
+ .fanui-order-xl-2{order:2}
1093
+ .fanui-order-xl-3{order:3}
1094
+ .fanui-order-xl-4{order:4}
1095
+ .fanui-order-xl-5{order:5}
1096
+ .fanui-order-xl-6{order:6}
1097
+ .fanui-order-xl-7{order:7}
1098
+ .fanui-order-xl-8{order:8}
1099
+ .fanui-order-xl-9{order:9}
1100
+ .fanui-order-xl-10{order:10}
1101
+ .fanui-order-xl-11{order:11}
1102
+ .fanui-order-xl-12{order:12}
1103
+ .fanui-order-xl-first{order:-9999}
1104
+ .fanui-order-xl-last{order:9999}}@media (min-width:1400px){.fanui-d-xxl-none{display:none}
1105
+ .fanui-d-xxl-block{display:block}
1106
+ .fanui-d-xxl-inline{display:inline}
1107
+ .fanui-d-xxl-inline-block{display:inline-block}
1108
+ .fanui-d-xxl-flex{display:flex}
1109
+ .fanui-d-xxl-inline-flex{display:inline-flex}
1110
+ .fanui-d-xxl-grid{display:grid}
1111
+ .fanui-d-xxl-inline-grid{display:inline-grid}
1112
+ .fanui-flex-xxl-row{flex-direction:row}
1113
+ .fanui-flex-xxl-col{flex-direction:column}
1114
+ .fanui-flex-xxl-row-reverse{flex-direction:row-reverse}
1115
+ .fanui-flex-xxl-col-reverse{flex-direction:column-reverse}
1116
+ .fanui-flex-xxl-wrap{flex-wrap:wrap}
1117
+ .fanui-flex-xxl-nowrap{flex-wrap:nowrap}
1118
+ .fanui-justify-xxl-start{justify-content:flex-start}
1119
+ .fanui-justify-xxl-end{justify-content:flex-end}
1120
+ .fanui-justify-xxl-center{justify-content:center}
1121
+ .fanui-justify-xxl-between{justify-content:space-between}
1122
+ .fanui-justify-xxl-around{justify-content:space-around}
1123
+ .fanui-justify-xxl-evenly{justify-content:space-evenly}
1124
+ .fanui-justify-xxl-stretch{justify-content:stretch}
1125
+ .fanui-items-xxl-start{align-items:flex-start}
1126
+ .fanui-self-xxl-start{align-self:flex-start}
1127
+ .fanui-items-xxl-end{align-items:flex-end}
1128
+ .fanui-self-xxl-end{align-self:flex-end}
1129
+ .fanui-items-xxl-center{align-items:center}
1130
+ .fanui-self-xxl-center{align-self:center}
1131
+ .fanui-items-xxl-baseline{align-items:baseline}
1132
+ .fanui-self-xxl-baseline{align-self:baseline}
1133
+ .fanui-items-xxl-stretch{align-items:stretch}
1134
+ .fanui-self-xxl-stretch{align-self:stretch}
1135
+ .fanui-gap-xxl-0{gap:0}
1136
+ .fanui-gap-xxl-1{gap:4px}
1137
+ .fanui-gap-xxl-2{gap:8px}
1138
+ .fanui-gap-xxl-3{gap:12px}
1139
+ .fanui-gap-xxl-4{gap:16px}
1140
+ .fanui-gap-xxl-5{gap:20px}
1141
+ .fanui-gap-xxl-6{gap:24px}
1142
+ .fanui-gap-xxl-8{gap:32px}
1143
+ .fanui-gap-xxl-10{gap:40px}
1144
+ .fanui-gap-xxl-12{gap:48px}
1145
+ .fanui-gap-xxl-16{gap:64px}
1146
+ .fanui-gap-xxl-20{gap:80px}
1147
+ .fanui-gap-xxl-24{gap:96px}
1148
+ .fanui-order-xxl-0{order:0}
1149
+ .fanui-order-xxl-1{order:1}
1150
+ .fanui-order-xxl-2{order:2}
1151
+ .fanui-order-xxl-3{order:3}
1152
+ .fanui-order-xxl-4{order:4}
1153
+ .fanui-order-xxl-5{order:5}
1154
+ .fanui-order-xxl-6{order:6}
1155
+ .fanui-order-xxl-7{order:7}
1156
+ .fanui-order-xxl-8{order:8}
1157
+ .fanui-order-xxl-9{order:9}
1158
+ .fanui-order-xxl-10{order:10}
1159
+ .fanui-order-xxl-11{order:11}
1160
+ .fanui-order-xxl-12{order:12}
1161
+ .fanui-order-xxl-first{order:-9999}
1162
+ .fanui-order-xxl-last{order:9999}}
1163
+ .fanui-center{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}
1164
+ .fanui-center-col{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap}
1165
+ .fanui-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}
1166
+ .fanui-around{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:nowrap}
1167
+ .fanui-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}
1168
+ .fanui-end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
1169
+ .fanui-stack{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap}
1170
+ .fanui-inline-row{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}
1171
+ .fanui-fill{flex:1 1 0%;min-width:0}
1172
+ .fanui-all-center{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}