@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.
- package/ACCESSIBILITY.md +61 -0
- package/CHANGELOG.md +112 -0
- package/COMMERCIAL-LICENSE.md +71 -0
- package/DESIGN-SYSTEM.md +294 -0
- package/LICENSE +661 -0
- package/README.md +348 -0
- package/USAGE.md +1926 -0
- package/_index.scss +20 -0
- package/dist/fanui.cjs +15 -0
- package/dist/fanui.css +28209 -0
- package/dist/fanui.d.ts +353 -0
- package/dist/fanui.esm.js +71 -0
- package/dist/fanui.js +4782 -0
- package/dist/fanui.min.css +1 -0
- package/dist/fanui.mjs +71 -0
- package/dist/modules/fanui-advanced.css +830 -0
- package/dist/modules/fanui-advanced.min.css +129 -0
- package/dist/modules/fanui-alert.css +575 -0
- package/dist/modules/fanui-alert.min.css +122 -0
- package/dist/modules/fanui-badge.css +426 -0
- package/dist/modules/fanui-badge.min.css +77 -0
- package/dist/modules/fanui-base.css +1394 -0
- package/dist/modules/fanui-base.min.css +236 -0
- package/dist/modules/fanui-blog.css +762 -0
- package/dist/modules/fanui-blog.min.css +108 -0
- package/dist/modules/fanui-button.css +526 -0
- package/dist/modules/fanui-button.min.css +56 -0
- package/dist/modules/fanui-card.css +291 -0
- package/dist/modules/fanui-card.min.css +52 -0
- package/dist/modules/fanui-choice.css +539 -0
- package/dist/modules/fanui-choice.min.css +83 -0
- package/dist/modules/fanui-dashboard.css +1057 -0
- package/dist/modules/fanui-dashboard.min.css +160 -0
- package/dist/modules/fanui-data.css +687 -0
- package/dist/modules/fanui-data.min.css +125 -0
- package/dist/modules/fanui-feedback.css +432 -0
- package/dist/modules/fanui-feedback.min.css +79 -0
- package/dist/modules/fanui-form.css +779 -0
- package/dist/modules/fanui-form.min.css +123 -0
- package/dist/modules/fanui-glass.css +497 -0
- package/dist/modules/fanui-glass.min.css +46 -0
- package/dist/modules/fanui-input-plus.css +799 -0
- package/dist/modules/fanui-input-plus.min.css +124 -0
- package/dist/modules/fanui-interactive.css +960 -0
- package/dist/modules/fanui-interactive.min.css +138 -0
- package/dist/modules/fanui-layout.css +4399 -0
- package/dist/modules/fanui-layout.min.css +1172 -0
- package/dist/modules/fanui-marketing.css +1125 -0
- package/dist/modules/fanui-marketing.min.css +144 -0
- package/dist/modules/fanui-nav.css +458 -0
- package/dist/modules/fanui-nav.min.css +76 -0
- package/dist/modules/fanui-overlay.css +547 -0
- package/dist/modules/fanui-overlay.min.css +91 -0
- package/dist/modules/fanui-table.css +290 -0
- package/dist/modules/fanui-table.min.css +62 -0
- package/dist/modules/fanui-tabs.css +333 -0
- package/dist/modules/fanui-tabs.min.css +58 -0
- package/dist/modules/fanui-themes.css +2728 -0
- package/dist/modules/fanui-themes.min.css +40 -0
- package/dist/modules/fanui-tokens.css +587 -0
- package/dist/modules/fanui-tokens.min.css +3 -0
- package/dist/modules/fanui-utilities.css +6557 -0
- package/dist/modules/fanui-utilities.min.css +1762 -0
- package/dist/modules/sizes.json +103 -0
- package/docs/MIGRATION-v2.md +179 -0
- package/examples/01-script-tag.html +149 -0
- package/examples/02-react/README.md +39 -0
- package/examples/02-react/index.html +12 -0
- package/examples/02-react/package.json +20 -0
- package/examples/02-react/src/App.jsx +108 -0
- package/examples/02-react/src/main.jsx +13 -0
- package/examples/02-react/src/useFanUI.js +87 -0
- package/examples/02-react/vite.config.js +6 -0
- package/examples/03-vue3/README.md +67 -0
- package/examples/03-vue3/index.html +12 -0
- package/examples/03-vue3/package.json +19 -0
- package/examples/03-vue3/src/App.vue +93 -0
- package/examples/03-vue3/src/main.js +8 -0
- package/examples/03-vue3/src/useFanUI.js +85 -0
- package/examples/03-vue3/vite.config.js +6 -0
- package/examples/04-vue2-cdn.html +93 -0
- package/examples/README.md +34 -0
- package/package.json +127 -0
- package/src/_functions.scss +319 -0
- package/src/_mixins.scss +1202 -0
- package/src/_tokens.scss +180 -0
- package/src/_variables.scss +491 -0
- package/src/base/_animations.scss +210 -0
- package/src/base/_reset.scss +359 -0
- package/src/base/_rtl.scss +133 -0
- package/src/base/_typography.scss +353 -0
- package/src/components/_advanced.scss +763 -0
- package/src/components/_alert.scss +322 -0
- package/src/components/_badge.scss +279 -0
- package/src/components/_blog.scss +693 -0
- package/src/components/_button.scss +351 -0
- package/src/components/_capabilities.scss +463 -0
- package/src/components/_card.scss +281 -0
- package/src/components/_choice.scss +444 -0
- package/src/components/_dashboard.scss +950 -0
- package/src/components/_data.scss +618 -0
- package/src/components/_feedback.scss +403 -0
- package/src/components/_form.scss +408 -0
- package/src/components/_glass.scss +374 -0
- package/src/components/_input-plus.scss +730 -0
- package/src/components/_interactive.scss +885 -0
- package/src/components/_marketing.scss +982 -0
- package/src/components/_nav.scss +480 -0
- package/src/components/_overlay.scss +517 -0
- package/src/components/_table.scss +276 -0
- package/src/components/_tabs.scss +338 -0
- package/src/fanui.d.ts +353 -0
- package/src/fanui.js +4782 -0
- package/src/fanui.scss +79 -0
- package/src/glass/_switches.scss +36 -0
- package/src/glass/_tokens.scss +259 -0
- package/src/layout/_container.scss +111 -0
- package/src/layout/_flex.scss +164 -0
- package/src/layout/_grid.scss +180 -0
- package/src/themes/_accents.scss +201 -0
- package/src/themes/_palettes.scss +180 -0
- package/src/utilities/_borders.scss +104 -0
- package/src/utilities/_display.scss +145 -0
- package/src/utilities/_effects.scss +210 -0
- package/src/utilities/_sizing.scss +123 -0
- package/src/utilities/_spacing.scss +118 -0
- package/src/utilities/_texture.scss +323 -0
|
@@ -0,0 +1,1762 @@
|
|
|
1
|
+
.fanui-m-0{margin:0}
|
|
2
|
+
.fanui-mt-0{margin-top:0}
|
|
3
|
+
.fanui-mr-0{margin-inline-end:0}
|
|
4
|
+
.fanui-mb-0{margin-bottom:0}
|
|
5
|
+
.fanui-ml-0{margin-inline-start:0}
|
|
6
|
+
.fanui-mx-0{margin-inline:0}
|
|
7
|
+
.fanui-my-0{margin-top:0;margin-bottom:0}
|
|
8
|
+
.fanui-p-0{padding:0}
|
|
9
|
+
.fanui-pt-0{padding-top:0}
|
|
10
|
+
.fanui-pr-0{padding-inline-end:0}
|
|
11
|
+
.fanui-pb-0{padding-bottom:0}
|
|
12
|
+
.fanui-pl-0{padding-inline-start:0}
|
|
13
|
+
.fanui-px-0{padding-inline:0}
|
|
14
|
+
.fanui-py-0{padding-top:0;padding-bottom:0}
|
|
15
|
+
.fanui-m-1{margin:4px}
|
|
16
|
+
.fanui-mt-1{margin-top:4px}
|
|
17
|
+
.fanui-mr-1{margin-inline-end:4px}
|
|
18
|
+
.fanui-mb-1{margin-bottom:4px}
|
|
19
|
+
.fanui-ml-1{margin-inline-start:4px}
|
|
20
|
+
.fanui-mx-1{margin-inline:4px}
|
|
21
|
+
.fanui-my-1{margin-top:4px;margin-bottom:4px}
|
|
22
|
+
.fanui-p-1{padding:4px}
|
|
23
|
+
.fanui-pt-1{padding-top:4px}
|
|
24
|
+
.fanui-pr-1{padding-inline-end:4px}
|
|
25
|
+
.fanui-pb-1{padding-bottom:4px}
|
|
26
|
+
.fanui-pl-1{padding-inline-start:4px}
|
|
27
|
+
.fanui-px-1{padding-inline:4px}
|
|
28
|
+
.fanui-py-1{padding-top:4px;padding-bottom:4px}
|
|
29
|
+
.fanui-m-2{margin:8px}
|
|
30
|
+
.fanui-mt-2{margin-top:8px}
|
|
31
|
+
.fanui-mr-2{margin-inline-end:8px}
|
|
32
|
+
.fanui-mb-2{margin-bottom:8px}
|
|
33
|
+
.fanui-ml-2{margin-inline-start:8px}
|
|
34
|
+
.fanui-mx-2{margin-inline:8px}
|
|
35
|
+
.fanui-my-2{margin-top:8px;margin-bottom:8px}
|
|
36
|
+
.fanui-p-2{padding:8px}
|
|
37
|
+
.fanui-pt-2{padding-top:8px}
|
|
38
|
+
.fanui-pr-2{padding-inline-end:8px}
|
|
39
|
+
.fanui-pb-2{padding-bottom:8px}
|
|
40
|
+
.fanui-pl-2{padding-inline-start:8px}
|
|
41
|
+
.fanui-px-2{padding-inline:8px}
|
|
42
|
+
.fanui-py-2{padding-top:8px;padding-bottom:8px}
|
|
43
|
+
.fanui-m-3{margin:12px}
|
|
44
|
+
.fanui-mt-3{margin-top:12px}
|
|
45
|
+
.fanui-mr-3{margin-inline-end:12px}
|
|
46
|
+
.fanui-mb-3{margin-bottom:12px}
|
|
47
|
+
.fanui-ml-3{margin-inline-start:12px}
|
|
48
|
+
.fanui-mx-3{margin-inline:12px}
|
|
49
|
+
.fanui-my-3{margin-top:12px;margin-bottom:12px}
|
|
50
|
+
.fanui-p-3{padding:12px}
|
|
51
|
+
.fanui-pt-3{padding-top:12px}
|
|
52
|
+
.fanui-pr-3{padding-inline-end:12px}
|
|
53
|
+
.fanui-pb-3{padding-bottom:12px}
|
|
54
|
+
.fanui-pl-3{padding-inline-start:12px}
|
|
55
|
+
.fanui-px-3{padding-inline:12px}
|
|
56
|
+
.fanui-py-3{padding-top:12px;padding-bottom:12px}
|
|
57
|
+
.fanui-m-4{margin:16px}
|
|
58
|
+
.fanui-mt-4{margin-top:16px}
|
|
59
|
+
.fanui-mr-4{margin-inline-end:16px}
|
|
60
|
+
.fanui-mb-4{margin-bottom:16px}
|
|
61
|
+
.fanui-ml-4{margin-inline-start:16px}
|
|
62
|
+
.fanui-mx-4{margin-inline:16px}
|
|
63
|
+
.fanui-my-4{margin-top:16px;margin-bottom:16px}
|
|
64
|
+
.fanui-p-4{padding:16px}
|
|
65
|
+
.fanui-pt-4{padding-top:16px}
|
|
66
|
+
.fanui-pr-4{padding-inline-end:16px}
|
|
67
|
+
.fanui-pb-4{padding-bottom:16px}
|
|
68
|
+
.fanui-pl-4{padding-inline-start:16px}
|
|
69
|
+
.fanui-px-4{padding-inline:16px}
|
|
70
|
+
.fanui-py-4{padding-top:16px;padding-bottom:16px}
|
|
71
|
+
.fanui-m-5{margin:20px}
|
|
72
|
+
.fanui-mt-5{margin-top:20px}
|
|
73
|
+
.fanui-mr-5{margin-inline-end:20px}
|
|
74
|
+
.fanui-mb-5{margin-bottom:20px}
|
|
75
|
+
.fanui-ml-5{margin-inline-start:20px}
|
|
76
|
+
.fanui-mx-5{margin-inline:20px}
|
|
77
|
+
.fanui-my-5{margin-top:20px;margin-bottom:20px}
|
|
78
|
+
.fanui-p-5{padding:20px}
|
|
79
|
+
.fanui-pt-5{padding-top:20px}
|
|
80
|
+
.fanui-pr-5{padding-inline-end:20px}
|
|
81
|
+
.fanui-pb-5{padding-bottom:20px}
|
|
82
|
+
.fanui-pl-5{padding-inline-start:20px}
|
|
83
|
+
.fanui-px-5{padding-inline:20px}
|
|
84
|
+
.fanui-py-5{padding-top:20px;padding-bottom:20px}
|
|
85
|
+
.fanui-m-6{margin:24px}
|
|
86
|
+
.fanui-mt-6{margin-top:24px}
|
|
87
|
+
.fanui-mr-6{margin-inline-end:24px}
|
|
88
|
+
.fanui-mb-6{margin-bottom:24px}
|
|
89
|
+
.fanui-ml-6{margin-inline-start:24px}
|
|
90
|
+
.fanui-mx-6{margin-inline:24px}
|
|
91
|
+
.fanui-my-6{margin-top:24px;margin-bottom:24px}
|
|
92
|
+
.fanui-p-6{padding:24px}
|
|
93
|
+
.fanui-pt-6{padding-top:24px}
|
|
94
|
+
.fanui-pr-6{padding-inline-end:24px}
|
|
95
|
+
.fanui-pb-6{padding-bottom:24px}
|
|
96
|
+
.fanui-pl-6{padding-inline-start:24px}
|
|
97
|
+
.fanui-px-6{padding-inline:24px}
|
|
98
|
+
.fanui-py-6{padding-top:24px;padding-bottom:24px}
|
|
99
|
+
.fanui-m-8{margin:32px}
|
|
100
|
+
.fanui-mt-8{margin-top:32px}
|
|
101
|
+
.fanui-mr-8{margin-inline-end:32px}
|
|
102
|
+
.fanui-mb-8{margin-bottom:32px}
|
|
103
|
+
.fanui-ml-8{margin-inline-start:32px}
|
|
104
|
+
.fanui-mx-8{margin-inline:32px}
|
|
105
|
+
.fanui-my-8{margin-top:32px;margin-bottom:32px}
|
|
106
|
+
.fanui-p-8{padding:32px}
|
|
107
|
+
.fanui-pt-8{padding-top:32px}
|
|
108
|
+
.fanui-pr-8{padding-inline-end:32px}
|
|
109
|
+
.fanui-pb-8{padding-bottom:32px}
|
|
110
|
+
.fanui-pl-8{padding-inline-start:32px}
|
|
111
|
+
.fanui-px-8{padding-inline:32px}
|
|
112
|
+
.fanui-py-8{padding-top:32px;padding-bottom:32px}
|
|
113
|
+
.fanui-m-10{margin:40px}
|
|
114
|
+
.fanui-mt-10{margin-top:40px}
|
|
115
|
+
.fanui-mr-10{margin-inline-end:40px}
|
|
116
|
+
.fanui-mb-10{margin-bottom:40px}
|
|
117
|
+
.fanui-ml-10{margin-inline-start:40px}
|
|
118
|
+
.fanui-mx-10{margin-inline:40px}
|
|
119
|
+
.fanui-my-10{margin-top:40px;margin-bottom:40px}
|
|
120
|
+
.fanui-p-10{padding:40px}
|
|
121
|
+
.fanui-pt-10{padding-top:40px}
|
|
122
|
+
.fanui-pr-10{padding-inline-end:40px}
|
|
123
|
+
.fanui-pb-10{padding-bottom:40px}
|
|
124
|
+
.fanui-pl-10{padding-inline-start:40px}
|
|
125
|
+
.fanui-px-10{padding-inline:40px}
|
|
126
|
+
.fanui-py-10{padding-top:40px;padding-bottom:40px}
|
|
127
|
+
.fanui-m-12{margin:48px}
|
|
128
|
+
.fanui-mt-12{margin-top:48px}
|
|
129
|
+
.fanui-mr-12{margin-inline-end:48px}
|
|
130
|
+
.fanui-mb-12{margin-bottom:48px}
|
|
131
|
+
.fanui-ml-12{margin-inline-start:48px}
|
|
132
|
+
.fanui-mx-12{margin-inline:48px}
|
|
133
|
+
.fanui-my-12{margin-top:48px;margin-bottom:48px}
|
|
134
|
+
.fanui-p-12{padding:48px}
|
|
135
|
+
.fanui-pt-12{padding-top:48px}
|
|
136
|
+
.fanui-pr-12{padding-inline-end:48px}
|
|
137
|
+
.fanui-pb-12{padding-bottom:48px}
|
|
138
|
+
.fanui-pl-12{padding-inline-start:48px}
|
|
139
|
+
.fanui-px-12{padding-inline:48px}
|
|
140
|
+
.fanui-py-12{padding-top:48px;padding-bottom:48px}
|
|
141
|
+
.fanui-m-16{margin:64px}
|
|
142
|
+
.fanui-mt-16{margin-top:64px}
|
|
143
|
+
.fanui-mr-16{margin-inline-end:64px}
|
|
144
|
+
.fanui-mb-16{margin-bottom:64px}
|
|
145
|
+
.fanui-ml-16{margin-inline-start:64px}
|
|
146
|
+
.fanui-mx-16{margin-inline:64px}
|
|
147
|
+
.fanui-my-16{margin-top:64px;margin-bottom:64px}
|
|
148
|
+
.fanui-p-16{padding:64px}
|
|
149
|
+
.fanui-pt-16{padding-top:64px}
|
|
150
|
+
.fanui-pr-16{padding-inline-end:64px}
|
|
151
|
+
.fanui-pb-16{padding-bottom:64px}
|
|
152
|
+
.fanui-pl-16{padding-inline-start:64px}
|
|
153
|
+
.fanui-px-16{padding-inline:64px}
|
|
154
|
+
.fanui-py-16{padding-top:64px;padding-bottom:64px}
|
|
155
|
+
.fanui-m-20{margin:80px}
|
|
156
|
+
.fanui-mt-20{margin-top:80px}
|
|
157
|
+
.fanui-mr-20{margin-inline-end:80px}
|
|
158
|
+
.fanui-mb-20{margin-bottom:80px}
|
|
159
|
+
.fanui-ml-20{margin-inline-start:80px}
|
|
160
|
+
.fanui-mx-20{margin-inline:80px}
|
|
161
|
+
.fanui-my-20{margin-top:80px;margin-bottom:80px}
|
|
162
|
+
.fanui-p-20{padding:80px}
|
|
163
|
+
.fanui-pt-20{padding-top:80px}
|
|
164
|
+
.fanui-pr-20{padding-inline-end:80px}
|
|
165
|
+
.fanui-pb-20{padding-bottom:80px}
|
|
166
|
+
.fanui-pl-20{padding-inline-start:80px}
|
|
167
|
+
.fanui-px-20{padding-inline:80px}
|
|
168
|
+
.fanui-py-20{padding-top:80px;padding-bottom:80px}
|
|
169
|
+
.fanui-m-24{margin:96px}
|
|
170
|
+
.fanui-mt-24{margin-top:96px}
|
|
171
|
+
.fanui-mr-24{margin-inline-end:96px}
|
|
172
|
+
.fanui-mb-24{margin-bottom:96px}
|
|
173
|
+
.fanui-ml-24{margin-inline-start:96px}
|
|
174
|
+
.fanui-mx-24{margin-inline:96px}
|
|
175
|
+
.fanui-my-24{margin-top:96px;margin-bottom:96px}
|
|
176
|
+
.fanui-p-24{padding:96px}
|
|
177
|
+
.fanui-pt-24{padding-top:96px}
|
|
178
|
+
.fanui-pr-24{padding-inline-end:96px}
|
|
179
|
+
.fanui-pb-24{padding-bottom:96px}
|
|
180
|
+
.fanui-pl-24{padding-inline-start:96px}
|
|
181
|
+
.fanui-px-24{padding-inline:96px}
|
|
182
|
+
.fanui-py-24{padding-top:96px;padding-bottom:96px}
|
|
183
|
+
.fanui-mx-auto{margin-inline-start:auto;margin-inline-end:auto}
|
|
184
|
+
.fanui-my-auto{margin-top:auto;margin-bottom:auto}
|
|
185
|
+
.fanui-mt-auto{margin-top:auto}
|
|
186
|
+
.fanui-mb-auto{margin-bottom:auto}
|
|
187
|
+
.fanui-ml-auto{margin-inline-start:auto}
|
|
188
|
+
.fanui-mr-auto{margin-inline-end:auto}
|
|
189
|
+
.fanui-m-auto{margin:auto}@media (min-width:576px){.fanui-m-sm-0{margin:0}
|
|
190
|
+
.fanui-mt-sm-0{margin-top:0}
|
|
191
|
+
.fanui-mr-sm-0{margin-inline-end:0}
|
|
192
|
+
.fanui-mb-sm-0{margin-bottom:0}
|
|
193
|
+
.fanui-ml-sm-0{margin-inline-start:0}
|
|
194
|
+
.fanui-mx-sm-0{margin-inline:0}
|
|
195
|
+
.fanui-my-sm-0{margin-top:0;margin-bottom:0}
|
|
196
|
+
.fanui-p-sm-0{padding:0}
|
|
197
|
+
.fanui-pt-sm-0{padding-top:0}
|
|
198
|
+
.fanui-pr-sm-0{padding-inline-end:0}
|
|
199
|
+
.fanui-pb-sm-0{padding-bottom:0}
|
|
200
|
+
.fanui-pl-sm-0{padding-inline-start:0}
|
|
201
|
+
.fanui-px-sm-0{padding-inline:0}
|
|
202
|
+
.fanui-py-sm-0{padding-top:0;padding-bottom:0}
|
|
203
|
+
.fanui-m-sm-1{margin:4px}
|
|
204
|
+
.fanui-mt-sm-1{margin-top:4px}
|
|
205
|
+
.fanui-mr-sm-1{margin-inline-end:4px}
|
|
206
|
+
.fanui-mb-sm-1{margin-bottom:4px}
|
|
207
|
+
.fanui-ml-sm-1{margin-inline-start:4px}
|
|
208
|
+
.fanui-mx-sm-1{margin-inline:4px}
|
|
209
|
+
.fanui-my-sm-1{margin-top:4px;margin-bottom:4px}
|
|
210
|
+
.fanui-p-sm-1{padding:4px}
|
|
211
|
+
.fanui-pt-sm-1{padding-top:4px}
|
|
212
|
+
.fanui-pr-sm-1{padding-inline-end:4px}
|
|
213
|
+
.fanui-pb-sm-1{padding-bottom:4px}
|
|
214
|
+
.fanui-pl-sm-1{padding-inline-start:4px}
|
|
215
|
+
.fanui-px-sm-1{padding-inline:4px}
|
|
216
|
+
.fanui-py-sm-1{padding-top:4px;padding-bottom:4px}
|
|
217
|
+
.fanui-m-sm-2{margin:8px}
|
|
218
|
+
.fanui-mt-sm-2{margin-top:8px}
|
|
219
|
+
.fanui-mr-sm-2{margin-inline-end:8px}
|
|
220
|
+
.fanui-mb-sm-2{margin-bottom:8px}
|
|
221
|
+
.fanui-ml-sm-2{margin-inline-start:8px}
|
|
222
|
+
.fanui-mx-sm-2{margin-inline:8px}
|
|
223
|
+
.fanui-my-sm-2{margin-top:8px;margin-bottom:8px}
|
|
224
|
+
.fanui-p-sm-2{padding:8px}
|
|
225
|
+
.fanui-pt-sm-2{padding-top:8px}
|
|
226
|
+
.fanui-pr-sm-2{padding-inline-end:8px}
|
|
227
|
+
.fanui-pb-sm-2{padding-bottom:8px}
|
|
228
|
+
.fanui-pl-sm-2{padding-inline-start:8px}
|
|
229
|
+
.fanui-px-sm-2{padding-inline:8px}
|
|
230
|
+
.fanui-py-sm-2{padding-top:8px;padding-bottom:8px}
|
|
231
|
+
.fanui-m-sm-3{margin:12px}
|
|
232
|
+
.fanui-mt-sm-3{margin-top:12px}
|
|
233
|
+
.fanui-mr-sm-3{margin-inline-end:12px}
|
|
234
|
+
.fanui-mb-sm-3{margin-bottom:12px}
|
|
235
|
+
.fanui-ml-sm-3{margin-inline-start:12px}
|
|
236
|
+
.fanui-mx-sm-3{margin-inline:12px}
|
|
237
|
+
.fanui-my-sm-3{margin-top:12px;margin-bottom:12px}
|
|
238
|
+
.fanui-p-sm-3{padding:12px}
|
|
239
|
+
.fanui-pt-sm-3{padding-top:12px}
|
|
240
|
+
.fanui-pr-sm-3{padding-inline-end:12px}
|
|
241
|
+
.fanui-pb-sm-3{padding-bottom:12px}
|
|
242
|
+
.fanui-pl-sm-3{padding-inline-start:12px}
|
|
243
|
+
.fanui-px-sm-3{padding-inline:12px}
|
|
244
|
+
.fanui-py-sm-3{padding-top:12px;padding-bottom:12px}
|
|
245
|
+
.fanui-m-sm-4{margin:16px}
|
|
246
|
+
.fanui-mt-sm-4{margin-top:16px}
|
|
247
|
+
.fanui-mr-sm-4{margin-inline-end:16px}
|
|
248
|
+
.fanui-mb-sm-4{margin-bottom:16px}
|
|
249
|
+
.fanui-ml-sm-4{margin-inline-start:16px}
|
|
250
|
+
.fanui-mx-sm-4{margin-inline:16px}
|
|
251
|
+
.fanui-my-sm-4{margin-top:16px;margin-bottom:16px}
|
|
252
|
+
.fanui-p-sm-4{padding:16px}
|
|
253
|
+
.fanui-pt-sm-4{padding-top:16px}
|
|
254
|
+
.fanui-pr-sm-4{padding-inline-end:16px}
|
|
255
|
+
.fanui-pb-sm-4{padding-bottom:16px}
|
|
256
|
+
.fanui-pl-sm-4{padding-inline-start:16px}
|
|
257
|
+
.fanui-px-sm-4{padding-inline:16px}
|
|
258
|
+
.fanui-py-sm-4{padding-top:16px;padding-bottom:16px}
|
|
259
|
+
.fanui-m-sm-5{margin:20px}
|
|
260
|
+
.fanui-mt-sm-5{margin-top:20px}
|
|
261
|
+
.fanui-mr-sm-5{margin-inline-end:20px}
|
|
262
|
+
.fanui-mb-sm-5{margin-bottom:20px}
|
|
263
|
+
.fanui-ml-sm-5{margin-inline-start:20px}
|
|
264
|
+
.fanui-mx-sm-5{margin-inline:20px}
|
|
265
|
+
.fanui-my-sm-5{margin-top:20px;margin-bottom:20px}
|
|
266
|
+
.fanui-p-sm-5{padding:20px}
|
|
267
|
+
.fanui-pt-sm-5{padding-top:20px}
|
|
268
|
+
.fanui-pr-sm-5{padding-inline-end:20px}
|
|
269
|
+
.fanui-pb-sm-5{padding-bottom:20px}
|
|
270
|
+
.fanui-pl-sm-5{padding-inline-start:20px}
|
|
271
|
+
.fanui-px-sm-5{padding-inline:20px}
|
|
272
|
+
.fanui-py-sm-5{padding-top:20px;padding-bottom:20px}
|
|
273
|
+
.fanui-m-sm-6{margin:24px}
|
|
274
|
+
.fanui-mt-sm-6{margin-top:24px}
|
|
275
|
+
.fanui-mr-sm-6{margin-inline-end:24px}
|
|
276
|
+
.fanui-mb-sm-6{margin-bottom:24px}
|
|
277
|
+
.fanui-ml-sm-6{margin-inline-start:24px}
|
|
278
|
+
.fanui-mx-sm-6{margin-inline:24px}
|
|
279
|
+
.fanui-my-sm-6{margin-top:24px;margin-bottom:24px}
|
|
280
|
+
.fanui-p-sm-6{padding:24px}
|
|
281
|
+
.fanui-pt-sm-6{padding-top:24px}
|
|
282
|
+
.fanui-pr-sm-6{padding-inline-end:24px}
|
|
283
|
+
.fanui-pb-sm-6{padding-bottom:24px}
|
|
284
|
+
.fanui-pl-sm-6{padding-inline-start:24px}
|
|
285
|
+
.fanui-px-sm-6{padding-inline:24px}
|
|
286
|
+
.fanui-py-sm-6{padding-top:24px;padding-bottom:24px}
|
|
287
|
+
.fanui-m-sm-8{margin:32px}
|
|
288
|
+
.fanui-mt-sm-8{margin-top:32px}
|
|
289
|
+
.fanui-mr-sm-8{margin-inline-end:32px}
|
|
290
|
+
.fanui-mb-sm-8{margin-bottom:32px}
|
|
291
|
+
.fanui-ml-sm-8{margin-inline-start:32px}
|
|
292
|
+
.fanui-mx-sm-8{margin-inline:32px}
|
|
293
|
+
.fanui-my-sm-8{margin-top:32px;margin-bottom:32px}
|
|
294
|
+
.fanui-p-sm-8{padding:32px}
|
|
295
|
+
.fanui-pt-sm-8{padding-top:32px}
|
|
296
|
+
.fanui-pr-sm-8{padding-inline-end:32px}
|
|
297
|
+
.fanui-pb-sm-8{padding-bottom:32px}
|
|
298
|
+
.fanui-pl-sm-8{padding-inline-start:32px}
|
|
299
|
+
.fanui-px-sm-8{padding-inline:32px}
|
|
300
|
+
.fanui-py-sm-8{padding-top:32px;padding-bottom:32px}
|
|
301
|
+
.fanui-m-sm-10{margin:40px}
|
|
302
|
+
.fanui-mt-sm-10{margin-top:40px}
|
|
303
|
+
.fanui-mr-sm-10{margin-inline-end:40px}
|
|
304
|
+
.fanui-mb-sm-10{margin-bottom:40px}
|
|
305
|
+
.fanui-ml-sm-10{margin-inline-start:40px}
|
|
306
|
+
.fanui-mx-sm-10{margin-inline:40px}
|
|
307
|
+
.fanui-my-sm-10{margin-top:40px;margin-bottom:40px}
|
|
308
|
+
.fanui-p-sm-10{padding:40px}
|
|
309
|
+
.fanui-pt-sm-10{padding-top:40px}
|
|
310
|
+
.fanui-pr-sm-10{padding-inline-end:40px}
|
|
311
|
+
.fanui-pb-sm-10{padding-bottom:40px}
|
|
312
|
+
.fanui-pl-sm-10{padding-inline-start:40px}
|
|
313
|
+
.fanui-px-sm-10{padding-inline:40px}
|
|
314
|
+
.fanui-py-sm-10{padding-top:40px;padding-bottom:40px}
|
|
315
|
+
.fanui-m-sm-12{margin:48px}
|
|
316
|
+
.fanui-mt-sm-12{margin-top:48px}
|
|
317
|
+
.fanui-mr-sm-12{margin-inline-end:48px}
|
|
318
|
+
.fanui-mb-sm-12{margin-bottom:48px}
|
|
319
|
+
.fanui-ml-sm-12{margin-inline-start:48px}
|
|
320
|
+
.fanui-mx-sm-12{margin-inline:48px}
|
|
321
|
+
.fanui-my-sm-12{margin-top:48px;margin-bottom:48px}
|
|
322
|
+
.fanui-p-sm-12{padding:48px}
|
|
323
|
+
.fanui-pt-sm-12{padding-top:48px}
|
|
324
|
+
.fanui-pr-sm-12{padding-inline-end:48px}
|
|
325
|
+
.fanui-pb-sm-12{padding-bottom:48px}
|
|
326
|
+
.fanui-pl-sm-12{padding-inline-start:48px}
|
|
327
|
+
.fanui-px-sm-12{padding-inline:48px}
|
|
328
|
+
.fanui-py-sm-12{padding-top:48px;padding-bottom:48px}
|
|
329
|
+
.fanui-m-sm-16{margin:64px}
|
|
330
|
+
.fanui-mt-sm-16{margin-top:64px}
|
|
331
|
+
.fanui-mr-sm-16{margin-inline-end:64px}
|
|
332
|
+
.fanui-mb-sm-16{margin-bottom:64px}
|
|
333
|
+
.fanui-ml-sm-16{margin-inline-start:64px}
|
|
334
|
+
.fanui-mx-sm-16{margin-inline:64px}
|
|
335
|
+
.fanui-my-sm-16{margin-top:64px;margin-bottom:64px}
|
|
336
|
+
.fanui-p-sm-16{padding:64px}
|
|
337
|
+
.fanui-pt-sm-16{padding-top:64px}
|
|
338
|
+
.fanui-pr-sm-16{padding-inline-end:64px}
|
|
339
|
+
.fanui-pb-sm-16{padding-bottom:64px}
|
|
340
|
+
.fanui-pl-sm-16{padding-inline-start:64px}
|
|
341
|
+
.fanui-px-sm-16{padding-inline:64px}
|
|
342
|
+
.fanui-py-sm-16{padding-top:64px;padding-bottom:64px}
|
|
343
|
+
.fanui-m-sm-20{margin:80px}
|
|
344
|
+
.fanui-mt-sm-20{margin-top:80px}
|
|
345
|
+
.fanui-mr-sm-20{margin-inline-end:80px}
|
|
346
|
+
.fanui-mb-sm-20{margin-bottom:80px}
|
|
347
|
+
.fanui-ml-sm-20{margin-inline-start:80px}
|
|
348
|
+
.fanui-mx-sm-20{margin-inline:80px}
|
|
349
|
+
.fanui-my-sm-20{margin-top:80px;margin-bottom:80px}
|
|
350
|
+
.fanui-p-sm-20{padding:80px}
|
|
351
|
+
.fanui-pt-sm-20{padding-top:80px}
|
|
352
|
+
.fanui-pr-sm-20{padding-inline-end:80px}
|
|
353
|
+
.fanui-pb-sm-20{padding-bottom:80px}
|
|
354
|
+
.fanui-pl-sm-20{padding-inline-start:80px}
|
|
355
|
+
.fanui-px-sm-20{padding-inline:80px}
|
|
356
|
+
.fanui-py-sm-20{padding-top:80px;padding-bottom:80px}
|
|
357
|
+
.fanui-m-sm-24{margin:96px}
|
|
358
|
+
.fanui-mt-sm-24{margin-top:96px}
|
|
359
|
+
.fanui-mr-sm-24{margin-inline-end:96px}
|
|
360
|
+
.fanui-mb-sm-24{margin-bottom:96px}
|
|
361
|
+
.fanui-ml-sm-24{margin-inline-start:96px}
|
|
362
|
+
.fanui-mx-sm-24{margin-inline:96px}
|
|
363
|
+
.fanui-my-sm-24{margin-top:96px;margin-bottom:96px}
|
|
364
|
+
.fanui-p-sm-24{padding:96px}
|
|
365
|
+
.fanui-pt-sm-24{padding-top:96px}
|
|
366
|
+
.fanui-pr-sm-24{padding-inline-end:96px}
|
|
367
|
+
.fanui-pb-sm-24{padding-bottom:96px}
|
|
368
|
+
.fanui-pl-sm-24{padding-inline-start:96px}
|
|
369
|
+
.fanui-px-sm-24{padding-inline:96px}
|
|
370
|
+
.fanui-py-sm-24{padding-top:96px;padding-bottom:96px}
|
|
371
|
+
.fanui-mx-sm-auto{margin-inline:auto}
|
|
372
|
+
.fanui-mt-sm-auto{margin-top:auto}
|
|
373
|
+
.fanui-mb-sm-auto{margin-bottom:auto}}@media (min-width:768px){.fanui-m-md-0{margin:0}
|
|
374
|
+
.fanui-mt-md-0{margin-top:0}
|
|
375
|
+
.fanui-mr-md-0{margin-inline-end:0}
|
|
376
|
+
.fanui-mb-md-0{margin-bottom:0}
|
|
377
|
+
.fanui-ml-md-0{margin-inline-start:0}
|
|
378
|
+
.fanui-mx-md-0{margin-inline:0}
|
|
379
|
+
.fanui-my-md-0{margin-top:0;margin-bottom:0}
|
|
380
|
+
.fanui-p-md-0{padding:0}
|
|
381
|
+
.fanui-pt-md-0{padding-top:0}
|
|
382
|
+
.fanui-pr-md-0{padding-inline-end:0}
|
|
383
|
+
.fanui-pb-md-0{padding-bottom:0}
|
|
384
|
+
.fanui-pl-md-0{padding-inline-start:0}
|
|
385
|
+
.fanui-px-md-0{padding-inline:0}
|
|
386
|
+
.fanui-py-md-0{padding-top:0;padding-bottom:0}
|
|
387
|
+
.fanui-m-md-1{margin:4px}
|
|
388
|
+
.fanui-mt-md-1{margin-top:4px}
|
|
389
|
+
.fanui-mr-md-1{margin-inline-end:4px}
|
|
390
|
+
.fanui-mb-md-1{margin-bottom:4px}
|
|
391
|
+
.fanui-ml-md-1{margin-inline-start:4px}
|
|
392
|
+
.fanui-mx-md-1{margin-inline:4px}
|
|
393
|
+
.fanui-my-md-1{margin-top:4px;margin-bottom:4px}
|
|
394
|
+
.fanui-p-md-1{padding:4px}
|
|
395
|
+
.fanui-pt-md-1{padding-top:4px}
|
|
396
|
+
.fanui-pr-md-1{padding-inline-end:4px}
|
|
397
|
+
.fanui-pb-md-1{padding-bottom:4px}
|
|
398
|
+
.fanui-pl-md-1{padding-inline-start:4px}
|
|
399
|
+
.fanui-px-md-1{padding-inline:4px}
|
|
400
|
+
.fanui-py-md-1{padding-top:4px;padding-bottom:4px}
|
|
401
|
+
.fanui-m-md-2{margin:8px}
|
|
402
|
+
.fanui-mt-md-2{margin-top:8px}
|
|
403
|
+
.fanui-mr-md-2{margin-inline-end:8px}
|
|
404
|
+
.fanui-mb-md-2{margin-bottom:8px}
|
|
405
|
+
.fanui-ml-md-2{margin-inline-start:8px}
|
|
406
|
+
.fanui-mx-md-2{margin-inline:8px}
|
|
407
|
+
.fanui-my-md-2{margin-top:8px;margin-bottom:8px}
|
|
408
|
+
.fanui-p-md-2{padding:8px}
|
|
409
|
+
.fanui-pt-md-2{padding-top:8px}
|
|
410
|
+
.fanui-pr-md-2{padding-inline-end:8px}
|
|
411
|
+
.fanui-pb-md-2{padding-bottom:8px}
|
|
412
|
+
.fanui-pl-md-2{padding-inline-start:8px}
|
|
413
|
+
.fanui-px-md-2{padding-inline:8px}
|
|
414
|
+
.fanui-py-md-2{padding-top:8px;padding-bottom:8px}
|
|
415
|
+
.fanui-m-md-3{margin:12px}
|
|
416
|
+
.fanui-mt-md-3{margin-top:12px}
|
|
417
|
+
.fanui-mr-md-3{margin-inline-end:12px}
|
|
418
|
+
.fanui-mb-md-3{margin-bottom:12px}
|
|
419
|
+
.fanui-ml-md-3{margin-inline-start:12px}
|
|
420
|
+
.fanui-mx-md-3{margin-inline:12px}
|
|
421
|
+
.fanui-my-md-3{margin-top:12px;margin-bottom:12px}
|
|
422
|
+
.fanui-p-md-3{padding:12px}
|
|
423
|
+
.fanui-pt-md-3{padding-top:12px}
|
|
424
|
+
.fanui-pr-md-3{padding-inline-end:12px}
|
|
425
|
+
.fanui-pb-md-3{padding-bottom:12px}
|
|
426
|
+
.fanui-pl-md-3{padding-inline-start:12px}
|
|
427
|
+
.fanui-px-md-3{padding-inline:12px}
|
|
428
|
+
.fanui-py-md-3{padding-top:12px;padding-bottom:12px}
|
|
429
|
+
.fanui-m-md-4{margin:16px}
|
|
430
|
+
.fanui-mt-md-4{margin-top:16px}
|
|
431
|
+
.fanui-mr-md-4{margin-inline-end:16px}
|
|
432
|
+
.fanui-mb-md-4{margin-bottom:16px}
|
|
433
|
+
.fanui-ml-md-4{margin-inline-start:16px}
|
|
434
|
+
.fanui-mx-md-4{margin-inline:16px}
|
|
435
|
+
.fanui-my-md-4{margin-top:16px;margin-bottom:16px}
|
|
436
|
+
.fanui-p-md-4{padding:16px}
|
|
437
|
+
.fanui-pt-md-4{padding-top:16px}
|
|
438
|
+
.fanui-pr-md-4{padding-inline-end:16px}
|
|
439
|
+
.fanui-pb-md-4{padding-bottom:16px}
|
|
440
|
+
.fanui-pl-md-4{padding-inline-start:16px}
|
|
441
|
+
.fanui-px-md-4{padding-inline:16px}
|
|
442
|
+
.fanui-py-md-4{padding-top:16px;padding-bottom:16px}
|
|
443
|
+
.fanui-m-md-5{margin:20px}
|
|
444
|
+
.fanui-mt-md-5{margin-top:20px}
|
|
445
|
+
.fanui-mr-md-5{margin-inline-end:20px}
|
|
446
|
+
.fanui-mb-md-5{margin-bottom:20px}
|
|
447
|
+
.fanui-ml-md-5{margin-inline-start:20px}
|
|
448
|
+
.fanui-mx-md-5{margin-inline:20px}
|
|
449
|
+
.fanui-my-md-5{margin-top:20px;margin-bottom:20px}
|
|
450
|
+
.fanui-p-md-5{padding:20px}
|
|
451
|
+
.fanui-pt-md-5{padding-top:20px}
|
|
452
|
+
.fanui-pr-md-5{padding-inline-end:20px}
|
|
453
|
+
.fanui-pb-md-5{padding-bottom:20px}
|
|
454
|
+
.fanui-pl-md-5{padding-inline-start:20px}
|
|
455
|
+
.fanui-px-md-5{padding-inline:20px}
|
|
456
|
+
.fanui-py-md-5{padding-top:20px;padding-bottom:20px}
|
|
457
|
+
.fanui-m-md-6{margin:24px}
|
|
458
|
+
.fanui-mt-md-6{margin-top:24px}
|
|
459
|
+
.fanui-mr-md-6{margin-inline-end:24px}
|
|
460
|
+
.fanui-mb-md-6{margin-bottom:24px}
|
|
461
|
+
.fanui-ml-md-6{margin-inline-start:24px}
|
|
462
|
+
.fanui-mx-md-6{margin-inline:24px}
|
|
463
|
+
.fanui-my-md-6{margin-top:24px;margin-bottom:24px}
|
|
464
|
+
.fanui-p-md-6{padding:24px}
|
|
465
|
+
.fanui-pt-md-6{padding-top:24px}
|
|
466
|
+
.fanui-pr-md-6{padding-inline-end:24px}
|
|
467
|
+
.fanui-pb-md-6{padding-bottom:24px}
|
|
468
|
+
.fanui-pl-md-6{padding-inline-start:24px}
|
|
469
|
+
.fanui-px-md-6{padding-inline:24px}
|
|
470
|
+
.fanui-py-md-6{padding-top:24px;padding-bottom:24px}
|
|
471
|
+
.fanui-m-md-8{margin:32px}
|
|
472
|
+
.fanui-mt-md-8{margin-top:32px}
|
|
473
|
+
.fanui-mr-md-8{margin-inline-end:32px}
|
|
474
|
+
.fanui-mb-md-8{margin-bottom:32px}
|
|
475
|
+
.fanui-ml-md-8{margin-inline-start:32px}
|
|
476
|
+
.fanui-mx-md-8{margin-inline:32px}
|
|
477
|
+
.fanui-my-md-8{margin-top:32px;margin-bottom:32px}
|
|
478
|
+
.fanui-p-md-8{padding:32px}
|
|
479
|
+
.fanui-pt-md-8{padding-top:32px}
|
|
480
|
+
.fanui-pr-md-8{padding-inline-end:32px}
|
|
481
|
+
.fanui-pb-md-8{padding-bottom:32px}
|
|
482
|
+
.fanui-pl-md-8{padding-inline-start:32px}
|
|
483
|
+
.fanui-px-md-8{padding-inline:32px}
|
|
484
|
+
.fanui-py-md-8{padding-top:32px;padding-bottom:32px}
|
|
485
|
+
.fanui-m-md-10{margin:40px}
|
|
486
|
+
.fanui-mt-md-10{margin-top:40px}
|
|
487
|
+
.fanui-mr-md-10{margin-inline-end:40px}
|
|
488
|
+
.fanui-mb-md-10{margin-bottom:40px}
|
|
489
|
+
.fanui-ml-md-10{margin-inline-start:40px}
|
|
490
|
+
.fanui-mx-md-10{margin-inline:40px}
|
|
491
|
+
.fanui-my-md-10{margin-top:40px;margin-bottom:40px}
|
|
492
|
+
.fanui-p-md-10{padding:40px}
|
|
493
|
+
.fanui-pt-md-10{padding-top:40px}
|
|
494
|
+
.fanui-pr-md-10{padding-inline-end:40px}
|
|
495
|
+
.fanui-pb-md-10{padding-bottom:40px}
|
|
496
|
+
.fanui-pl-md-10{padding-inline-start:40px}
|
|
497
|
+
.fanui-px-md-10{padding-inline:40px}
|
|
498
|
+
.fanui-py-md-10{padding-top:40px;padding-bottom:40px}
|
|
499
|
+
.fanui-m-md-12{margin:48px}
|
|
500
|
+
.fanui-mt-md-12{margin-top:48px}
|
|
501
|
+
.fanui-mr-md-12{margin-inline-end:48px}
|
|
502
|
+
.fanui-mb-md-12{margin-bottom:48px}
|
|
503
|
+
.fanui-ml-md-12{margin-inline-start:48px}
|
|
504
|
+
.fanui-mx-md-12{margin-inline:48px}
|
|
505
|
+
.fanui-my-md-12{margin-top:48px;margin-bottom:48px}
|
|
506
|
+
.fanui-p-md-12{padding:48px}
|
|
507
|
+
.fanui-pt-md-12{padding-top:48px}
|
|
508
|
+
.fanui-pr-md-12{padding-inline-end:48px}
|
|
509
|
+
.fanui-pb-md-12{padding-bottom:48px}
|
|
510
|
+
.fanui-pl-md-12{padding-inline-start:48px}
|
|
511
|
+
.fanui-px-md-12{padding-inline:48px}
|
|
512
|
+
.fanui-py-md-12{padding-top:48px;padding-bottom:48px}
|
|
513
|
+
.fanui-m-md-16{margin:64px}
|
|
514
|
+
.fanui-mt-md-16{margin-top:64px}
|
|
515
|
+
.fanui-mr-md-16{margin-inline-end:64px}
|
|
516
|
+
.fanui-mb-md-16{margin-bottom:64px}
|
|
517
|
+
.fanui-ml-md-16{margin-inline-start:64px}
|
|
518
|
+
.fanui-mx-md-16{margin-inline:64px}
|
|
519
|
+
.fanui-my-md-16{margin-top:64px;margin-bottom:64px}
|
|
520
|
+
.fanui-p-md-16{padding:64px}
|
|
521
|
+
.fanui-pt-md-16{padding-top:64px}
|
|
522
|
+
.fanui-pr-md-16{padding-inline-end:64px}
|
|
523
|
+
.fanui-pb-md-16{padding-bottom:64px}
|
|
524
|
+
.fanui-pl-md-16{padding-inline-start:64px}
|
|
525
|
+
.fanui-px-md-16{padding-inline:64px}
|
|
526
|
+
.fanui-py-md-16{padding-top:64px;padding-bottom:64px}
|
|
527
|
+
.fanui-m-md-20{margin:80px}
|
|
528
|
+
.fanui-mt-md-20{margin-top:80px}
|
|
529
|
+
.fanui-mr-md-20{margin-inline-end:80px}
|
|
530
|
+
.fanui-mb-md-20{margin-bottom:80px}
|
|
531
|
+
.fanui-ml-md-20{margin-inline-start:80px}
|
|
532
|
+
.fanui-mx-md-20{margin-inline:80px}
|
|
533
|
+
.fanui-my-md-20{margin-top:80px;margin-bottom:80px}
|
|
534
|
+
.fanui-p-md-20{padding:80px}
|
|
535
|
+
.fanui-pt-md-20{padding-top:80px}
|
|
536
|
+
.fanui-pr-md-20{padding-inline-end:80px}
|
|
537
|
+
.fanui-pb-md-20{padding-bottom:80px}
|
|
538
|
+
.fanui-pl-md-20{padding-inline-start:80px}
|
|
539
|
+
.fanui-px-md-20{padding-inline:80px}
|
|
540
|
+
.fanui-py-md-20{padding-top:80px;padding-bottom:80px}
|
|
541
|
+
.fanui-m-md-24{margin:96px}
|
|
542
|
+
.fanui-mt-md-24{margin-top:96px}
|
|
543
|
+
.fanui-mr-md-24{margin-inline-end:96px}
|
|
544
|
+
.fanui-mb-md-24{margin-bottom:96px}
|
|
545
|
+
.fanui-ml-md-24{margin-inline-start:96px}
|
|
546
|
+
.fanui-mx-md-24{margin-inline:96px}
|
|
547
|
+
.fanui-my-md-24{margin-top:96px;margin-bottom:96px}
|
|
548
|
+
.fanui-p-md-24{padding:96px}
|
|
549
|
+
.fanui-pt-md-24{padding-top:96px}
|
|
550
|
+
.fanui-pr-md-24{padding-inline-end:96px}
|
|
551
|
+
.fanui-pb-md-24{padding-bottom:96px}
|
|
552
|
+
.fanui-pl-md-24{padding-inline-start:96px}
|
|
553
|
+
.fanui-px-md-24{padding-inline:96px}
|
|
554
|
+
.fanui-py-md-24{padding-top:96px;padding-bottom:96px}
|
|
555
|
+
.fanui-mx-md-auto{margin-inline:auto}
|
|
556
|
+
.fanui-mt-md-auto{margin-top:auto}
|
|
557
|
+
.fanui-mb-md-auto{margin-bottom:auto}}@media (min-width:992px){.fanui-m-lg-0{margin:0}
|
|
558
|
+
.fanui-mt-lg-0{margin-top:0}
|
|
559
|
+
.fanui-mr-lg-0{margin-inline-end:0}
|
|
560
|
+
.fanui-mb-lg-0{margin-bottom:0}
|
|
561
|
+
.fanui-ml-lg-0{margin-inline-start:0}
|
|
562
|
+
.fanui-mx-lg-0{margin-inline:0}
|
|
563
|
+
.fanui-my-lg-0{margin-top:0;margin-bottom:0}
|
|
564
|
+
.fanui-p-lg-0{padding:0}
|
|
565
|
+
.fanui-pt-lg-0{padding-top:0}
|
|
566
|
+
.fanui-pr-lg-0{padding-inline-end:0}
|
|
567
|
+
.fanui-pb-lg-0{padding-bottom:0}
|
|
568
|
+
.fanui-pl-lg-0{padding-inline-start:0}
|
|
569
|
+
.fanui-px-lg-0{padding-inline:0}
|
|
570
|
+
.fanui-py-lg-0{padding-top:0;padding-bottom:0}
|
|
571
|
+
.fanui-m-lg-1{margin:4px}
|
|
572
|
+
.fanui-mt-lg-1{margin-top:4px}
|
|
573
|
+
.fanui-mr-lg-1{margin-inline-end:4px}
|
|
574
|
+
.fanui-mb-lg-1{margin-bottom:4px}
|
|
575
|
+
.fanui-ml-lg-1{margin-inline-start:4px}
|
|
576
|
+
.fanui-mx-lg-1{margin-inline:4px}
|
|
577
|
+
.fanui-my-lg-1{margin-top:4px;margin-bottom:4px}
|
|
578
|
+
.fanui-p-lg-1{padding:4px}
|
|
579
|
+
.fanui-pt-lg-1{padding-top:4px}
|
|
580
|
+
.fanui-pr-lg-1{padding-inline-end:4px}
|
|
581
|
+
.fanui-pb-lg-1{padding-bottom:4px}
|
|
582
|
+
.fanui-pl-lg-1{padding-inline-start:4px}
|
|
583
|
+
.fanui-px-lg-1{padding-inline:4px}
|
|
584
|
+
.fanui-py-lg-1{padding-top:4px;padding-bottom:4px}
|
|
585
|
+
.fanui-m-lg-2{margin:8px}
|
|
586
|
+
.fanui-mt-lg-2{margin-top:8px}
|
|
587
|
+
.fanui-mr-lg-2{margin-inline-end:8px}
|
|
588
|
+
.fanui-mb-lg-2{margin-bottom:8px}
|
|
589
|
+
.fanui-ml-lg-2{margin-inline-start:8px}
|
|
590
|
+
.fanui-mx-lg-2{margin-inline:8px}
|
|
591
|
+
.fanui-my-lg-2{margin-top:8px;margin-bottom:8px}
|
|
592
|
+
.fanui-p-lg-2{padding:8px}
|
|
593
|
+
.fanui-pt-lg-2{padding-top:8px}
|
|
594
|
+
.fanui-pr-lg-2{padding-inline-end:8px}
|
|
595
|
+
.fanui-pb-lg-2{padding-bottom:8px}
|
|
596
|
+
.fanui-pl-lg-2{padding-inline-start:8px}
|
|
597
|
+
.fanui-px-lg-2{padding-inline:8px}
|
|
598
|
+
.fanui-py-lg-2{padding-top:8px;padding-bottom:8px}
|
|
599
|
+
.fanui-m-lg-3{margin:12px}
|
|
600
|
+
.fanui-mt-lg-3{margin-top:12px}
|
|
601
|
+
.fanui-mr-lg-3{margin-inline-end:12px}
|
|
602
|
+
.fanui-mb-lg-3{margin-bottom:12px}
|
|
603
|
+
.fanui-ml-lg-3{margin-inline-start:12px}
|
|
604
|
+
.fanui-mx-lg-3{margin-inline:12px}
|
|
605
|
+
.fanui-my-lg-3{margin-top:12px;margin-bottom:12px}
|
|
606
|
+
.fanui-p-lg-3{padding:12px}
|
|
607
|
+
.fanui-pt-lg-3{padding-top:12px}
|
|
608
|
+
.fanui-pr-lg-3{padding-inline-end:12px}
|
|
609
|
+
.fanui-pb-lg-3{padding-bottom:12px}
|
|
610
|
+
.fanui-pl-lg-3{padding-inline-start:12px}
|
|
611
|
+
.fanui-px-lg-3{padding-inline:12px}
|
|
612
|
+
.fanui-py-lg-3{padding-top:12px;padding-bottom:12px}
|
|
613
|
+
.fanui-m-lg-4{margin:16px}
|
|
614
|
+
.fanui-mt-lg-4{margin-top:16px}
|
|
615
|
+
.fanui-mr-lg-4{margin-inline-end:16px}
|
|
616
|
+
.fanui-mb-lg-4{margin-bottom:16px}
|
|
617
|
+
.fanui-ml-lg-4{margin-inline-start:16px}
|
|
618
|
+
.fanui-mx-lg-4{margin-inline:16px}
|
|
619
|
+
.fanui-my-lg-4{margin-top:16px;margin-bottom:16px}
|
|
620
|
+
.fanui-p-lg-4{padding:16px}
|
|
621
|
+
.fanui-pt-lg-4{padding-top:16px}
|
|
622
|
+
.fanui-pr-lg-4{padding-inline-end:16px}
|
|
623
|
+
.fanui-pb-lg-4{padding-bottom:16px}
|
|
624
|
+
.fanui-pl-lg-4{padding-inline-start:16px}
|
|
625
|
+
.fanui-px-lg-4{padding-inline:16px}
|
|
626
|
+
.fanui-py-lg-4{padding-top:16px;padding-bottom:16px}
|
|
627
|
+
.fanui-m-lg-5{margin:20px}
|
|
628
|
+
.fanui-mt-lg-5{margin-top:20px}
|
|
629
|
+
.fanui-mr-lg-5{margin-inline-end:20px}
|
|
630
|
+
.fanui-mb-lg-5{margin-bottom:20px}
|
|
631
|
+
.fanui-ml-lg-5{margin-inline-start:20px}
|
|
632
|
+
.fanui-mx-lg-5{margin-inline:20px}
|
|
633
|
+
.fanui-my-lg-5{margin-top:20px;margin-bottom:20px}
|
|
634
|
+
.fanui-p-lg-5{padding:20px}
|
|
635
|
+
.fanui-pt-lg-5{padding-top:20px}
|
|
636
|
+
.fanui-pr-lg-5{padding-inline-end:20px}
|
|
637
|
+
.fanui-pb-lg-5{padding-bottom:20px}
|
|
638
|
+
.fanui-pl-lg-5{padding-inline-start:20px}
|
|
639
|
+
.fanui-px-lg-5{padding-inline:20px}
|
|
640
|
+
.fanui-py-lg-5{padding-top:20px;padding-bottom:20px}
|
|
641
|
+
.fanui-m-lg-6{margin:24px}
|
|
642
|
+
.fanui-mt-lg-6{margin-top:24px}
|
|
643
|
+
.fanui-mr-lg-6{margin-inline-end:24px}
|
|
644
|
+
.fanui-mb-lg-6{margin-bottom:24px}
|
|
645
|
+
.fanui-ml-lg-6{margin-inline-start:24px}
|
|
646
|
+
.fanui-mx-lg-6{margin-inline:24px}
|
|
647
|
+
.fanui-my-lg-6{margin-top:24px;margin-bottom:24px}
|
|
648
|
+
.fanui-p-lg-6{padding:24px}
|
|
649
|
+
.fanui-pt-lg-6{padding-top:24px}
|
|
650
|
+
.fanui-pr-lg-6{padding-inline-end:24px}
|
|
651
|
+
.fanui-pb-lg-6{padding-bottom:24px}
|
|
652
|
+
.fanui-pl-lg-6{padding-inline-start:24px}
|
|
653
|
+
.fanui-px-lg-6{padding-inline:24px}
|
|
654
|
+
.fanui-py-lg-6{padding-top:24px;padding-bottom:24px}
|
|
655
|
+
.fanui-m-lg-8{margin:32px}
|
|
656
|
+
.fanui-mt-lg-8{margin-top:32px}
|
|
657
|
+
.fanui-mr-lg-8{margin-inline-end:32px}
|
|
658
|
+
.fanui-mb-lg-8{margin-bottom:32px}
|
|
659
|
+
.fanui-ml-lg-8{margin-inline-start:32px}
|
|
660
|
+
.fanui-mx-lg-8{margin-inline:32px}
|
|
661
|
+
.fanui-my-lg-8{margin-top:32px;margin-bottom:32px}
|
|
662
|
+
.fanui-p-lg-8{padding:32px}
|
|
663
|
+
.fanui-pt-lg-8{padding-top:32px}
|
|
664
|
+
.fanui-pr-lg-8{padding-inline-end:32px}
|
|
665
|
+
.fanui-pb-lg-8{padding-bottom:32px}
|
|
666
|
+
.fanui-pl-lg-8{padding-inline-start:32px}
|
|
667
|
+
.fanui-px-lg-8{padding-inline:32px}
|
|
668
|
+
.fanui-py-lg-8{padding-top:32px;padding-bottom:32px}
|
|
669
|
+
.fanui-m-lg-10{margin:40px}
|
|
670
|
+
.fanui-mt-lg-10{margin-top:40px}
|
|
671
|
+
.fanui-mr-lg-10{margin-inline-end:40px}
|
|
672
|
+
.fanui-mb-lg-10{margin-bottom:40px}
|
|
673
|
+
.fanui-ml-lg-10{margin-inline-start:40px}
|
|
674
|
+
.fanui-mx-lg-10{margin-inline:40px}
|
|
675
|
+
.fanui-my-lg-10{margin-top:40px;margin-bottom:40px}
|
|
676
|
+
.fanui-p-lg-10{padding:40px}
|
|
677
|
+
.fanui-pt-lg-10{padding-top:40px}
|
|
678
|
+
.fanui-pr-lg-10{padding-inline-end:40px}
|
|
679
|
+
.fanui-pb-lg-10{padding-bottom:40px}
|
|
680
|
+
.fanui-pl-lg-10{padding-inline-start:40px}
|
|
681
|
+
.fanui-px-lg-10{padding-inline:40px}
|
|
682
|
+
.fanui-py-lg-10{padding-top:40px;padding-bottom:40px}
|
|
683
|
+
.fanui-m-lg-12{margin:48px}
|
|
684
|
+
.fanui-mt-lg-12{margin-top:48px}
|
|
685
|
+
.fanui-mr-lg-12{margin-inline-end:48px}
|
|
686
|
+
.fanui-mb-lg-12{margin-bottom:48px}
|
|
687
|
+
.fanui-ml-lg-12{margin-inline-start:48px}
|
|
688
|
+
.fanui-mx-lg-12{margin-inline:48px}
|
|
689
|
+
.fanui-my-lg-12{margin-top:48px;margin-bottom:48px}
|
|
690
|
+
.fanui-p-lg-12{padding:48px}
|
|
691
|
+
.fanui-pt-lg-12{padding-top:48px}
|
|
692
|
+
.fanui-pr-lg-12{padding-inline-end:48px}
|
|
693
|
+
.fanui-pb-lg-12{padding-bottom:48px}
|
|
694
|
+
.fanui-pl-lg-12{padding-inline-start:48px}
|
|
695
|
+
.fanui-px-lg-12{padding-inline:48px}
|
|
696
|
+
.fanui-py-lg-12{padding-top:48px;padding-bottom:48px}
|
|
697
|
+
.fanui-m-lg-16{margin:64px}
|
|
698
|
+
.fanui-mt-lg-16{margin-top:64px}
|
|
699
|
+
.fanui-mr-lg-16{margin-inline-end:64px}
|
|
700
|
+
.fanui-mb-lg-16{margin-bottom:64px}
|
|
701
|
+
.fanui-ml-lg-16{margin-inline-start:64px}
|
|
702
|
+
.fanui-mx-lg-16{margin-inline:64px}
|
|
703
|
+
.fanui-my-lg-16{margin-top:64px;margin-bottom:64px}
|
|
704
|
+
.fanui-p-lg-16{padding:64px}
|
|
705
|
+
.fanui-pt-lg-16{padding-top:64px}
|
|
706
|
+
.fanui-pr-lg-16{padding-inline-end:64px}
|
|
707
|
+
.fanui-pb-lg-16{padding-bottom:64px}
|
|
708
|
+
.fanui-pl-lg-16{padding-inline-start:64px}
|
|
709
|
+
.fanui-px-lg-16{padding-inline:64px}
|
|
710
|
+
.fanui-py-lg-16{padding-top:64px;padding-bottom:64px}
|
|
711
|
+
.fanui-m-lg-20{margin:80px}
|
|
712
|
+
.fanui-mt-lg-20{margin-top:80px}
|
|
713
|
+
.fanui-mr-lg-20{margin-inline-end:80px}
|
|
714
|
+
.fanui-mb-lg-20{margin-bottom:80px}
|
|
715
|
+
.fanui-ml-lg-20{margin-inline-start:80px}
|
|
716
|
+
.fanui-mx-lg-20{margin-inline:80px}
|
|
717
|
+
.fanui-my-lg-20{margin-top:80px;margin-bottom:80px}
|
|
718
|
+
.fanui-p-lg-20{padding:80px}
|
|
719
|
+
.fanui-pt-lg-20{padding-top:80px}
|
|
720
|
+
.fanui-pr-lg-20{padding-inline-end:80px}
|
|
721
|
+
.fanui-pb-lg-20{padding-bottom:80px}
|
|
722
|
+
.fanui-pl-lg-20{padding-inline-start:80px}
|
|
723
|
+
.fanui-px-lg-20{padding-inline:80px}
|
|
724
|
+
.fanui-py-lg-20{padding-top:80px;padding-bottom:80px}
|
|
725
|
+
.fanui-m-lg-24{margin:96px}
|
|
726
|
+
.fanui-mt-lg-24{margin-top:96px}
|
|
727
|
+
.fanui-mr-lg-24{margin-inline-end:96px}
|
|
728
|
+
.fanui-mb-lg-24{margin-bottom:96px}
|
|
729
|
+
.fanui-ml-lg-24{margin-inline-start:96px}
|
|
730
|
+
.fanui-mx-lg-24{margin-inline:96px}
|
|
731
|
+
.fanui-my-lg-24{margin-top:96px;margin-bottom:96px}
|
|
732
|
+
.fanui-p-lg-24{padding:96px}
|
|
733
|
+
.fanui-pt-lg-24{padding-top:96px}
|
|
734
|
+
.fanui-pr-lg-24{padding-inline-end:96px}
|
|
735
|
+
.fanui-pb-lg-24{padding-bottom:96px}
|
|
736
|
+
.fanui-pl-lg-24{padding-inline-start:96px}
|
|
737
|
+
.fanui-px-lg-24{padding-inline:96px}
|
|
738
|
+
.fanui-py-lg-24{padding-top:96px;padding-bottom:96px}
|
|
739
|
+
.fanui-mx-lg-auto{margin-inline:auto}
|
|
740
|
+
.fanui-mt-lg-auto{margin-top:auto}
|
|
741
|
+
.fanui-mb-lg-auto{margin-bottom:auto}}@media (min-width:1200px){.fanui-m-xl-0{margin:0}
|
|
742
|
+
.fanui-mt-xl-0{margin-top:0}
|
|
743
|
+
.fanui-mr-xl-0{margin-inline-end:0}
|
|
744
|
+
.fanui-mb-xl-0{margin-bottom:0}
|
|
745
|
+
.fanui-ml-xl-0{margin-inline-start:0}
|
|
746
|
+
.fanui-mx-xl-0{margin-inline:0}
|
|
747
|
+
.fanui-my-xl-0{margin-top:0;margin-bottom:0}
|
|
748
|
+
.fanui-p-xl-0{padding:0}
|
|
749
|
+
.fanui-pt-xl-0{padding-top:0}
|
|
750
|
+
.fanui-pr-xl-0{padding-inline-end:0}
|
|
751
|
+
.fanui-pb-xl-0{padding-bottom:0}
|
|
752
|
+
.fanui-pl-xl-0{padding-inline-start:0}
|
|
753
|
+
.fanui-px-xl-0{padding-inline:0}
|
|
754
|
+
.fanui-py-xl-0{padding-top:0;padding-bottom:0}
|
|
755
|
+
.fanui-m-xl-1{margin:4px}
|
|
756
|
+
.fanui-mt-xl-1{margin-top:4px}
|
|
757
|
+
.fanui-mr-xl-1{margin-inline-end:4px}
|
|
758
|
+
.fanui-mb-xl-1{margin-bottom:4px}
|
|
759
|
+
.fanui-ml-xl-1{margin-inline-start:4px}
|
|
760
|
+
.fanui-mx-xl-1{margin-inline:4px}
|
|
761
|
+
.fanui-my-xl-1{margin-top:4px;margin-bottom:4px}
|
|
762
|
+
.fanui-p-xl-1{padding:4px}
|
|
763
|
+
.fanui-pt-xl-1{padding-top:4px}
|
|
764
|
+
.fanui-pr-xl-1{padding-inline-end:4px}
|
|
765
|
+
.fanui-pb-xl-1{padding-bottom:4px}
|
|
766
|
+
.fanui-pl-xl-1{padding-inline-start:4px}
|
|
767
|
+
.fanui-px-xl-1{padding-inline:4px}
|
|
768
|
+
.fanui-py-xl-1{padding-top:4px;padding-bottom:4px}
|
|
769
|
+
.fanui-m-xl-2{margin:8px}
|
|
770
|
+
.fanui-mt-xl-2{margin-top:8px}
|
|
771
|
+
.fanui-mr-xl-2{margin-inline-end:8px}
|
|
772
|
+
.fanui-mb-xl-2{margin-bottom:8px}
|
|
773
|
+
.fanui-ml-xl-2{margin-inline-start:8px}
|
|
774
|
+
.fanui-mx-xl-2{margin-inline:8px}
|
|
775
|
+
.fanui-my-xl-2{margin-top:8px;margin-bottom:8px}
|
|
776
|
+
.fanui-p-xl-2{padding:8px}
|
|
777
|
+
.fanui-pt-xl-2{padding-top:8px}
|
|
778
|
+
.fanui-pr-xl-2{padding-inline-end:8px}
|
|
779
|
+
.fanui-pb-xl-2{padding-bottom:8px}
|
|
780
|
+
.fanui-pl-xl-2{padding-inline-start:8px}
|
|
781
|
+
.fanui-px-xl-2{padding-inline:8px}
|
|
782
|
+
.fanui-py-xl-2{padding-top:8px;padding-bottom:8px}
|
|
783
|
+
.fanui-m-xl-3{margin:12px}
|
|
784
|
+
.fanui-mt-xl-3{margin-top:12px}
|
|
785
|
+
.fanui-mr-xl-3{margin-inline-end:12px}
|
|
786
|
+
.fanui-mb-xl-3{margin-bottom:12px}
|
|
787
|
+
.fanui-ml-xl-3{margin-inline-start:12px}
|
|
788
|
+
.fanui-mx-xl-3{margin-inline:12px}
|
|
789
|
+
.fanui-my-xl-3{margin-top:12px;margin-bottom:12px}
|
|
790
|
+
.fanui-p-xl-3{padding:12px}
|
|
791
|
+
.fanui-pt-xl-3{padding-top:12px}
|
|
792
|
+
.fanui-pr-xl-3{padding-inline-end:12px}
|
|
793
|
+
.fanui-pb-xl-3{padding-bottom:12px}
|
|
794
|
+
.fanui-pl-xl-3{padding-inline-start:12px}
|
|
795
|
+
.fanui-px-xl-3{padding-inline:12px}
|
|
796
|
+
.fanui-py-xl-3{padding-top:12px;padding-bottom:12px}
|
|
797
|
+
.fanui-m-xl-4{margin:16px}
|
|
798
|
+
.fanui-mt-xl-4{margin-top:16px}
|
|
799
|
+
.fanui-mr-xl-4{margin-inline-end:16px}
|
|
800
|
+
.fanui-mb-xl-4{margin-bottom:16px}
|
|
801
|
+
.fanui-ml-xl-4{margin-inline-start:16px}
|
|
802
|
+
.fanui-mx-xl-4{margin-inline:16px}
|
|
803
|
+
.fanui-my-xl-4{margin-top:16px;margin-bottom:16px}
|
|
804
|
+
.fanui-p-xl-4{padding:16px}
|
|
805
|
+
.fanui-pt-xl-4{padding-top:16px}
|
|
806
|
+
.fanui-pr-xl-4{padding-inline-end:16px}
|
|
807
|
+
.fanui-pb-xl-4{padding-bottom:16px}
|
|
808
|
+
.fanui-pl-xl-4{padding-inline-start:16px}
|
|
809
|
+
.fanui-px-xl-4{padding-inline:16px}
|
|
810
|
+
.fanui-py-xl-4{padding-top:16px;padding-bottom:16px}
|
|
811
|
+
.fanui-m-xl-5{margin:20px}
|
|
812
|
+
.fanui-mt-xl-5{margin-top:20px}
|
|
813
|
+
.fanui-mr-xl-5{margin-inline-end:20px}
|
|
814
|
+
.fanui-mb-xl-5{margin-bottom:20px}
|
|
815
|
+
.fanui-ml-xl-5{margin-inline-start:20px}
|
|
816
|
+
.fanui-mx-xl-5{margin-inline:20px}
|
|
817
|
+
.fanui-my-xl-5{margin-top:20px;margin-bottom:20px}
|
|
818
|
+
.fanui-p-xl-5{padding:20px}
|
|
819
|
+
.fanui-pt-xl-5{padding-top:20px}
|
|
820
|
+
.fanui-pr-xl-5{padding-inline-end:20px}
|
|
821
|
+
.fanui-pb-xl-5{padding-bottom:20px}
|
|
822
|
+
.fanui-pl-xl-5{padding-inline-start:20px}
|
|
823
|
+
.fanui-px-xl-5{padding-inline:20px}
|
|
824
|
+
.fanui-py-xl-5{padding-top:20px;padding-bottom:20px}
|
|
825
|
+
.fanui-m-xl-6{margin:24px}
|
|
826
|
+
.fanui-mt-xl-6{margin-top:24px}
|
|
827
|
+
.fanui-mr-xl-6{margin-inline-end:24px}
|
|
828
|
+
.fanui-mb-xl-6{margin-bottom:24px}
|
|
829
|
+
.fanui-ml-xl-6{margin-inline-start:24px}
|
|
830
|
+
.fanui-mx-xl-6{margin-inline:24px}
|
|
831
|
+
.fanui-my-xl-6{margin-top:24px;margin-bottom:24px}
|
|
832
|
+
.fanui-p-xl-6{padding:24px}
|
|
833
|
+
.fanui-pt-xl-6{padding-top:24px}
|
|
834
|
+
.fanui-pr-xl-6{padding-inline-end:24px}
|
|
835
|
+
.fanui-pb-xl-6{padding-bottom:24px}
|
|
836
|
+
.fanui-pl-xl-6{padding-inline-start:24px}
|
|
837
|
+
.fanui-px-xl-6{padding-inline:24px}
|
|
838
|
+
.fanui-py-xl-6{padding-top:24px;padding-bottom:24px}
|
|
839
|
+
.fanui-m-xl-8{margin:32px}
|
|
840
|
+
.fanui-mt-xl-8{margin-top:32px}
|
|
841
|
+
.fanui-mr-xl-8{margin-inline-end:32px}
|
|
842
|
+
.fanui-mb-xl-8{margin-bottom:32px}
|
|
843
|
+
.fanui-ml-xl-8{margin-inline-start:32px}
|
|
844
|
+
.fanui-mx-xl-8{margin-inline:32px}
|
|
845
|
+
.fanui-my-xl-8{margin-top:32px;margin-bottom:32px}
|
|
846
|
+
.fanui-p-xl-8{padding:32px}
|
|
847
|
+
.fanui-pt-xl-8{padding-top:32px}
|
|
848
|
+
.fanui-pr-xl-8{padding-inline-end:32px}
|
|
849
|
+
.fanui-pb-xl-8{padding-bottom:32px}
|
|
850
|
+
.fanui-pl-xl-8{padding-inline-start:32px}
|
|
851
|
+
.fanui-px-xl-8{padding-inline:32px}
|
|
852
|
+
.fanui-py-xl-8{padding-top:32px;padding-bottom:32px}
|
|
853
|
+
.fanui-m-xl-10{margin:40px}
|
|
854
|
+
.fanui-mt-xl-10{margin-top:40px}
|
|
855
|
+
.fanui-mr-xl-10{margin-inline-end:40px}
|
|
856
|
+
.fanui-mb-xl-10{margin-bottom:40px}
|
|
857
|
+
.fanui-ml-xl-10{margin-inline-start:40px}
|
|
858
|
+
.fanui-mx-xl-10{margin-inline:40px}
|
|
859
|
+
.fanui-my-xl-10{margin-top:40px;margin-bottom:40px}
|
|
860
|
+
.fanui-p-xl-10{padding:40px}
|
|
861
|
+
.fanui-pt-xl-10{padding-top:40px}
|
|
862
|
+
.fanui-pr-xl-10{padding-inline-end:40px}
|
|
863
|
+
.fanui-pb-xl-10{padding-bottom:40px}
|
|
864
|
+
.fanui-pl-xl-10{padding-inline-start:40px}
|
|
865
|
+
.fanui-px-xl-10{padding-inline:40px}
|
|
866
|
+
.fanui-py-xl-10{padding-top:40px;padding-bottom:40px}
|
|
867
|
+
.fanui-m-xl-12{margin:48px}
|
|
868
|
+
.fanui-mt-xl-12{margin-top:48px}
|
|
869
|
+
.fanui-mr-xl-12{margin-inline-end:48px}
|
|
870
|
+
.fanui-mb-xl-12{margin-bottom:48px}
|
|
871
|
+
.fanui-ml-xl-12{margin-inline-start:48px}
|
|
872
|
+
.fanui-mx-xl-12{margin-inline:48px}
|
|
873
|
+
.fanui-my-xl-12{margin-top:48px;margin-bottom:48px}
|
|
874
|
+
.fanui-p-xl-12{padding:48px}
|
|
875
|
+
.fanui-pt-xl-12{padding-top:48px}
|
|
876
|
+
.fanui-pr-xl-12{padding-inline-end:48px}
|
|
877
|
+
.fanui-pb-xl-12{padding-bottom:48px}
|
|
878
|
+
.fanui-pl-xl-12{padding-inline-start:48px}
|
|
879
|
+
.fanui-px-xl-12{padding-inline:48px}
|
|
880
|
+
.fanui-py-xl-12{padding-top:48px;padding-bottom:48px}
|
|
881
|
+
.fanui-m-xl-16{margin:64px}
|
|
882
|
+
.fanui-mt-xl-16{margin-top:64px}
|
|
883
|
+
.fanui-mr-xl-16{margin-inline-end:64px}
|
|
884
|
+
.fanui-mb-xl-16{margin-bottom:64px}
|
|
885
|
+
.fanui-ml-xl-16{margin-inline-start:64px}
|
|
886
|
+
.fanui-mx-xl-16{margin-inline:64px}
|
|
887
|
+
.fanui-my-xl-16{margin-top:64px;margin-bottom:64px}
|
|
888
|
+
.fanui-p-xl-16{padding:64px}
|
|
889
|
+
.fanui-pt-xl-16{padding-top:64px}
|
|
890
|
+
.fanui-pr-xl-16{padding-inline-end:64px}
|
|
891
|
+
.fanui-pb-xl-16{padding-bottom:64px}
|
|
892
|
+
.fanui-pl-xl-16{padding-inline-start:64px}
|
|
893
|
+
.fanui-px-xl-16{padding-inline:64px}
|
|
894
|
+
.fanui-py-xl-16{padding-top:64px;padding-bottom:64px}
|
|
895
|
+
.fanui-m-xl-20{margin:80px}
|
|
896
|
+
.fanui-mt-xl-20{margin-top:80px}
|
|
897
|
+
.fanui-mr-xl-20{margin-inline-end:80px}
|
|
898
|
+
.fanui-mb-xl-20{margin-bottom:80px}
|
|
899
|
+
.fanui-ml-xl-20{margin-inline-start:80px}
|
|
900
|
+
.fanui-mx-xl-20{margin-inline:80px}
|
|
901
|
+
.fanui-my-xl-20{margin-top:80px;margin-bottom:80px}
|
|
902
|
+
.fanui-p-xl-20{padding:80px}
|
|
903
|
+
.fanui-pt-xl-20{padding-top:80px}
|
|
904
|
+
.fanui-pr-xl-20{padding-inline-end:80px}
|
|
905
|
+
.fanui-pb-xl-20{padding-bottom:80px}
|
|
906
|
+
.fanui-pl-xl-20{padding-inline-start:80px}
|
|
907
|
+
.fanui-px-xl-20{padding-inline:80px}
|
|
908
|
+
.fanui-py-xl-20{padding-top:80px;padding-bottom:80px}
|
|
909
|
+
.fanui-m-xl-24{margin:96px}
|
|
910
|
+
.fanui-mt-xl-24{margin-top:96px}
|
|
911
|
+
.fanui-mr-xl-24{margin-inline-end:96px}
|
|
912
|
+
.fanui-mb-xl-24{margin-bottom:96px}
|
|
913
|
+
.fanui-ml-xl-24{margin-inline-start:96px}
|
|
914
|
+
.fanui-mx-xl-24{margin-inline:96px}
|
|
915
|
+
.fanui-my-xl-24{margin-top:96px;margin-bottom:96px}
|
|
916
|
+
.fanui-p-xl-24{padding:96px}
|
|
917
|
+
.fanui-pt-xl-24{padding-top:96px}
|
|
918
|
+
.fanui-pr-xl-24{padding-inline-end:96px}
|
|
919
|
+
.fanui-pb-xl-24{padding-bottom:96px}
|
|
920
|
+
.fanui-pl-xl-24{padding-inline-start:96px}
|
|
921
|
+
.fanui-px-xl-24{padding-inline:96px}
|
|
922
|
+
.fanui-py-xl-24{padding-top:96px;padding-bottom:96px}
|
|
923
|
+
.fanui-mx-xl-auto{margin-inline:auto}
|
|
924
|
+
.fanui-mt-xl-auto{margin-top:auto}
|
|
925
|
+
.fanui-mb-xl-auto{margin-bottom:auto}}@media (min-width:1400px){.fanui-m-xxl-0{margin:0}
|
|
926
|
+
.fanui-mt-xxl-0{margin-top:0}
|
|
927
|
+
.fanui-mr-xxl-0{margin-inline-end:0}
|
|
928
|
+
.fanui-mb-xxl-0{margin-bottom:0}
|
|
929
|
+
.fanui-ml-xxl-0{margin-inline-start:0}
|
|
930
|
+
.fanui-mx-xxl-0{margin-inline:0}
|
|
931
|
+
.fanui-my-xxl-0{margin-top:0;margin-bottom:0}
|
|
932
|
+
.fanui-p-xxl-0{padding:0}
|
|
933
|
+
.fanui-pt-xxl-0{padding-top:0}
|
|
934
|
+
.fanui-pr-xxl-0{padding-inline-end:0}
|
|
935
|
+
.fanui-pb-xxl-0{padding-bottom:0}
|
|
936
|
+
.fanui-pl-xxl-0{padding-inline-start:0}
|
|
937
|
+
.fanui-px-xxl-0{padding-inline:0}
|
|
938
|
+
.fanui-py-xxl-0{padding-top:0;padding-bottom:0}
|
|
939
|
+
.fanui-m-xxl-1{margin:4px}
|
|
940
|
+
.fanui-mt-xxl-1{margin-top:4px}
|
|
941
|
+
.fanui-mr-xxl-1{margin-inline-end:4px}
|
|
942
|
+
.fanui-mb-xxl-1{margin-bottom:4px}
|
|
943
|
+
.fanui-ml-xxl-1{margin-inline-start:4px}
|
|
944
|
+
.fanui-mx-xxl-1{margin-inline:4px}
|
|
945
|
+
.fanui-my-xxl-1{margin-top:4px;margin-bottom:4px}
|
|
946
|
+
.fanui-p-xxl-1{padding:4px}
|
|
947
|
+
.fanui-pt-xxl-1{padding-top:4px}
|
|
948
|
+
.fanui-pr-xxl-1{padding-inline-end:4px}
|
|
949
|
+
.fanui-pb-xxl-1{padding-bottom:4px}
|
|
950
|
+
.fanui-pl-xxl-1{padding-inline-start:4px}
|
|
951
|
+
.fanui-px-xxl-1{padding-inline:4px}
|
|
952
|
+
.fanui-py-xxl-1{padding-top:4px;padding-bottom:4px}
|
|
953
|
+
.fanui-m-xxl-2{margin:8px}
|
|
954
|
+
.fanui-mt-xxl-2{margin-top:8px}
|
|
955
|
+
.fanui-mr-xxl-2{margin-inline-end:8px}
|
|
956
|
+
.fanui-mb-xxl-2{margin-bottom:8px}
|
|
957
|
+
.fanui-ml-xxl-2{margin-inline-start:8px}
|
|
958
|
+
.fanui-mx-xxl-2{margin-inline:8px}
|
|
959
|
+
.fanui-my-xxl-2{margin-top:8px;margin-bottom:8px}
|
|
960
|
+
.fanui-p-xxl-2{padding:8px}
|
|
961
|
+
.fanui-pt-xxl-2{padding-top:8px}
|
|
962
|
+
.fanui-pr-xxl-2{padding-inline-end:8px}
|
|
963
|
+
.fanui-pb-xxl-2{padding-bottom:8px}
|
|
964
|
+
.fanui-pl-xxl-2{padding-inline-start:8px}
|
|
965
|
+
.fanui-px-xxl-2{padding-inline:8px}
|
|
966
|
+
.fanui-py-xxl-2{padding-top:8px;padding-bottom:8px}
|
|
967
|
+
.fanui-m-xxl-3{margin:12px}
|
|
968
|
+
.fanui-mt-xxl-3{margin-top:12px}
|
|
969
|
+
.fanui-mr-xxl-3{margin-inline-end:12px}
|
|
970
|
+
.fanui-mb-xxl-3{margin-bottom:12px}
|
|
971
|
+
.fanui-ml-xxl-3{margin-inline-start:12px}
|
|
972
|
+
.fanui-mx-xxl-3{margin-inline:12px}
|
|
973
|
+
.fanui-my-xxl-3{margin-top:12px;margin-bottom:12px}
|
|
974
|
+
.fanui-p-xxl-3{padding:12px}
|
|
975
|
+
.fanui-pt-xxl-3{padding-top:12px}
|
|
976
|
+
.fanui-pr-xxl-3{padding-inline-end:12px}
|
|
977
|
+
.fanui-pb-xxl-3{padding-bottom:12px}
|
|
978
|
+
.fanui-pl-xxl-3{padding-inline-start:12px}
|
|
979
|
+
.fanui-px-xxl-3{padding-inline:12px}
|
|
980
|
+
.fanui-py-xxl-3{padding-top:12px;padding-bottom:12px}
|
|
981
|
+
.fanui-m-xxl-4{margin:16px}
|
|
982
|
+
.fanui-mt-xxl-4{margin-top:16px}
|
|
983
|
+
.fanui-mr-xxl-4{margin-inline-end:16px}
|
|
984
|
+
.fanui-mb-xxl-4{margin-bottom:16px}
|
|
985
|
+
.fanui-ml-xxl-4{margin-inline-start:16px}
|
|
986
|
+
.fanui-mx-xxl-4{margin-inline:16px}
|
|
987
|
+
.fanui-my-xxl-4{margin-top:16px;margin-bottom:16px}
|
|
988
|
+
.fanui-p-xxl-4{padding:16px}
|
|
989
|
+
.fanui-pt-xxl-4{padding-top:16px}
|
|
990
|
+
.fanui-pr-xxl-4{padding-inline-end:16px}
|
|
991
|
+
.fanui-pb-xxl-4{padding-bottom:16px}
|
|
992
|
+
.fanui-pl-xxl-4{padding-inline-start:16px}
|
|
993
|
+
.fanui-px-xxl-4{padding-inline:16px}
|
|
994
|
+
.fanui-py-xxl-4{padding-top:16px;padding-bottom:16px}
|
|
995
|
+
.fanui-m-xxl-5{margin:20px}
|
|
996
|
+
.fanui-mt-xxl-5{margin-top:20px}
|
|
997
|
+
.fanui-mr-xxl-5{margin-inline-end:20px}
|
|
998
|
+
.fanui-mb-xxl-5{margin-bottom:20px}
|
|
999
|
+
.fanui-ml-xxl-5{margin-inline-start:20px}
|
|
1000
|
+
.fanui-mx-xxl-5{margin-inline:20px}
|
|
1001
|
+
.fanui-my-xxl-5{margin-top:20px;margin-bottom:20px}
|
|
1002
|
+
.fanui-p-xxl-5{padding:20px}
|
|
1003
|
+
.fanui-pt-xxl-5{padding-top:20px}
|
|
1004
|
+
.fanui-pr-xxl-5{padding-inline-end:20px}
|
|
1005
|
+
.fanui-pb-xxl-5{padding-bottom:20px}
|
|
1006
|
+
.fanui-pl-xxl-5{padding-inline-start:20px}
|
|
1007
|
+
.fanui-px-xxl-5{padding-inline:20px}
|
|
1008
|
+
.fanui-py-xxl-5{padding-top:20px;padding-bottom:20px}
|
|
1009
|
+
.fanui-m-xxl-6{margin:24px}
|
|
1010
|
+
.fanui-mt-xxl-6{margin-top:24px}
|
|
1011
|
+
.fanui-mr-xxl-6{margin-inline-end:24px}
|
|
1012
|
+
.fanui-mb-xxl-6{margin-bottom:24px}
|
|
1013
|
+
.fanui-ml-xxl-6{margin-inline-start:24px}
|
|
1014
|
+
.fanui-mx-xxl-6{margin-inline:24px}
|
|
1015
|
+
.fanui-my-xxl-6{margin-top:24px;margin-bottom:24px}
|
|
1016
|
+
.fanui-p-xxl-6{padding:24px}
|
|
1017
|
+
.fanui-pt-xxl-6{padding-top:24px}
|
|
1018
|
+
.fanui-pr-xxl-6{padding-inline-end:24px}
|
|
1019
|
+
.fanui-pb-xxl-6{padding-bottom:24px}
|
|
1020
|
+
.fanui-pl-xxl-6{padding-inline-start:24px}
|
|
1021
|
+
.fanui-px-xxl-6{padding-inline:24px}
|
|
1022
|
+
.fanui-py-xxl-6{padding-top:24px;padding-bottom:24px}
|
|
1023
|
+
.fanui-m-xxl-8{margin:32px}
|
|
1024
|
+
.fanui-mt-xxl-8{margin-top:32px}
|
|
1025
|
+
.fanui-mr-xxl-8{margin-inline-end:32px}
|
|
1026
|
+
.fanui-mb-xxl-8{margin-bottom:32px}
|
|
1027
|
+
.fanui-ml-xxl-8{margin-inline-start:32px}
|
|
1028
|
+
.fanui-mx-xxl-8{margin-inline:32px}
|
|
1029
|
+
.fanui-my-xxl-8{margin-top:32px;margin-bottom:32px}
|
|
1030
|
+
.fanui-p-xxl-8{padding:32px}
|
|
1031
|
+
.fanui-pt-xxl-8{padding-top:32px}
|
|
1032
|
+
.fanui-pr-xxl-8{padding-inline-end:32px}
|
|
1033
|
+
.fanui-pb-xxl-8{padding-bottom:32px}
|
|
1034
|
+
.fanui-pl-xxl-8{padding-inline-start:32px}
|
|
1035
|
+
.fanui-px-xxl-8{padding-inline:32px}
|
|
1036
|
+
.fanui-py-xxl-8{padding-top:32px;padding-bottom:32px}
|
|
1037
|
+
.fanui-m-xxl-10{margin:40px}
|
|
1038
|
+
.fanui-mt-xxl-10{margin-top:40px}
|
|
1039
|
+
.fanui-mr-xxl-10{margin-inline-end:40px}
|
|
1040
|
+
.fanui-mb-xxl-10{margin-bottom:40px}
|
|
1041
|
+
.fanui-ml-xxl-10{margin-inline-start:40px}
|
|
1042
|
+
.fanui-mx-xxl-10{margin-inline:40px}
|
|
1043
|
+
.fanui-my-xxl-10{margin-top:40px;margin-bottom:40px}
|
|
1044
|
+
.fanui-p-xxl-10{padding:40px}
|
|
1045
|
+
.fanui-pt-xxl-10{padding-top:40px}
|
|
1046
|
+
.fanui-pr-xxl-10{padding-inline-end:40px}
|
|
1047
|
+
.fanui-pb-xxl-10{padding-bottom:40px}
|
|
1048
|
+
.fanui-pl-xxl-10{padding-inline-start:40px}
|
|
1049
|
+
.fanui-px-xxl-10{padding-inline:40px}
|
|
1050
|
+
.fanui-py-xxl-10{padding-top:40px;padding-bottom:40px}
|
|
1051
|
+
.fanui-m-xxl-12{margin:48px}
|
|
1052
|
+
.fanui-mt-xxl-12{margin-top:48px}
|
|
1053
|
+
.fanui-mr-xxl-12{margin-inline-end:48px}
|
|
1054
|
+
.fanui-mb-xxl-12{margin-bottom:48px}
|
|
1055
|
+
.fanui-ml-xxl-12{margin-inline-start:48px}
|
|
1056
|
+
.fanui-mx-xxl-12{margin-inline:48px}
|
|
1057
|
+
.fanui-my-xxl-12{margin-top:48px;margin-bottom:48px}
|
|
1058
|
+
.fanui-p-xxl-12{padding:48px}
|
|
1059
|
+
.fanui-pt-xxl-12{padding-top:48px}
|
|
1060
|
+
.fanui-pr-xxl-12{padding-inline-end:48px}
|
|
1061
|
+
.fanui-pb-xxl-12{padding-bottom:48px}
|
|
1062
|
+
.fanui-pl-xxl-12{padding-inline-start:48px}
|
|
1063
|
+
.fanui-px-xxl-12{padding-inline:48px}
|
|
1064
|
+
.fanui-py-xxl-12{padding-top:48px;padding-bottom:48px}
|
|
1065
|
+
.fanui-m-xxl-16{margin:64px}
|
|
1066
|
+
.fanui-mt-xxl-16{margin-top:64px}
|
|
1067
|
+
.fanui-mr-xxl-16{margin-inline-end:64px}
|
|
1068
|
+
.fanui-mb-xxl-16{margin-bottom:64px}
|
|
1069
|
+
.fanui-ml-xxl-16{margin-inline-start:64px}
|
|
1070
|
+
.fanui-mx-xxl-16{margin-inline:64px}
|
|
1071
|
+
.fanui-my-xxl-16{margin-top:64px;margin-bottom:64px}
|
|
1072
|
+
.fanui-p-xxl-16{padding:64px}
|
|
1073
|
+
.fanui-pt-xxl-16{padding-top:64px}
|
|
1074
|
+
.fanui-pr-xxl-16{padding-inline-end:64px}
|
|
1075
|
+
.fanui-pb-xxl-16{padding-bottom:64px}
|
|
1076
|
+
.fanui-pl-xxl-16{padding-inline-start:64px}
|
|
1077
|
+
.fanui-px-xxl-16{padding-inline:64px}
|
|
1078
|
+
.fanui-py-xxl-16{padding-top:64px;padding-bottom:64px}
|
|
1079
|
+
.fanui-m-xxl-20{margin:80px}
|
|
1080
|
+
.fanui-mt-xxl-20{margin-top:80px}
|
|
1081
|
+
.fanui-mr-xxl-20{margin-inline-end:80px}
|
|
1082
|
+
.fanui-mb-xxl-20{margin-bottom:80px}
|
|
1083
|
+
.fanui-ml-xxl-20{margin-inline-start:80px}
|
|
1084
|
+
.fanui-mx-xxl-20{margin-inline:80px}
|
|
1085
|
+
.fanui-my-xxl-20{margin-top:80px;margin-bottom:80px}
|
|
1086
|
+
.fanui-p-xxl-20{padding:80px}
|
|
1087
|
+
.fanui-pt-xxl-20{padding-top:80px}
|
|
1088
|
+
.fanui-pr-xxl-20{padding-inline-end:80px}
|
|
1089
|
+
.fanui-pb-xxl-20{padding-bottom:80px}
|
|
1090
|
+
.fanui-pl-xxl-20{padding-inline-start:80px}
|
|
1091
|
+
.fanui-px-xxl-20{padding-inline:80px}
|
|
1092
|
+
.fanui-py-xxl-20{padding-top:80px;padding-bottom:80px}
|
|
1093
|
+
.fanui-m-xxl-24{margin:96px}
|
|
1094
|
+
.fanui-mt-xxl-24{margin-top:96px}
|
|
1095
|
+
.fanui-mr-xxl-24{margin-inline-end:96px}
|
|
1096
|
+
.fanui-mb-xxl-24{margin-bottom:96px}
|
|
1097
|
+
.fanui-ml-xxl-24{margin-inline-start:96px}
|
|
1098
|
+
.fanui-mx-xxl-24{margin-inline:96px}
|
|
1099
|
+
.fanui-my-xxl-24{margin-top:96px;margin-bottom:96px}
|
|
1100
|
+
.fanui-p-xxl-24{padding:96px}
|
|
1101
|
+
.fanui-pt-xxl-24{padding-top:96px}
|
|
1102
|
+
.fanui-pr-xxl-24{padding-inline-end:96px}
|
|
1103
|
+
.fanui-pb-xxl-24{padding-bottom:96px}
|
|
1104
|
+
.fanui-pl-xxl-24{padding-inline-start:96px}
|
|
1105
|
+
.fanui-px-xxl-24{padding-inline:96px}
|
|
1106
|
+
.fanui-py-xxl-24{padding-top:96px;padding-bottom:96px}
|
|
1107
|
+
.fanui-mx-xxl-auto{margin-inline:auto}
|
|
1108
|
+
.fanui-mt-xxl-auto{margin-top:auto}
|
|
1109
|
+
.fanui-mb-xxl-auto{margin-bottom:auto}}
|
|
1110
|
+
.fanui-p-section{padding:var(--fanui-space-8)}
|
|
1111
|
+
.fanui-p-card{padding:var(--fanui-space-5)}
|
|
1112
|
+
.fanui-gap-card{gap:var(--fanui-space-4)}
|
|
1113
|
+
.fanui-stack-space>* + *{margin-top:var(--fanui-space-4)}
|
|
1114
|
+
.fanui-stack-space-sm>* + *{margin-top:var(--fanui-space-2)}
|
|
1115
|
+
.fanui-stack-space-lg>* + *{margin-top:var(--fanui-space-6)}
|
|
1116
|
+
.fanui-inline-space>* + *{margin-inline-start:var(--fanui-space-3)}
|
|
1117
|
+
.fanui-trim>:first-child{margin-top:0}
|
|
1118
|
+
.fanui-trim>:last-child{margin-bottom:0}
|
|
1119
|
+
.fanui-trim-v>:first-child{margin-top:0}
|
|
1120
|
+
.fanui-trim-v>:last-child{margin-bottom:0}
|
|
1121
|
+
.fanui-visible{visibility:visible}
|
|
1122
|
+
.fanui-invisible{visibility:hidden}
|
|
1123
|
+
.fanui-collapse{visibility:collapse}
|
|
1124
|
+
.fanui-hidden{display:none !important}
|
|
1125
|
+
.fanui-opacity-0{opacity:0}
|
|
1126
|
+
.fanui-opacity-25{opacity:0.25}
|
|
1127
|
+
.fanui-opacity-50{opacity:0.5}
|
|
1128
|
+
.fanui-opacity-75{opacity:0.75}
|
|
1129
|
+
.fanui-opacity-100{opacity:1}
|
|
1130
|
+
.fanui-static{position:static}
|
|
1131
|
+
.fanui-relative{position:relative}
|
|
1132
|
+
.fanui-absolute{position:absolute}
|
|
1133
|
+
.fanui-fixed{position:fixed}
|
|
1134
|
+
.fanui-sticky{position:sticky}
|
|
1135
|
+
.fanui-top-0{top:0}
|
|
1136
|
+
.fanui-right-0{right:0}
|
|
1137
|
+
.fanui-bottom-0{bottom:0}
|
|
1138
|
+
.fanui-left-0{left:0}
|
|
1139
|
+
.fanui-top-1{top:4px}
|
|
1140
|
+
.fanui-right-1{right:4px}
|
|
1141
|
+
.fanui-bottom-1{bottom:4px}
|
|
1142
|
+
.fanui-left-1{left:4px}
|
|
1143
|
+
.fanui-top-2{top:8px}
|
|
1144
|
+
.fanui-right-2{right:8px}
|
|
1145
|
+
.fanui-bottom-2{bottom:8px}
|
|
1146
|
+
.fanui-left-2{left:8px}
|
|
1147
|
+
.fanui-top-3{top:12px}
|
|
1148
|
+
.fanui-right-3{right:12px}
|
|
1149
|
+
.fanui-bottom-3{bottom:12px}
|
|
1150
|
+
.fanui-left-3{left:12px}
|
|
1151
|
+
.fanui-top-4{top:16px}
|
|
1152
|
+
.fanui-right-4{right:16px}
|
|
1153
|
+
.fanui-bottom-4{bottom:16px}
|
|
1154
|
+
.fanui-left-4{left:16px}
|
|
1155
|
+
.fanui-top-6{top:24px}
|
|
1156
|
+
.fanui-right-6{right:24px}
|
|
1157
|
+
.fanui-bottom-6{bottom:24px}
|
|
1158
|
+
.fanui-left-6{left:24px}
|
|
1159
|
+
.fanui-top-8{top:32px}
|
|
1160
|
+
.fanui-right-8{right:32px}
|
|
1161
|
+
.fanui-bottom-8{bottom:32px}
|
|
1162
|
+
.fanui-left-8{left:32px}
|
|
1163
|
+
.fanui-inset-0{inset:0}
|
|
1164
|
+
.fanui-top-auto{top:auto}
|
|
1165
|
+
.fanui-right-auto{right:auto}
|
|
1166
|
+
.fanui-bottom-auto{bottom:auto}
|
|
1167
|
+
.fanui-left-auto{left:auto}
|
|
1168
|
+
.fanui-absolute-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
|
|
1169
|
+
.fanui-absolute-fill{position:absolute;top:0;right:0;bottom:0;left:0}
|
|
1170
|
+
.fanui-fixed-fill{position:fixed;top:0;right:0;bottom:0;left:0}
|
|
1171
|
+
.fanui-z-dropdown{z-index:1000}
|
|
1172
|
+
.fanui-z-sticky{z-index:1020}
|
|
1173
|
+
.fanui-z-fixed{z-index:1030}
|
|
1174
|
+
.fanui-z-backdrop{z-index:1040}
|
|
1175
|
+
.fanui-z-offcanvas{z-index:1050}
|
|
1176
|
+
.fanui-z-modal{z-index:1060}
|
|
1177
|
+
.fanui-z-popover{z-index:1070}
|
|
1178
|
+
.fanui-z-tooltip{z-index:1080}
|
|
1179
|
+
.fanui-z-toast{z-index:1090}
|
|
1180
|
+
.fanui-z-0{z-index:0}
|
|
1181
|
+
.fanui-z-10{z-index:10}
|
|
1182
|
+
.fanui-z-20{z-index:20}
|
|
1183
|
+
.fanui-z-30{z-index:30}
|
|
1184
|
+
.fanui-z-40{z-index:40}
|
|
1185
|
+
.fanui-z-50{z-index:50}
|
|
1186
|
+
.fanui-z-auto{z-index:auto}
|
|
1187
|
+
.fanui-overflow-auto{overflow:auto}
|
|
1188
|
+
.fanui-overflow-hidden{overflow:hidden}
|
|
1189
|
+
.fanui-overflow-visible{overflow:visible}
|
|
1190
|
+
.fanui-overflow-scroll{overflow:scroll}
|
|
1191
|
+
.fanui-overflow-x-auto{overflow-x:auto}
|
|
1192
|
+
.fanui-overflow-y-auto{overflow-y:auto}
|
|
1193
|
+
.fanui-overflow-x-hidden{overflow-x:hidden}
|
|
1194
|
+
.fanui-overflow-y-hidden{overflow-y:hidden}
|
|
1195
|
+
.fanui-scroll-smooth{scroll-behavior:smooth}
|
|
1196
|
+
.fanui-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
|
|
1197
|
+
.fanui-scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}
|
|
1198
|
+
.fanui-float-start{float:left}
|
|
1199
|
+
.fanui-float-end{float:right}
|
|
1200
|
+
.fanui-float-none{float:none}
|
|
1201
|
+
.fanui-clearfix::after{display:block;clear:both;content:""}
|
|
1202
|
+
.fanui-clear-both{clear:both}
|
|
1203
|
+
.fanui-block-sm,.fanui-block-md,.fanui-block-lg,.fanui-block-xl{display:none}@media (min-width:576px){.fanui-hide-sm-up{display:none !important}
|
|
1204
|
+
.fanui-block-sm{display:block}}@media (max-width:575.95px){.fanui-hide-sm-down{display:none !important}}@media (min-width:768px){.fanui-hide-md-up{display:none !important}
|
|
1205
|
+
.fanui-block-md{display:block}}@media (max-width:767.95px){.fanui-hide-md-down{display:none !important}}@media (min-width:992px){.fanui-hide-lg-up{display:none !important}
|
|
1206
|
+
.fanui-block-lg{display:block}}@media (max-width:991.95px){.fanui-hide-lg-down{display:none !important}}@media (min-width:1200px){.fanui-hide-xl-up{display:none !important}
|
|
1207
|
+
.fanui-block-xl{display:block}}@media (max-width:1199.95px){.fanui-hide-xl-down{display:none !important}}@media (min-width:1400px){.fanui-hide-xxl-up{display:none !important}
|
|
1208
|
+
.fanui-block-xxl{display:block}}@media (max-width:1399.95px){.fanui-hide-xxl-down{display:none !important}}
|
|
1209
|
+
.fanui-print-only{display:none}@media print{.fanui-no-print{display:none !important}
|
|
1210
|
+
.fanui-print-only{display:block !important}}
|
|
1211
|
+
.fanui-pointer{cursor:pointer}
|
|
1212
|
+
.fanui-cursor-default{cursor:default}
|
|
1213
|
+
.fanui-cursor-text{cursor:text}
|
|
1214
|
+
.fanui-cursor-move{cursor:move}
|
|
1215
|
+
.fanui-cursor-grab{cursor:grab}
|
|
1216
|
+
.fanui-cursor-help{cursor:help}
|
|
1217
|
+
.fanui-not-allowed{cursor:not-allowed}
|
|
1218
|
+
.fanui-select-none{user-select:none;-webkit-user-select:none}
|
|
1219
|
+
.fanui-select-all{user-select:all}
|
|
1220
|
+
.fanui-select-text{user-select:text}
|
|
1221
|
+
.fanui-no-pointer-events{pointer-events:none}
|
|
1222
|
+
.fanui-pointer-events{pointer-events:auto}
|
|
1223
|
+
.fanui-resize-none{resize:none}
|
|
1224
|
+
.fanui-resize-y{resize:vertical}
|
|
1225
|
+
.fanui-resize-both{resize:both}
|
|
1226
|
+
.fanui-touch-none{touch-action:none}
|
|
1227
|
+
.fanui-touch-pan-y{touch-action:pan-y}
|
|
1228
|
+
.fanui-w-0{width:0%}
|
|
1229
|
+
.fanui-w-5{width:5%}
|
|
1230
|
+
.fanui-w-10{width:10%}
|
|
1231
|
+
.fanui-w-15{width:15%}
|
|
1232
|
+
.fanui-w-20{width:20%}
|
|
1233
|
+
.fanui-w-25{width:25%}
|
|
1234
|
+
.fanui-w-30{width:30%}
|
|
1235
|
+
.fanui-w-33{width:33.3333%}
|
|
1236
|
+
.fanui-w-35{width:35%}
|
|
1237
|
+
.fanui-w-40{width:40%}
|
|
1238
|
+
.fanui-w-45{width:45%}
|
|
1239
|
+
.fanui-w-50{width:50%}
|
|
1240
|
+
.fanui-w-55{width:55%}
|
|
1241
|
+
.fanui-w-60{width:60%}
|
|
1242
|
+
.fanui-w-65{width:65%}
|
|
1243
|
+
.fanui-w-66{width:66.6667%}
|
|
1244
|
+
.fanui-w-70{width:70%}
|
|
1245
|
+
.fanui-w-75{width:75%}
|
|
1246
|
+
.fanui-w-80{width:80%}
|
|
1247
|
+
.fanui-w-85{width:85%}
|
|
1248
|
+
.fanui-w-90{width:90%}
|
|
1249
|
+
.fanui-w-95{width:95%}
|
|
1250
|
+
.fanui-w-100{width:100%}
|
|
1251
|
+
.fanui-w-auto{width:auto}
|
|
1252
|
+
.fanui-w-full{width:100%}
|
|
1253
|
+
.fanui-w-screen{width:100vw}
|
|
1254
|
+
.fanui-w-min{width:min-content}
|
|
1255
|
+
.fanui-w-max{width:max-content}
|
|
1256
|
+
.fanui-w-fit{width:fit-content}
|
|
1257
|
+
.fanui-h-auto{height:auto}
|
|
1258
|
+
.fanui-h-full{height:100%}
|
|
1259
|
+
.fanui-h-screen{height:100vh}
|
|
1260
|
+
.fanui-h-dvh{height:100dvh}
|
|
1261
|
+
.fanui-h-svh{height:100svh}
|
|
1262
|
+
.fanui-min-w-0{min-width:0}
|
|
1263
|
+
.fanui-min-w-full{min-width:100%}
|
|
1264
|
+
.fanui-max-w-full{max-width:100%}
|
|
1265
|
+
.fanui-max-w-none{max-width:none}
|
|
1266
|
+
.fanui-min-h-0{min-height:0}
|
|
1267
|
+
.fanui-min-h-full{min-height:100%}
|
|
1268
|
+
.fanui-max-h-full{max-height:100%}
|
|
1269
|
+
.fanui-w-0{width:0}
|
|
1270
|
+
.fanui-h-0{height:0}
|
|
1271
|
+
.fanui-size-0{width:0;height:0}
|
|
1272
|
+
.fanui-w-1{width:4px}
|
|
1273
|
+
.fanui-h-1{height:4px}
|
|
1274
|
+
.fanui-size-1{width:4px;height:4px}
|
|
1275
|
+
.fanui-w-2{width:8px}
|
|
1276
|
+
.fanui-h-2{height:8px}
|
|
1277
|
+
.fanui-size-2{width:8px;height:8px}
|
|
1278
|
+
.fanui-w-3{width:12px}
|
|
1279
|
+
.fanui-h-3{height:12px}
|
|
1280
|
+
.fanui-size-3{width:12px;height:12px}
|
|
1281
|
+
.fanui-w-4{width:16px}
|
|
1282
|
+
.fanui-h-4{height:16px}
|
|
1283
|
+
.fanui-size-4{width:16px;height:16px}
|
|
1284
|
+
.fanui-w-5{width:20px}
|
|
1285
|
+
.fanui-h-5{height:20px}
|
|
1286
|
+
.fanui-size-5{width:20px;height:20px}
|
|
1287
|
+
.fanui-w-6{width:24px}
|
|
1288
|
+
.fanui-h-6{height:24px}
|
|
1289
|
+
.fanui-size-6{width:24px;height:24px}
|
|
1290
|
+
.fanui-w-8{width:32px}
|
|
1291
|
+
.fanui-h-8{height:32px}
|
|
1292
|
+
.fanui-size-8{width:32px;height:32px}
|
|
1293
|
+
.fanui-w-10{width:40px}
|
|
1294
|
+
.fanui-h-10{height:40px}
|
|
1295
|
+
.fanui-size-10{width:40px;height:40px}
|
|
1296
|
+
.fanui-w-12{width:48px}
|
|
1297
|
+
.fanui-h-12{height:48px}
|
|
1298
|
+
.fanui-size-12{width:48px;height:48px}
|
|
1299
|
+
.fanui-w-16{width:64px}
|
|
1300
|
+
.fanui-h-16{height:64px}
|
|
1301
|
+
.fanui-size-16{width:64px;height:64px}
|
|
1302
|
+
.fanui-w-20{width:80px}
|
|
1303
|
+
.fanui-h-20{height:80px}
|
|
1304
|
+
.fanui-size-20{width:80px;height:80px}
|
|
1305
|
+
.fanui-w-24{width:96px}
|
|
1306
|
+
.fanui-h-24{height:96px}
|
|
1307
|
+
.fanui-size-24{width:96px;height:96px}
|
|
1308
|
+
.fanui-w-xs{width:320px}
|
|
1309
|
+
.fanui-w-sm{width:480px}
|
|
1310
|
+
.fanui-w-md{width:640px}
|
|
1311
|
+
.fanui-w-lg{width:800px}
|
|
1312
|
+
.fanui-w-xl{width:1024px}
|
|
1313
|
+
.fanui-w-2xl{width:1280px}
|
|
1314
|
+
.fanui-max-w-xs{max-width:320px}
|
|
1315
|
+
.fanui-max-w-sm{max-width:480px}
|
|
1316
|
+
.fanui-max-w-md{max-width:640px}
|
|
1317
|
+
.fanui-max-w-lg{max-width:800px}
|
|
1318
|
+
.fanui-max-w-xl{max-width:1024px}
|
|
1319
|
+
.fanui-max-w-2xl{max-width:1280px}
|
|
1320
|
+
.fanui-max-w-prose{max-width:72ch}
|
|
1321
|
+
.fanui-ratio-square{aspect-ratio:1/1}
|
|
1322
|
+
.fanui-ratio-video{aspect-ratio:16/9}
|
|
1323
|
+
.fanui-ratio-4-3{aspect-ratio:4/3}
|
|
1324
|
+
.fanui-ratio-3-2{aspect-ratio:3/2}
|
|
1325
|
+
.fanui-ratio-21-9{aspect-ratio:21/9}
|
|
1326
|
+
.fanui-ratio{position:relative;width:100%}
|
|
1327
|
+
.fanui-ratio::before{content:"";display:block;padding-top:calc(100% * var(--fanui-ratio-h,9) / var(--fanui-ratio-w,16))}
|
|
1328
|
+
.fanui-ratio>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
|
|
1329
|
+
.fanui-ratio--square{--fanui-ratio-w:1;--fanui-ratio-h:1}
|
|
1330
|
+
.fanui-ratio--4-3{--fanui-ratio-w:4;--fanui-ratio-h:3}
|
|
1331
|
+
.fanui-ratio--16-9{--fanui-ratio-w:16;--fanui-ratio-h:9}
|
|
1332
|
+
.fanui-ratio--21-9{--fanui-ratio-w:21;--fanui-ratio-h:9}@media (min-width:576px){.fanui-w-sm-full{width:100%}
|
|
1333
|
+
.fanui-w-sm-auto{width:auto}
|
|
1334
|
+
.fanui-w-sm-0{width:0%}
|
|
1335
|
+
.fanui-w-sm-25{width:25%}
|
|
1336
|
+
.fanui-w-sm-50{width:50%}
|
|
1337
|
+
.fanui-w-sm-75{width:75%}
|
|
1338
|
+
.fanui-w-sm-100{width:100%}}@media (min-width:768px){.fanui-w-md-full{width:100%}
|
|
1339
|
+
.fanui-w-md-auto{width:auto}
|
|
1340
|
+
.fanui-w-md-0{width:0%}
|
|
1341
|
+
.fanui-w-md-25{width:25%}
|
|
1342
|
+
.fanui-w-md-50{width:50%}
|
|
1343
|
+
.fanui-w-md-75{width:75%}
|
|
1344
|
+
.fanui-w-md-100{width:100%}}@media (min-width:992px){.fanui-w-lg-full{width:100%}
|
|
1345
|
+
.fanui-w-lg-auto{width:auto}
|
|
1346
|
+
.fanui-w-lg-0{width:0%}
|
|
1347
|
+
.fanui-w-lg-25{width:25%}
|
|
1348
|
+
.fanui-w-lg-50{width:50%}
|
|
1349
|
+
.fanui-w-lg-75{width:75%}
|
|
1350
|
+
.fanui-w-lg-100{width:100%}}@media (min-width:1200px){.fanui-w-xl-full{width:100%}
|
|
1351
|
+
.fanui-w-xl-auto{width:auto}
|
|
1352
|
+
.fanui-w-xl-0{width:0%}
|
|
1353
|
+
.fanui-w-xl-25{width:25%}
|
|
1354
|
+
.fanui-w-xl-50{width:50%}
|
|
1355
|
+
.fanui-w-xl-75{width:75%}
|
|
1356
|
+
.fanui-w-xl-100{width:100%}}@media (min-width:1400px){.fanui-w-xxl-full{width:100%}
|
|
1357
|
+
.fanui-w-xxl-auto{width:auto}
|
|
1358
|
+
.fanui-w-xxl-0{width:0%}
|
|
1359
|
+
.fanui-w-xxl-25{width:25%}
|
|
1360
|
+
.fanui-w-xxl-50{width:50%}
|
|
1361
|
+
.fanui-w-xxl-75{width:75%}
|
|
1362
|
+
.fanui-w-xxl-100{width:100%}}
|
|
1363
|
+
.fanui-border{border:var(--fanui-border-width,1px) solid var(--fanui-color-border)}
|
|
1364
|
+
.fanui-border-0{border-width:0}
|
|
1365
|
+
.fanui-border-top{border-top:1px solid var(--fanui-color-border)}
|
|
1366
|
+
.fanui-border-right{border-inline-end:1px solid var(--fanui-color-border)}
|
|
1367
|
+
.fanui-border-bottom{border-bottom:1px solid var(--fanui-color-border)}
|
|
1368
|
+
.fanui-border-left{border-inline-start:1px solid var(--fanui-color-border)}
|
|
1369
|
+
.fanui-border-top-0{border-top-width:0}
|
|
1370
|
+
.fanui-border-right-0{border-inline-end-width:0}
|
|
1371
|
+
.fanui-border-bottom-0{border-bottom-width:0}
|
|
1372
|
+
.fanui-border-left-0{border-inline-start-width:0}
|
|
1373
|
+
.fanui-border-thick{border-width:2px}
|
|
1374
|
+
.fanui-border-dashed{border-style:dashed}
|
|
1375
|
+
.fanui-border-dotted{border-style:dotted}
|
|
1376
|
+
.fanui-border-none{border:none}
|
|
1377
|
+
.fanui-border-default{border-color:var(--fanui-color-border)}
|
|
1378
|
+
.fanui-border-subtle{border-color:var(--fanui-color-border-subtle)}
|
|
1379
|
+
.fanui-border-strong{border-color:var(--fanui-color-border-strong)}
|
|
1380
|
+
.fanui-border-primary{border-color:var(--fanui-primary)}
|
|
1381
|
+
.fanui-border-current{border-color:currentColor}
|
|
1382
|
+
.fanui-border-transparent{border-color:transparent}
|
|
1383
|
+
.fanui-border-primary{border-color:var(--fanui-primary)}
|
|
1384
|
+
.fanui-border-accent{border-color:var(--fanui-accent)}
|
|
1385
|
+
.fanui-border-success{border-color:var(--fanui-success)}
|
|
1386
|
+
.fanui-border-warning{border-color:var(--fanui-warning)}
|
|
1387
|
+
.fanui-border-danger{border-color:var(--fanui-danger)}
|
|
1388
|
+
.fanui-border-info{border-color:var(--fanui-info)}
|
|
1389
|
+
.fanui-rounded-none{border-radius:var(--fanui-radius-none,0)}
|
|
1390
|
+
.fanui-rounded-sm{border-radius:var(--fanui-radius-sm,2px)}
|
|
1391
|
+
.fanui-rounded-base{border-radius:var(--fanui-radius-base,6px)}
|
|
1392
|
+
.fanui-rounded-md{border-radius:var(--fanui-radius-md,8px)}
|
|
1393
|
+
.fanui-rounded-lg{border-radius:var(--fanui-radius-lg,12px)}
|
|
1394
|
+
.fanui-rounded-xl{border-radius:var(--fanui-radius-xl,16px)}
|
|
1395
|
+
.fanui-rounded-2xl{border-radius:var(--fanui-radius-2xl,24px)}
|
|
1396
|
+
.fanui-rounded-full{border-radius:var(--fanui-radius-full,9999px)}
|
|
1397
|
+
.fanui-rounded{border-radius:var(--fanui-radius-base)}
|
|
1398
|
+
.fanui-rounded-full{border-radius:9999px}
|
|
1399
|
+
.fanui-rounded-top{border-radius:var(--fanui-radius-base) var(--fanui-radius-base) 0 0}
|
|
1400
|
+
.fanui-rounded-bottom{border-radius:0 0 var(--fanui-radius-base) var(--fanui-radius-base)}
|
|
1401
|
+
.fanui-rounded-start{border-radius:var(--fanui-radius-base) 0 0 var(--fanui-radius-base)}
|
|
1402
|
+
.fanui-rounded-end{border-radius:0 var(--fanui-radius-base) var(--fanui-radius-base) 0}
|
|
1403
|
+
.fanui-divider{height:1px;margin:var(--fanui-space-4) 0;background-color:var(--fanui-color-border);border:0}
|
|
1404
|
+
.fanui-divider--vertical{width:1px;height:auto;min-height:1em;margin:0 var(--fanui-space-3);align-self:stretch}
|
|
1405
|
+
.fanui-divider--dashed{background:none;border-top:1px dashed var(--fanui-color-border)}
|
|
1406
|
+
.fanui-divider-text{display:flex;align-items:center;gap:var(--fanui-space-3);margin:var(--fanui-space-4) 0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);white-space:nowrap}
|
|
1407
|
+
.fanui-divider-text::before,.fanui-divider-text::after{content:"";flex:1 1 auto;height:1px;background-color:var(--fanui-color-border)}
|
|
1408
|
+
.fanui-shadow-none{box-shadow:var(--fanui-shadow-none,none)}
|
|
1409
|
+
.fanui-shadow-xs{box-shadow:var(--fanui-shadow-xs,0 1px 2px 0 rgba(15,23,42,0.05))}
|
|
1410
|
+
.fanui-shadow-sm{box-shadow:var(--fanui-shadow-sm,0 1px 3px 0 rgba(15,23,42,0.1),0 1px 2px -1px rgba(15,23,42,0.1))}
|
|
1411
|
+
.fanui-shadow-base{box-shadow:var(--fanui-shadow-base,0 4px 6px -1px rgba(15,23,42,0.1),0 2px 4px -2px rgba(15,23,42,0.06))}
|
|
1412
|
+
.fanui-shadow-md{box-shadow:var(--fanui-shadow-md,0 6px 12px -2px rgba(15,23,42,0.12),0 3px 6px -3px rgba(15,23,42,0.08))}
|
|
1413
|
+
.fanui-shadow-lg{box-shadow:var(--fanui-shadow-lg,0 12px 20px -4px rgba(15,23,42,0.14),0 4px 8px -4px rgba(15,23,42,0.08))}
|
|
1414
|
+
.fanui-shadow-xl{box-shadow:var(--fanui-shadow-xl,0 20px 32px -8px rgba(15,23,42,0.18),0 8px 16px -8px rgba(15,23,42,0.1))}
|
|
1415
|
+
.fanui-shadow-2xl{box-shadow:var(--fanui-shadow-2xl,0 32px 64px -16px rgba(15,23,42,0.24))}
|
|
1416
|
+
.fanui-shadow-inner{box-shadow:var(--fanui-shadow-inner,inset 0 2px 4px 0 rgba(15,23,42,0.06))}
|
|
1417
|
+
.fanui-shadow-primary{box-shadow:0 6px 16px -6px var(--fanui-primary-glow)}
|
|
1418
|
+
.fanui-shadow-accent{box-shadow:0 6px 16px -6px var(--fanui-accent-glow)}
|
|
1419
|
+
.fanui-shadow-focus{box-shadow:0 0 0 3px var(--fanui-primary-ring)}
|
|
1420
|
+
.fanui-shadow-glow{box-shadow:0 0 24px -4px var(--fanui-primary-glow)}
|
|
1421
|
+
.fanui-shadow-glow-accent{box-shadow:0 0 28px -6px var(--fanui-accent-glow)}
|
|
1422
|
+
.fanui-shadow-glass{box-shadow:0 calc(var(--fanui-glass-shadow-y-k) * var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k) * var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k) * var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb),calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255,255,255,calc(var(--fanui-glass-inner-hi) * min(1,var(--fanui-glass-intensity))))}
|
|
1423
|
+
.fanui-text-shadow-sm{text-shadow:0 1px 2px rgba(15,23,42,0.2)}
|
|
1424
|
+
.fanui-text-shadow-glass{text-shadow:var(--fanui-glass-text-shadow)}
|
|
1425
|
+
.fanui-bg-transparent{background-color:transparent !important}
|
|
1426
|
+
.fanui-bg-surface{background-color:var(--fanui-color-surface)}
|
|
1427
|
+
.fanui-bg-sunken{background-color:var(--fanui-color-surface-sunken)}
|
|
1428
|
+
.fanui-bg-body{background-color:var(--fanui-color-bg)}
|
|
1429
|
+
.fanui-bg-none{background-image:none}
|
|
1430
|
+
.fanui-bg-gradient-primary{background-image:linear-gradient(to bottom right,var(--fanui-primary),var(--fanui-accent));color:var(--fanui-color-text-inverse)}
|
|
1431
|
+
.fanui-bg-gradient-sunset{background-image:linear-gradient(135deg,#f59e0b 0%,#ef4444 55%,#8b5cf6 100%)}
|
|
1432
|
+
.fanui-bg-grid{background-image:linear-gradient(rgba(100,116,139,0.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,0.12) 1px,transparent 1px);background-size:20px 20px}
|
|
1433
|
+
.fanui-bg-primary{background-color:var(--fanui-primary);color:var(--fanui-primary-fg)}
|
|
1434
|
+
.fanui-bg-primary-soft{background-color:var(--fanui-primary-soft)}
|
|
1435
|
+
.fanui-bg-accent{background-color:var(--fanui-accent);color:var(--fanui-accent-fg)}
|
|
1436
|
+
.fanui-bg-accent-soft{background-color:var(--fanui-accent-soft)}
|
|
1437
|
+
.fanui-bg-success{background-color:var(--fanui-success);color:var(--fanui-success-fg)}
|
|
1438
|
+
.fanui-bg-success-soft{background-color:var(--fanui-success-soft)}
|
|
1439
|
+
.fanui-bg-warning{background-color:var(--fanui-warning);color:var(--fanui-warning-fg)}
|
|
1440
|
+
.fanui-bg-warning-soft{background-color:var(--fanui-warning-soft)}
|
|
1441
|
+
.fanui-bg-danger{background-color:var(--fanui-danger);color:var(--fanui-danger-fg)}
|
|
1442
|
+
.fanui-bg-danger-soft{background-color:var(--fanui-danger-soft)}
|
|
1443
|
+
.fanui-bg-info{background-color:var(--fanui-info);color:var(--fanui-info-fg)}
|
|
1444
|
+
.fanui-bg-info-soft{background-color:var(--fanui-info-soft)}
|
|
1445
|
+
.fanui-bg-primary-50{background-color:var(--fanui-primary-50,#ecfeff)}
|
|
1446
|
+
.fanui-text-primary-50{color:var(--fanui-primary-50,#ecfeff)}
|
|
1447
|
+
.fanui-border-primary-50{border-color:var(--fanui-primary-50,#ecfeff)}
|
|
1448
|
+
.fanui-bg-primary-100{background-color:var(--fanui-primary-100,#cffafe)}
|
|
1449
|
+
.fanui-text-primary-100{color:var(--fanui-primary-100,#cffafe)}
|
|
1450
|
+
.fanui-border-primary-100{border-color:var(--fanui-primary-100,#cffafe)}
|
|
1451
|
+
.fanui-bg-primary-200{background-color:var(--fanui-primary-200,#a5f3fc)}
|
|
1452
|
+
.fanui-text-primary-200{color:var(--fanui-primary-200,#a5f3fc)}
|
|
1453
|
+
.fanui-border-primary-200{border-color:var(--fanui-primary-200,#a5f3fc)}
|
|
1454
|
+
.fanui-bg-primary-300{background-color:var(--fanui-primary-300,#67e8f9)}
|
|
1455
|
+
.fanui-text-primary-300{color:var(--fanui-primary-300,#67e8f9)}
|
|
1456
|
+
.fanui-border-primary-300{border-color:var(--fanui-primary-300,#67e8f9)}
|
|
1457
|
+
.fanui-bg-primary-400{background-color:var(--fanui-primary-400,#22d3ee)}
|
|
1458
|
+
.fanui-text-primary-400{color:var(--fanui-primary-400,#22d3ee)}
|
|
1459
|
+
.fanui-border-primary-400{border-color:var(--fanui-primary-400,#22d3ee)}
|
|
1460
|
+
.fanui-bg-primary-500{background-color:var(--fanui-primary-500,#06b6d4)}
|
|
1461
|
+
.fanui-text-primary-500{color:var(--fanui-primary-500,#06b6d4)}
|
|
1462
|
+
.fanui-border-primary-500{border-color:var(--fanui-primary-500,#06b6d4)}
|
|
1463
|
+
.fanui-bg-primary-600{background-color:var(--fanui-primary-600,#0891b2)}
|
|
1464
|
+
.fanui-text-primary-600{color:var(--fanui-primary-600,#0891b2)}
|
|
1465
|
+
.fanui-border-primary-600{border-color:var(--fanui-primary-600,#0891b2)}
|
|
1466
|
+
.fanui-bg-primary-700{background-color:var(--fanui-primary-700,#0e7490)}
|
|
1467
|
+
.fanui-text-primary-700{color:var(--fanui-primary-700,#0e7490)}
|
|
1468
|
+
.fanui-border-primary-700{border-color:var(--fanui-primary-700,#0e7490)}
|
|
1469
|
+
.fanui-bg-primary-800{background-color:var(--fanui-primary-800,#155e75)}
|
|
1470
|
+
.fanui-text-primary-800{color:var(--fanui-primary-800,#155e75)}
|
|
1471
|
+
.fanui-border-primary-800{border-color:var(--fanui-primary-800,#155e75)}
|
|
1472
|
+
.fanui-bg-primary-900{background-color:var(--fanui-primary-900,#164e63)}
|
|
1473
|
+
.fanui-text-primary-900{color:var(--fanui-primary-900,#164e63)}
|
|
1474
|
+
.fanui-border-primary-900{border-color:var(--fanui-primary-900,#164e63)}
|
|
1475
|
+
.fanui-bg-primary-950{background-color:var(--fanui-primary-950,#083344)}
|
|
1476
|
+
.fanui-text-primary-950{color:var(--fanui-primary-950,#083344)}
|
|
1477
|
+
.fanui-border-primary-950{border-color:var(--fanui-primary-950,#083344)}
|
|
1478
|
+
.fanui-bg-accent-50{background-color:var(--fanui-accent-50,#f5f3ff)}
|
|
1479
|
+
.fanui-text-accent-50{color:var(--fanui-accent-50,#f5f3ff)}
|
|
1480
|
+
.fanui-border-accent-50{border-color:var(--fanui-accent-50,#f5f3ff)}
|
|
1481
|
+
.fanui-bg-accent-100{background-color:var(--fanui-accent-100,#ede9fe)}
|
|
1482
|
+
.fanui-text-accent-100{color:var(--fanui-accent-100,#ede9fe)}
|
|
1483
|
+
.fanui-border-accent-100{border-color:var(--fanui-accent-100,#ede9fe)}
|
|
1484
|
+
.fanui-bg-accent-200{background-color:var(--fanui-accent-200,#ddd6fe)}
|
|
1485
|
+
.fanui-text-accent-200{color:var(--fanui-accent-200,#ddd6fe)}
|
|
1486
|
+
.fanui-border-accent-200{border-color:var(--fanui-accent-200,#ddd6fe)}
|
|
1487
|
+
.fanui-bg-accent-300{background-color:var(--fanui-accent-300,#c4b5fd)}
|
|
1488
|
+
.fanui-text-accent-300{color:var(--fanui-accent-300,#c4b5fd)}
|
|
1489
|
+
.fanui-border-accent-300{border-color:var(--fanui-accent-300,#c4b5fd)}
|
|
1490
|
+
.fanui-bg-accent-400{background-color:var(--fanui-accent-400,#a78bfa)}
|
|
1491
|
+
.fanui-text-accent-400{color:var(--fanui-accent-400,#a78bfa)}
|
|
1492
|
+
.fanui-border-accent-400{border-color:var(--fanui-accent-400,#a78bfa)}
|
|
1493
|
+
.fanui-bg-accent-500{background-color:var(--fanui-accent-500,#8b5cf6)}
|
|
1494
|
+
.fanui-text-accent-500{color:var(--fanui-accent-500,#8b5cf6)}
|
|
1495
|
+
.fanui-border-accent-500{border-color:var(--fanui-accent-500,#8b5cf6)}
|
|
1496
|
+
.fanui-bg-accent-600{background-color:var(--fanui-accent-600,#7c3aed)}
|
|
1497
|
+
.fanui-text-accent-600{color:var(--fanui-accent-600,#7c3aed)}
|
|
1498
|
+
.fanui-border-accent-600{border-color:var(--fanui-accent-600,#7c3aed)}
|
|
1499
|
+
.fanui-bg-accent-700{background-color:var(--fanui-accent-700,#6d28d9)}
|
|
1500
|
+
.fanui-text-accent-700{color:var(--fanui-accent-700,#6d28d9)}
|
|
1501
|
+
.fanui-border-accent-700{border-color:var(--fanui-accent-700,#6d28d9)}
|
|
1502
|
+
.fanui-bg-accent-800{background-color:var(--fanui-accent-800,#5b21b6)}
|
|
1503
|
+
.fanui-text-accent-800{color:var(--fanui-accent-800,#5b21b6)}
|
|
1504
|
+
.fanui-border-accent-800{border-color:var(--fanui-accent-800,#5b21b6)}
|
|
1505
|
+
.fanui-bg-accent-900{background-color:var(--fanui-accent-900,#4c1d95)}
|
|
1506
|
+
.fanui-text-accent-900{color:var(--fanui-accent-900,#4c1d95)}
|
|
1507
|
+
.fanui-border-accent-900{border-color:var(--fanui-accent-900,#4c1d95)}
|
|
1508
|
+
.fanui-bg-accent-950{background-color:var(--fanui-accent-950,#2e1065)}
|
|
1509
|
+
.fanui-text-accent-950{color:var(--fanui-accent-950,#2e1065)}
|
|
1510
|
+
.fanui-border-accent-950{border-color:var(--fanui-accent-950,#2e1065)}
|
|
1511
|
+
.fanui-bg-success-50{background-color:var(--fanui-success-50,#ecfdf5)}
|
|
1512
|
+
.fanui-text-success-50{color:var(--fanui-success-50,#ecfdf5)}
|
|
1513
|
+
.fanui-border-success-50{border-color:var(--fanui-success-50,#ecfdf5)}
|
|
1514
|
+
.fanui-bg-success-100{background-color:var(--fanui-success-100,#d1fae5)}
|
|
1515
|
+
.fanui-text-success-100{color:var(--fanui-success-100,#d1fae5)}
|
|
1516
|
+
.fanui-border-success-100{border-color:var(--fanui-success-100,#d1fae5)}
|
|
1517
|
+
.fanui-bg-success-200{background-color:var(--fanui-success-200,#a7f3d0)}
|
|
1518
|
+
.fanui-text-success-200{color:var(--fanui-success-200,#a7f3d0)}
|
|
1519
|
+
.fanui-border-success-200{border-color:var(--fanui-success-200,#a7f3d0)}
|
|
1520
|
+
.fanui-bg-success-300{background-color:var(--fanui-success-300,#6ee7b7)}
|
|
1521
|
+
.fanui-text-success-300{color:var(--fanui-success-300,#6ee7b7)}
|
|
1522
|
+
.fanui-border-success-300{border-color:var(--fanui-success-300,#6ee7b7)}
|
|
1523
|
+
.fanui-bg-success-400{background-color:var(--fanui-success-400,#34d399)}
|
|
1524
|
+
.fanui-text-success-400{color:var(--fanui-success-400,#34d399)}
|
|
1525
|
+
.fanui-border-success-400{border-color:var(--fanui-success-400,#34d399)}
|
|
1526
|
+
.fanui-bg-success-500{background-color:var(--fanui-success-500,#10b981)}
|
|
1527
|
+
.fanui-text-success-500{color:var(--fanui-success-500,#10b981)}
|
|
1528
|
+
.fanui-border-success-500{border-color:var(--fanui-success-500,#10b981)}
|
|
1529
|
+
.fanui-bg-success-600{background-color:var(--fanui-success-600,#059669)}
|
|
1530
|
+
.fanui-text-success-600{color:var(--fanui-success-600,#059669)}
|
|
1531
|
+
.fanui-border-success-600{border-color:var(--fanui-success-600,#059669)}
|
|
1532
|
+
.fanui-bg-success-700{background-color:var(--fanui-success-700,#047857)}
|
|
1533
|
+
.fanui-text-success-700{color:var(--fanui-success-700,#047857)}
|
|
1534
|
+
.fanui-border-success-700{border-color:var(--fanui-success-700,#047857)}
|
|
1535
|
+
.fanui-bg-success-800{background-color:var(--fanui-success-800,#065f46)}
|
|
1536
|
+
.fanui-text-success-800{color:var(--fanui-success-800,#065f46)}
|
|
1537
|
+
.fanui-border-success-800{border-color:var(--fanui-success-800,#065f46)}
|
|
1538
|
+
.fanui-bg-success-900{background-color:var(--fanui-success-900,#064e3b)}
|
|
1539
|
+
.fanui-text-success-900{color:var(--fanui-success-900,#064e3b)}
|
|
1540
|
+
.fanui-border-success-900{border-color:var(--fanui-success-900,#064e3b)}
|
|
1541
|
+
.fanui-bg-success-950{background-color:var(--fanui-success-950,#022c22)}
|
|
1542
|
+
.fanui-text-success-950{color:var(--fanui-success-950,#022c22)}
|
|
1543
|
+
.fanui-border-success-950{border-color:var(--fanui-success-950,#022c22)}
|
|
1544
|
+
.fanui-bg-warning-50{background-color:var(--fanui-warning-50,#fffbeb)}
|
|
1545
|
+
.fanui-text-warning-50{color:var(--fanui-warning-50,#fffbeb)}
|
|
1546
|
+
.fanui-border-warning-50{border-color:var(--fanui-warning-50,#fffbeb)}
|
|
1547
|
+
.fanui-bg-warning-100{background-color:var(--fanui-warning-100,#fef3c7)}
|
|
1548
|
+
.fanui-text-warning-100{color:var(--fanui-warning-100,#fef3c7)}
|
|
1549
|
+
.fanui-border-warning-100{border-color:var(--fanui-warning-100,#fef3c7)}
|
|
1550
|
+
.fanui-bg-warning-200{background-color:var(--fanui-warning-200,#fde68a)}
|
|
1551
|
+
.fanui-text-warning-200{color:var(--fanui-warning-200,#fde68a)}
|
|
1552
|
+
.fanui-border-warning-200{border-color:var(--fanui-warning-200,#fde68a)}
|
|
1553
|
+
.fanui-bg-warning-300{background-color:var(--fanui-warning-300,#fcd34d)}
|
|
1554
|
+
.fanui-text-warning-300{color:var(--fanui-warning-300,#fcd34d)}
|
|
1555
|
+
.fanui-border-warning-300{border-color:var(--fanui-warning-300,#fcd34d)}
|
|
1556
|
+
.fanui-bg-warning-400{background-color:var(--fanui-warning-400,#fbbf24)}
|
|
1557
|
+
.fanui-text-warning-400{color:var(--fanui-warning-400,#fbbf24)}
|
|
1558
|
+
.fanui-border-warning-400{border-color:var(--fanui-warning-400,#fbbf24)}
|
|
1559
|
+
.fanui-bg-warning-500{background-color:var(--fanui-warning-500,#f59e0b)}
|
|
1560
|
+
.fanui-text-warning-500{color:var(--fanui-warning-500,#f59e0b)}
|
|
1561
|
+
.fanui-border-warning-500{border-color:var(--fanui-warning-500,#f59e0b)}
|
|
1562
|
+
.fanui-bg-warning-600{background-color:var(--fanui-warning-600,#d97706)}
|
|
1563
|
+
.fanui-text-warning-600{color:var(--fanui-warning-600,#d97706)}
|
|
1564
|
+
.fanui-border-warning-600{border-color:var(--fanui-warning-600,#d97706)}
|
|
1565
|
+
.fanui-bg-warning-700{background-color:var(--fanui-warning-700,#b45309)}
|
|
1566
|
+
.fanui-text-warning-700{color:var(--fanui-warning-700,#b45309)}
|
|
1567
|
+
.fanui-border-warning-700{border-color:var(--fanui-warning-700,#b45309)}
|
|
1568
|
+
.fanui-bg-warning-800{background-color:var(--fanui-warning-800,#92400e)}
|
|
1569
|
+
.fanui-text-warning-800{color:var(--fanui-warning-800,#92400e)}
|
|
1570
|
+
.fanui-border-warning-800{border-color:var(--fanui-warning-800,#92400e)}
|
|
1571
|
+
.fanui-bg-warning-900{background-color:var(--fanui-warning-900,#78350f)}
|
|
1572
|
+
.fanui-text-warning-900{color:var(--fanui-warning-900,#78350f)}
|
|
1573
|
+
.fanui-border-warning-900{border-color:var(--fanui-warning-900,#78350f)}
|
|
1574
|
+
.fanui-bg-warning-950{background-color:var(--fanui-warning-950,#451a03)}
|
|
1575
|
+
.fanui-text-warning-950{color:var(--fanui-warning-950,#451a03)}
|
|
1576
|
+
.fanui-border-warning-950{border-color:var(--fanui-warning-950,#451a03)}
|
|
1577
|
+
.fanui-bg-danger-50{background-color:var(--fanui-danger-50,#fef2f2)}
|
|
1578
|
+
.fanui-text-danger-50{color:var(--fanui-danger-50,#fef2f2)}
|
|
1579
|
+
.fanui-border-danger-50{border-color:var(--fanui-danger-50,#fef2f2)}
|
|
1580
|
+
.fanui-bg-danger-100{background-color:var(--fanui-danger-100,#fee2e2)}
|
|
1581
|
+
.fanui-text-danger-100{color:var(--fanui-danger-100,#fee2e2)}
|
|
1582
|
+
.fanui-border-danger-100{border-color:var(--fanui-danger-100,#fee2e2)}
|
|
1583
|
+
.fanui-bg-danger-200{background-color:var(--fanui-danger-200,#fecaca)}
|
|
1584
|
+
.fanui-text-danger-200{color:var(--fanui-danger-200,#fecaca)}
|
|
1585
|
+
.fanui-border-danger-200{border-color:var(--fanui-danger-200,#fecaca)}
|
|
1586
|
+
.fanui-bg-danger-300{background-color:var(--fanui-danger-300,#fca5a5)}
|
|
1587
|
+
.fanui-text-danger-300{color:var(--fanui-danger-300,#fca5a5)}
|
|
1588
|
+
.fanui-border-danger-300{border-color:var(--fanui-danger-300,#fca5a5)}
|
|
1589
|
+
.fanui-bg-danger-400{background-color:var(--fanui-danger-400,#f87171)}
|
|
1590
|
+
.fanui-text-danger-400{color:var(--fanui-danger-400,#f87171)}
|
|
1591
|
+
.fanui-border-danger-400{border-color:var(--fanui-danger-400,#f87171)}
|
|
1592
|
+
.fanui-bg-danger-500{background-color:var(--fanui-danger-500,#ef4444)}
|
|
1593
|
+
.fanui-text-danger-500{color:var(--fanui-danger-500,#ef4444)}
|
|
1594
|
+
.fanui-border-danger-500{border-color:var(--fanui-danger-500,#ef4444)}
|
|
1595
|
+
.fanui-bg-danger-600{background-color:var(--fanui-danger-600,#dc2626)}
|
|
1596
|
+
.fanui-text-danger-600{color:var(--fanui-danger-600,#dc2626)}
|
|
1597
|
+
.fanui-border-danger-600{border-color:var(--fanui-danger-600,#dc2626)}
|
|
1598
|
+
.fanui-bg-danger-700{background-color:var(--fanui-danger-700,#b91c1c)}
|
|
1599
|
+
.fanui-text-danger-700{color:var(--fanui-danger-700,#b91c1c)}
|
|
1600
|
+
.fanui-border-danger-700{border-color:var(--fanui-danger-700,#b91c1c)}
|
|
1601
|
+
.fanui-bg-danger-800{background-color:var(--fanui-danger-800,#991b1b)}
|
|
1602
|
+
.fanui-text-danger-800{color:var(--fanui-danger-800,#991b1b)}
|
|
1603
|
+
.fanui-border-danger-800{border-color:var(--fanui-danger-800,#991b1b)}
|
|
1604
|
+
.fanui-bg-danger-900{background-color:var(--fanui-danger-900,#7f1d1d)}
|
|
1605
|
+
.fanui-text-danger-900{color:var(--fanui-danger-900,#7f1d1d)}
|
|
1606
|
+
.fanui-border-danger-900{border-color:var(--fanui-danger-900,#7f1d1d)}
|
|
1607
|
+
.fanui-bg-danger-950{background-color:var(--fanui-danger-950,#450a0a)}
|
|
1608
|
+
.fanui-text-danger-950{color:var(--fanui-danger-950,#450a0a)}
|
|
1609
|
+
.fanui-border-danger-950{border-color:var(--fanui-danger-950,#450a0a)}
|
|
1610
|
+
.fanui-bg-info-50{background-color:var(--fanui-info-50,#f0f9ff)}
|
|
1611
|
+
.fanui-text-info-50{color:var(--fanui-info-50,#f0f9ff)}
|
|
1612
|
+
.fanui-border-info-50{border-color:var(--fanui-info-50,#f0f9ff)}
|
|
1613
|
+
.fanui-bg-info-100{background-color:var(--fanui-info-100,#e0f2fe)}
|
|
1614
|
+
.fanui-text-info-100{color:var(--fanui-info-100,#e0f2fe)}
|
|
1615
|
+
.fanui-border-info-100{border-color:var(--fanui-info-100,#e0f2fe)}
|
|
1616
|
+
.fanui-bg-info-200{background-color:var(--fanui-info-200,#bae6fd)}
|
|
1617
|
+
.fanui-text-info-200{color:var(--fanui-info-200,#bae6fd)}
|
|
1618
|
+
.fanui-border-info-200{border-color:var(--fanui-info-200,#bae6fd)}
|
|
1619
|
+
.fanui-bg-info-300{background-color:var(--fanui-info-300,#7dd3fc)}
|
|
1620
|
+
.fanui-text-info-300{color:var(--fanui-info-300,#7dd3fc)}
|
|
1621
|
+
.fanui-border-info-300{border-color:var(--fanui-info-300,#7dd3fc)}
|
|
1622
|
+
.fanui-bg-info-400{background-color:var(--fanui-info-400,#38bdf8)}
|
|
1623
|
+
.fanui-text-info-400{color:var(--fanui-info-400,#38bdf8)}
|
|
1624
|
+
.fanui-border-info-400{border-color:var(--fanui-info-400,#38bdf8)}
|
|
1625
|
+
.fanui-bg-info-500{background-color:var(--fanui-info-500,#0ea5e9)}
|
|
1626
|
+
.fanui-text-info-500{color:var(--fanui-info-500,#0ea5e9)}
|
|
1627
|
+
.fanui-border-info-500{border-color:var(--fanui-info-500,#0ea5e9)}
|
|
1628
|
+
.fanui-bg-info-600{background-color:var(--fanui-info-600,#0284c7)}
|
|
1629
|
+
.fanui-text-info-600{color:var(--fanui-info-600,#0284c7)}
|
|
1630
|
+
.fanui-border-info-600{border-color:var(--fanui-info-600,#0284c7)}
|
|
1631
|
+
.fanui-bg-info-700{background-color:var(--fanui-info-700,#0369a1)}
|
|
1632
|
+
.fanui-text-info-700{color:var(--fanui-info-700,#0369a1)}
|
|
1633
|
+
.fanui-border-info-700{border-color:var(--fanui-info-700,#0369a1)}
|
|
1634
|
+
.fanui-bg-info-800{background-color:var(--fanui-info-800,#075985)}
|
|
1635
|
+
.fanui-text-info-800{color:var(--fanui-info-800,#075985)}
|
|
1636
|
+
.fanui-border-info-800{border-color:var(--fanui-info-800,#075985)}
|
|
1637
|
+
.fanui-bg-info-900{background-color:var(--fanui-info-900,#0c4a6e)}
|
|
1638
|
+
.fanui-text-info-900{color:var(--fanui-info-900,#0c4a6e)}
|
|
1639
|
+
.fanui-border-info-900{border-color:var(--fanui-info-900,#0c4a6e)}
|
|
1640
|
+
.fanui-bg-info-950{background-color:var(--fanui-info-950,#082f49)}
|
|
1641
|
+
.fanui-text-info-950{color:var(--fanui-info-950,#082f49)}
|
|
1642
|
+
.fanui-border-info-950{border-color:var(--fanui-info-950,#082f49)}
|
|
1643
|
+
.fanui-bg-neutral-0{background-color:var(--fanui-neutral-0,#ffffff)}
|
|
1644
|
+
.fanui-text-neutral-0{color:var(--fanui-neutral-0,#ffffff)}
|
|
1645
|
+
.fanui-border-neutral-0{border-color:var(--fanui-neutral-0,#ffffff)}
|
|
1646
|
+
.fanui-bg-neutral-50{background-color:var(--fanui-neutral-50,#f8fafc)}
|
|
1647
|
+
.fanui-text-neutral-50{color:var(--fanui-neutral-50,#f8fafc)}
|
|
1648
|
+
.fanui-border-neutral-50{border-color:var(--fanui-neutral-50,#f8fafc)}
|
|
1649
|
+
.fanui-bg-neutral-100{background-color:var(--fanui-neutral-100,#f1f5f9)}
|
|
1650
|
+
.fanui-text-neutral-100{color:var(--fanui-neutral-100,#f1f5f9)}
|
|
1651
|
+
.fanui-border-neutral-100{border-color:var(--fanui-neutral-100,#f1f5f9)}
|
|
1652
|
+
.fanui-bg-neutral-200{background-color:var(--fanui-neutral-200,#e2e8f0)}
|
|
1653
|
+
.fanui-text-neutral-200{color:var(--fanui-neutral-200,#e2e8f0)}
|
|
1654
|
+
.fanui-border-neutral-200{border-color:var(--fanui-neutral-200,#e2e8f0)}
|
|
1655
|
+
.fanui-bg-neutral-300{background-color:var(--fanui-neutral-300,#cbd5e1)}
|
|
1656
|
+
.fanui-text-neutral-300{color:var(--fanui-neutral-300,#cbd5e1)}
|
|
1657
|
+
.fanui-border-neutral-300{border-color:var(--fanui-neutral-300,#cbd5e1)}
|
|
1658
|
+
.fanui-bg-neutral-400{background-color:var(--fanui-neutral-400,#94a3b8)}
|
|
1659
|
+
.fanui-text-neutral-400{color:var(--fanui-neutral-400,#94a3b8)}
|
|
1660
|
+
.fanui-border-neutral-400{border-color:var(--fanui-neutral-400,#94a3b8)}
|
|
1661
|
+
.fanui-bg-neutral-500{background-color:var(--fanui-neutral-500,#64748b)}
|
|
1662
|
+
.fanui-text-neutral-500{color:var(--fanui-neutral-500,#64748b)}
|
|
1663
|
+
.fanui-border-neutral-500{border-color:var(--fanui-neutral-500,#64748b)}
|
|
1664
|
+
.fanui-bg-neutral-600{background-color:var(--fanui-neutral-600,#475569)}
|
|
1665
|
+
.fanui-text-neutral-600{color:var(--fanui-neutral-600,#475569)}
|
|
1666
|
+
.fanui-border-neutral-600{border-color:var(--fanui-neutral-600,#475569)}
|
|
1667
|
+
.fanui-bg-neutral-700{background-color:var(--fanui-neutral-700,#334155)}
|
|
1668
|
+
.fanui-text-neutral-700{color:var(--fanui-neutral-700,#334155)}
|
|
1669
|
+
.fanui-border-neutral-700{border-color:var(--fanui-neutral-700,#334155)}
|
|
1670
|
+
.fanui-bg-neutral-800{background-color:var(--fanui-neutral-800,#1e293b)}
|
|
1671
|
+
.fanui-text-neutral-800{color:var(--fanui-neutral-800,#1e293b)}
|
|
1672
|
+
.fanui-border-neutral-800{border-color:var(--fanui-neutral-800,#1e293b)}
|
|
1673
|
+
.fanui-bg-neutral-900{background-color:var(--fanui-neutral-900,#0f172a)}
|
|
1674
|
+
.fanui-text-neutral-900{color:var(--fanui-neutral-900,#0f172a)}
|
|
1675
|
+
.fanui-border-neutral-900{border-color:var(--fanui-neutral-900,#0f172a)}
|
|
1676
|
+
.fanui-bg-neutral-950{background-color:var(--fanui-neutral-950,#020617)}
|
|
1677
|
+
.fanui-text-neutral-950{color:var(--fanui-neutral-950,#020617)}
|
|
1678
|
+
.fanui-border-neutral-950{border-color:var(--fanui-neutral-950,#020617)}
|
|
1679
|
+
.fanui-blur-sm{filter:blur(4px)}
|
|
1680
|
+
.fanui-blur{filter:blur(8px)}
|
|
1681
|
+
.fanui-blur-lg{filter:blur(16px)}
|
|
1682
|
+
.fanui-grayscale{filter:grayscale(100%)}
|
|
1683
|
+
.fanui-sepia{filter:sepia(100%)}
|
|
1684
|
+
.fanui-invert{filter:invert(100%)}
|
|
1685
|
+
.fanui-backdrop-blur-sm{backdrop-filter:blur(4px)}
|
|
1686
|
+
.fanui-backdrop-blur{backdrop-filter:blur(8px)}
|
|
1687
|
+
.fanui-backdrop-blur-lg{backdrop-filter:blur(16px)}
|
|
1688
|
+
.fanui-scale-0{transform:scale(0)}
|
|
1689
|
+
.fanui-scale-90{transform:scale(0.9)}
|
|
1690
|
+
.fanui-scale-95{transform:scale(0.95)}
|
|
1691
|
+
.fanui-scale-100{transform:scale(1)}
|
|
1692
|
+
.fanui-scale-105{transform:scale(1.05)}
|
|
1693
|
+
.fanui-scale-110{transform:scale(1.1)}
|
|
1694
|
+
.fanui-rotate-45{transform:rotate(45deg)}
|
|
1695
|
+
.fanui-rotate-90{transform:rotate(90deg)}
|
|
1696
|
+
.fanui-rotate-180{transform:rotate(180deg)}
|
|
1697
|
+
.fanui-translate-y-0{transform:translateY(0)}
|
|
1698
|
+
.fanui-translate-y-up{transform:translateY(-2px)}
|
|
1699
|
+
.fanui-transform-none{transform:none}
|
|
1700
|
+
.fanui-transform-origin-center{transform-origin:center}
|
|
1701
|
+
.fanui-hover-lift{transition:transform 200ms cubic-bezier(0.4,0,0.2,1) 0s,box-shadow 200ms cubic-bezier(0.4,0,0.2,1) 0s}
|
|
1702
|
+
.fanui-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--fanui-shadow-lg)}
|
|
1703
|
+
.fanui-hover-scale{transition:transform 150ms cubic-bezier(0.4,0,0.2,1) 0s}
|
|
1704
|
+
.fanui-hover-scale:hover{transform:scale(1.03)}
|
|
1705
|
+
.fanui-hover-shadow{transition:box-shadow 200ms cubic-bezier(0.4,0,0.2,1) 0s}
|
|
1706
|
+
.fanui-hover-shadow:hover{box-shadow:var(--fanui-shadow-md)}
|
|
1707
|
+
.fanui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg,rgba(15,23,42,0.55));backdrop-filter:blur(var(--fanui-backdrop-blur,2px));-webkit-backdrop-filter:blur(var(--fanui-backdrop-blur,2px));z-index:var(--fanui-z-backdrop,1040);opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(0.4,0,0.2,1) 0s,visibility 200ms cubic-bezier(0.4,0,0.2,1) 0s}
|
|
1708
|
+
.fanui-backdrop.is-open,.fanui-backdrop.is-active{opacity:1;visibility:visible}
|
|
1709
|
+
.fanui-focus-ring:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset,1px) var(--fanui-color-surface,#fff),0 0 0 calc(var(--fanui-focus-ring-offset,1px) + var(--fanui-focus-ring-width,3px)) var(--fanui-focus-ring-color,rgba(14,116,144,0.3))}@media (forced-colors:active){.fanui-focus-ring:focus-visible{outline:2px solid transparent;outline-offset:2px}}
|
|
1710
|
+
.fanui-focus-within:focus-within{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset,1px) var(--fanui-color-surface,#fff),0 0 0 calc(var(--fanui-focus-ring-offset,1px) + var(--fanui-focus-ring-width,3px)) var(--fanui-focus-ring-color,rgba(14,116,144,0.3))}@media (forced-colors:active){.fanui-focus-within:focus-within{outline:2px solid transparent;outline-offset:2px}}
|
|
1711
|
+
.fanui-outline-none{outline:none}
|
|
1712
|
+
.fanui-object-cover{object-fit:cover}
|
|
1713
|
+
.fanui-object-contain{object-fit:contain}
|
|
1714
|
+
.fanui-object-center{object-position:center}
|
|
1715
|
+
.fanui-isolate{isolation:isolate}
|
|
1716
|
+
.fanui-mix-blend-multiply{mix-blend-mode:multiply}
|
|
1717
|
+
.fanui-ring-primary{box-shadow:0 0 0 3px var(--fanui-primary-ring)}
|
|
1718
|
+
[data-fanui-reveal-ready] [data-fanui-reveal]{opacity:0;transform:translateY(18px);transition:opacity 500ms cubic-bezier(0,0,0.2,1),transform 500ms cubic-bezier(0,0,0.2,1);transition-delay:var(--fanui-reveal-delay,0ms);will-change:opacity,transform}
|
|
1719
|
+
[data-fanui-reveal-ready] [data-fanui-reveal].is-visible{opacity:1;transform:none}
|
|
1720
|
+
[data-fanui-reveal-ready] [data-fanui-reveal=left]{transform:translateX(-24px)}
|
|
1721
|
+
[data-fanui-reveal-ready] [data-fanui-reveal=right]{transform:translateX(24px)}
|
|
1722
|
+
[data-fanui-reveal-ready] [data-fanui-reveal=scale]{transform:scale(0.94)}
|
|
1723
|
+
[data-fanui-reveal-ready] [data-fanui-reveal=fade]{transform:none}
|
|
1724
|
+
[data-fanui-reveal-ready] [data-fanui-reveal].is-visible{transform:none}@media (prefers-reduced-motion:reduce){[data-fanui-reveal-ready] [data-fanui-reveal]{opacity:1;transform:none;transition:none}}
|
|
1725
|
+
.fanui-bg-aurora{position:relative;isolation:isolate;background-color:var(--fanui-color-bg)}
|
|
1726
|
+
.fanui-bg-aurora::before{content:"";position:absolute;inset:-25% -15%;z-index:-1;pointer-events:none;background:radial-gradient(40% 44% at 22% 28%,var(--fanui-brand-aura-a),transparent 62%),radial-gradient(36% 40% at 78% 20%,var(--fanui-brand-aura-b),transparent 60%),radial-gradient(46% 46% at 50% 88%,var(--fanui-primary-soft),transparent 66%);filter:blur(32px);animation:fanui-aurora-drift 26s ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.fanui-bg-aurora::before{animation:none}}@keyframes fanui-aurora-drift{0%{transform:translate3d(0,0,0) scale(1)}
|
|
1727
|
+
50%{transform:translate3d(2%,-2%,0) scale(1.06)}
|
|
1728
|
+
100%{transform:translate3d(-2%,2%,0) scale(1.02)}}
|
|
1729
|
+
.fanui-bg-mesh{background-color:var(--fanui-color-bg);background-image:radial-gradient(at 12% 18%,var(--fanui-brand-aura-a) 0px,transparent 52%),radial-gradient(at 82% 12%,var(--fanui-brand-aura-b) 0px,transparent 48%),radial-gradient(at 70% 82%,var(--fanui-primary-soft) 0px,transparent 46%),radial-gradient(at 24% 84%,var(--fanui-accent-soft) 0px,transparent 44%)}
|
|
1730
|
+
.fanui-bg-dots{background-image:radial-gradient(rgba(100,116,139,0.22) 1px,transparent 1px);background-size:var(--fanui-dots-size,18px) var(--fanui-dots-size,18px)}
|
|
1731
|
+
.fanui-bg-grid-fade{position:relative}
|
|
1732
|
+
.fanui-bg-grid-fade::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,116,139,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,0.1) 1px,transparent 1px);background-size:var(--fanui-grid-size,56px) var(--fanui-grid-size,56px);-webkit-mask-image:radial-gradient(60% 60% at 50% 30%,#000,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 30%,#000,transparent 100%)}
|
|
1733
|
+
.fanui-bg-conic{background-image:conic-gradient(from 210deg at 50% 50%,var(--fanui-primary-soft),var(--fanui-accent-soft),var(--fanui-primary-soft))}
|
|
1734
|
+
.fanui-bg-noise,.fanui-grain{position:relative}
|
|
1735
|
+
.fanui-bg-noise::after,.fanui-grain::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--fanui-noise-opacity,0.035);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
|
|
1736
|
+
.fanui-glow{position:relative;isolation:isolate}
|
|
1737
|
+
.fanui-glow::before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--fanui-glow-color,var(--fanui-brand-aura-a)),transparent 100%);filter:blur(var(--fanui-glow-blur,24px))}
|
|
1738
|
+
.fanui-glow--brand{--fanui-glow-color:var(--fanui-brand-aura-a)}
|
|
1739
|
+
.fanui-glow--accent{--fanui-glow-color:var(--fanui-brand-aura-b)}
|
|
1740
|
+
.fanui-glow--success{--fanui-glow-color:fn.fanui-var("success-glow")}
|
|
1741
|
+
.fanui-glow--danger{--fanui-glow-color:fn.fanui-var("danger-glow")}
|
|
1742
|
+
.fanui-glow--soft{--fanui-glow-blur:40px;opacity:0.7}
|
|
1743
|
+
.fanui-text-brand{background-image:linear-gradient(100deg,var(--fanui-brand-grad-a),var(--fanui-brand-grad-b));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
|
|
1744
|
+
.fanui-text-aurora{background-image:linear-gradient(100deg,var(--fanui-brand-grad-a),var(--fanui-brand-grad-b),var(--fanui-brand-grad-a));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:fanui-text-aurora 8s linear infinite}@media (prefers-reduced-motion:reduce){.fanui-text-aurora{animation:none}}@keyframes fanui-text-aurora{from{background-position:0% 50%}
|
|
1745
|
+
to{background-position:200% 50%}}
|
|
1746
|
+
.fanui-shimmer{background-image:linear-gradient(90deg,var(--fanui-color-surface-sunken) 0%,var(--fanui-color-hover) 50%,var(--fanui-color-surface-sunken) 100%);background-size:200% 100%;animation:fanui-shimmer 1.6s linear infinite;border-radius:var(--fanui-radius-sm);color:transparent}@media (prefers-reduced-motion:reduce){.fanui-shimmer{animation:none}}@keyframes fanui-shimmer{from{background-position:200% 0}
|
|
1747
|
+
to{background-position:-200% 0}}
|
|
1748
|
+
.fanui-border-gradient{position:relative;border:0}
|
|
1749
|
+
.fanui-border-gradient::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--fanui-border-width,1px);pointer-events:none;background:linear-gradient(var(--fanui-border-angle,135deg),var(--fanui-brand-grad-a),var(--fanui-brand-grad-b));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
|
|
1750
|
+
.fanui-border-gradient--strong::before{padding:2px}
|
|
1751
|
+
.fanui-border-gradient--soft::before{background:linear-gradient(135deg,var(--fanui-primary-border),var(--fanui-accent-border))}
|
|
1752
|
+
.fanui-divider-gradient{height:1px;border:0;margin-block:var(--fanui-space-6);background:linear-gradient(90deg,transparent,var(--fanui-primary-border),var(--fanui-accent-border),transparent)}
|
|
1753
|
+
.fanui-divider-text{display:flex;align-items:center;gap:var(--fanui-space-3);margin-block:var(--fanui-space-6);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}
|
|
1754
|
+
.fanui-divider-text::before,.fanui-divider-text::after{content:"";flex:1 1 auto;height:1px;background-color:var(--fanui-color-border)}
|
|
1755
|
+
.fanui-mask-fade-b{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
|
|
1756
|
+
.fanui-mask-fade-t{-webkit-mask-image:linear-gradient(0deg,#000 55%,transparent 100%);mask-image:linear-gradient(0deg,#000 55%,transparent 100%)}
|
|
1757
|
+
.fanui-mask-fade-x{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
|
|
1758
|
+
.fanui-mask-fade-circle{-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%)}
|
|
1759
|
+
.fanui-ripple-host{position:relative;overflow:hidden;--fanui-ripple-color:rgba(255,255,255,0.45)}
|
|
1760
|
+
.fanui-ripple{position:absolute;border-radius:var(--fanui-radius-full);transform:translate(-50%,-50%) scale(0);background-color:var(--fanui-ripple-color);pointer-events:none;animation:fanui-ripple 620ms cubic-bezier(0,0,0.2,1) forwards}@keyframes fanui-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
|
|
1761
|
+
.fanui-glass-noise{position:relative}
|
|
1762
|
+
.fanui-glass-noise::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:0.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
|