earthnut 0.2.3-alpha.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/README.md +8 -8
  2. package/client.mjs +2 -2
  3. package/client.mjs.map +1 -0
  4. package/layoutUtil.mjs +2 -2
  5. package/layoutUtil.mjs.map +1 -1
  6. package/package.json +14 -22
  7. package/server.mjs +2 -2
  8. package/server.mjs.map +1 -1
  9. package/styles/common.css +1 -1012
  10. package/styles/common.scss +23 -345
  11. package/styles/flex.scss +38 -0
  12. package/styles/header.scss +54 -0
  13. package/styles/image.scss +10 -0
  14. package/styles/input.scss +131 -0
  15. package/styles/loading-keyframes.scss +242 -0
  16. package/styles/reset.css +1 -0
  17. package/styles/reset.scss +5 -4
  18. package/styles/root-normal-dark.scss +85 -0
  19. package/styles/root-normal-light.scss +83 -0
  20. package/styles/root-weird-dark.scss +1 -0
  21. package/styles/root.scss +307 -193
  22. package/styles/text.scss +61 -0
  23. package/styles/vars-color.scss +281 -233
  24. package/styles/vars-size.scss +6 -0
  25. package/type/components/ThemeContext/index.d.ts +25 -0
  26. package/{components → type/components}/ThemeContext/types.d.ts +4 -2
  27. package/{components → type/components}/button/button.d.ts +1 -1
  28. package/{components → type/components}/button/index.d.ts +1 -1
  29. package/{components → type/components}/image/index.d.ts +1 -1
  30. package/{components → type/components}/image/types.d.ts +1 -1
  31. package/{components → type/components}/image/useSrcChange.d.ts +1 -1
  32. package/{components → type/components}/layout/content.d.ts +1 -1
  33. package/{components → type/components}/layout/footer.d.ts +1 -1
  34. package/{components → type/components}/layout/get-value.d.ts +1 -1
  35. package/{components → type/components}/layout/header.d.ts +1 -1
  36. package/{components → type/components}/layout/index.d.ts +1 -1
  37. package/{components → type/components}/layout/is-fragment.d.ts +1 -1
  38. package/{components → type/components}/layout/layout.d.ts +1 -1
  39. package/{components → type/components}/layout/sidebar.d.ts +1 -1
  40. package/{components → type/components}/layout/types.d.ts +4 -2
  41. package/{components → type/components}/marquee/MarqueeEle.d.ts +1 -1
  42. package/{components → type/components}/marquee/index.d.ts +1 -1
  43. package/{components → type/components}/marquee/type.d.ts +1 -1
  44. package/{components → type/components}/menu/index.d.ts +1 -1
  45. package/{components → type/components}/menu/menu.d.ts +1 -1
  46. package/{components → type/components}/ripples/Content.d.ts +1 -1
  47. package/{components → type/components}/ripples/LazyRippleEle.d.ts +1 -1
  48. package/{components → type/components}/ripples/RipplesEle.d.ts +1 -1
  49. package/{components → type/components}/ripples/index.d.ts +1 -1
  50. package/{components → type/components}/ripples/types.d.ts +1 -1
  51. package/{components → type/components}/ripples/useOptionUpdate.d.ts +1 -1
  52. package/{components → type/components}/shared/EnLayoutContent/index.d.ts +2 -2
  53. package/{components → type/components}/shared/EnLayoutContent/types.d.ts +1 -1
  54. package/{components → type/components}/switch/SwitchContainer.d.ts +1 -1
  55. package/{components → type/components}/switch/SwitchContent.d.ts +1 -1
  56. package/{components → type/components}/switch/SwitchLabel.d.ts +1 -1
  57. package/{components → type/components}/switch/index.d.ts +1 -1
  58. package/type/customHooks/use-xcn/index.d.ts +14 -0
  59. package/{customHooks → type/customHooks}/useAnimationFrame.d.ts +1 -1
  60. package/{customHooks → type/customHooks}/useInputIsComposing.d.ts +1 -1
  61. package/{customHooks → type/customHooks}/useRipples/buildBackground/create-background-color.d.ts +1 -1
  62. package/{customHooks → type/customHooks}/useRipples/buildBackground/create-linear-gradient.d.ts +1 -1
  63. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/_createImageData.d.ts +1 -1
  64. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/circleDataList.d.ts +1 -1
  65. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts +1 -1
  66. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/createDefault.d.ts +1 -1
  67. package/{customHooks → type/customHooks}/useRipples/buildBackground/default-background/index.d.ts +1 -1
  68. package/{customHooks → type/customHooks}/useRipples/buildBackground/load-image.d.ts +1 -1
  69. package/{customHooks → type/customHooks}/useRipples/buildBackground/run-side.d.ts +1 -1
  70. package/{customHooks → type/customHooks}/useRipples/buildBackground/type.d.ts +1 -1
  71. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/bind-image.d.ts +1 -1
  72. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-canvas-element.d.ts +1 -1
  73. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/create-image-by-src.d.ts +1 -1
  74. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/get-background-style.d.ts +1 -1
  75. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/hide-css-background.d.ts +1 -1
  76. package/{customHooks → type/customHooks}/useRipples/buildBackground/utils/restore-css-background.d.ts +1 -1
  77. package/{customHooks → type/customHooks}/useRipples/callback/can-side.d.ts +1 -1
  78. package/{customHooks → type/customHooks}/useRipples/callback/destroy.d.ts +1 -1
  79. package/{customHooks → type/customHooks}/useRipples/callback/drop.d.ts +1 -1
  80. package/{customHooks → type/customHooks}/useRipples/callback/extract-url.d.ts +1 -1
  81. package/{customHooks → type/customHooks}/useRipples/callback/fade.d.ts +1 -1
  82. package/{customHooks → type/customHooks}/useRipples/callback/get-new-image.d.ts +1 -1
  83. package/{customHooks → type/customHooks}/useRipples/callback/reload-background.d.ts +1 -1
  84. package/{customHooks → type/customHooks}/useRipples/callback/scale.d.ts +1 -1
  85. package/{customHooks → type/customHooks}/useRipples/index.d.ts +1 -1
  86. package/{customHooks → type/customHooks}/useRipples/init/index.d.ts +1 -1
  87. package/{customHooks → type/customHooks}/useRipples/init/initEvent.d.ts +1 -1
  88. package/{customHooks → type/customHooks}/useRipples/init/initShaders.d.ts +1 -1
  89. package/{customHooks → type/customHooks}/useRipples/init/initTexture.d.ts +1 -1
  90. package/{customHooks → type/customHooks}/useRipples/render/computeTextureBoundaries.d.ts +1 -1
  91. package/{customHooks → type/customHooks}/useRipples/render/draw.d.ts +1 -1
  92. package/{customHooks → type/customHooks}/useRipples/render/drawQuad.d.ts +1 -1
  93. package/{customHooks → type/customHooks}/useRipples/render/dropAtPointer.d.ts +1 -1
  94. package/{customHooks → type/customHooks}/useRipples/render/index.d.ts +1 -1
  95. package/{customHooks → type/customHooks}/useRipples/render/swapBufferIndices.d.ts +1 -1
  96. package/{customHooks → type/customHooks}/useRipples/render/update.d.ts +1 -1
  97. package/{customHooks → type/customHooks}/useRipples/rippersData/defaultData.d.ts +1 -1
  98. package/{customHooks → type/customHooks}/useRipples/rippersData/fadeData.d.ts +1 -1
  99. package/{customHooks → type/customHooks}/useRipples/rippersData/index.d.ts +1 -1
  100. package/{customHooks → type/customHooks}/useRipples/rippersData/loadConfig.d.ts +1 -1
  101. package/{customHooks → type/customHooks}/useRipples/rippersData/renderData.d.ts +1 -1
  102. package/{customHooks → type/customHooks}/useRipples/rippersData/useOptions.d.ts +1 -1
  103. package/{customHooks → type/customHooks}/useRipples/rippersData/vertexSource.d.ts +1 -1
  104. package/{customHooks → type/customHooks}/useRipples/ripple.html.d.ts +1 -1
  105. package/{customHooks → type/customHooks}/useRipples/ripplesClass.d.ts +1 -1
  106. package/{customHooks → type/customHooks}/useRipples/tools.d.ts +1 -1
  107. package/{customHooks → type/customHooks}/useRipples/types.d.ts +1 -1
  108. package/{customHooks → type/customHooks}/useRipples/use-lazy-ripple.d.ts +1 -1
  109. package/{customHooks → type/customHooks}/useTimeId.d.ts +1 -1
  110. package/type/dog.d.ts +8 -0
  111. package/{index.client.d.ts → type/index.client.d.ts} +1 -1
  112. package/{index.d.ts → type/index.d.ts} +1 -1
  113. package/{index.server.d.ts → type/index.server.d.ts} +1 -1
  114. package/{storage → type/storage}/main-logic .d.ts +1 -1
  115. package/{storage → type/storage}/storage-store.d.ts +1 -1
  116. package/{utilities → type/utilities}/cookie.d.ts +3 -10
  117. package/{utilities → type/utilities}/sys.d.ts +1 -1
  118. package/209.mjs +0 -10
  119. package/209.mjs.map +0 -1
  120. package/components/ThemeContext/index.d.ts +0 -11
  121. package/customHooks/use-xcn/index.d.ts +0 -14
package/styles/common.css CHANGED
@@ -1,1012 +1 @@
1
- @charset "UTF-8";
2
- :root {
3
- --en-color-neutral-70: #f9f9fb;
4
- --en-color-neutral-80: #f2f1f1;
5
- --en-color-neutral-90: #ebeaea;
6
- --en-color-neutral-10: #e2e2e2;
7
- --en-color-neutral-20: #cdcdcd;
8
- --en-color-neutral-30: #b3b3b3;
9
- --en-color-neutral-40: #9e9e9e;
10
- --en-color-neutral-50: #858585;
11
- --en-color-neutral-60: #696969;
12
- --en-color-neutral-70: #4e4e4e;
13
- --en-color-neutral-75: #313131;
14
- --en-color-neutral-80: #343434;
15
- --en-color-neutral-90: #1b1b1b;
16
- --en-color-black: #000;
17
- --en-color-white: #fff;
18
- --en-color-ads: #00d0aa;
19
- }
20
-
21
- :root {
22
- --en-color-blue: #0085f2;
23
- --en-color-green: #009a46;
24
- --en-color-yellow: #928700;
25
- --en-color-red: #d30038;
26
- --en-color-violet: #9b65ff;
27
- --en-color-pink: #d00058;
28
- --en-color-blue-10: #dce2f2;
29
- --en-color-blue-20: #c1cff1;
30
- --en-color-blue-30: #8cb4ff;
31
- --en-color-blue-40: #5e9eff;
32
- --en-color-blue-50: #0085f2;
33
- --en-color-blue-60: #0069c2;
34
- --en-color-blue-70: #004d92;
35
- --en-color-blue-80: #003465;
36
- --en-color-blue-90: #001b3a;
37
- --en-color-green-10: #a9f3ba;
38
- --en-color-green-20: #73e693;
39
- --en-color-green-30: #00d061;
40
- --en-color-green-40: #00b755;
41
- --en-color-green-50: #009a46;
42
- --en-color-green-60: #007936;
43
- --en-color-green-70: #005a26;
44
- --en-color-green-80: #003d18;
45
- --en-color-green-90: #00210a;
46
- --en-color-yellow-10: #f0e498;
47
- --en-color-yellow-20: #dfd172;
48
- --en-color-yellow-30: #c7b700;
49
- --en-color-yellow-40: #afa100;
50
- --en-color-yellow-50: #938700;
51
- --en-color-yellow-60: #746a00;
52
- --en-color-yellow-70: #564e00;
53
- --en-color-yellow-80: #3a3500;
54
- --en-color-yellow-90: #1f1c00;
55
- --en-color-red-10: #ffd9dc;
56
- --en-color-red-20: #ffc0c4;
57
- --en-color-red-30: #ff97a0;
58
- --en-color-red-40: #ff707f;
59
- --en-color-red-50: #ff2a51;
60
- --en-color-red-60: #d30038;
61
- --en-color-red-70: #9e0027;
62
- --en-color-red-80: #6f0019;
63
- --en-color-red-90: #40000a;
64
- --en-color-violet-10: #e6deff;
65
- --en-color-violet-20: #d4c5ff;
66
- --en-color-violet-30: #bea5ff;
67
- --en-color-violet-40: #ae8aff;
68
- --en-color-violet-50: #9b65ff;
69
- --en-color-violet-60: #872bff;
70
- --en-color-violet-70: #6800cf;
71
- --en-color-violet-80: #480091;
72
- --en-color-violet-90: #280056;
73
- --en-color-blue: #0085f2;
74
- --en-color-green: #009a46;
75
- --en-color-yellow: #928700;
76
- --en-color-red: #d30038;
77
- --en-color-violet: #9b65ff;
78
- --en-color-pink: #d00058;
79
- --en-text-primary: var(--en-color-light-blue-30);
80
- --en-text-secondary: #4e4e4e;
81
- --en-text-invert: var(--en-primary-white);
82
- --en-text-muted: var(--en-primary-dust);
83
- --en-text-link: #0069c2;
84
- --en-text-visited: #551a8b;
85
- --en-text-hover: var(--en-primary-red);
86
- --en-text-visited: #551a8b;
87
- --en-text-active: #858585;
88
- --en-text-inactive: #9e9e9ea6;
89
- --en-background-primary: var(--en-primary-white);
90
- --en-background-tab-level-1: var(--en-primary-black);
91
- --en-background-tab-level-2: var(--en-primary-dust);
92
- --en-background-tab-transparent: #6666;
93
- --en-table-border-color: #000;
94
- --en-curriculum-shadow: 4px 4px 8px 0 #b3b3b32e, -4px 4px 8px 0 #b3b3b326;
95
- --en-curriculum-shadow-landing-about-ul: 0 4px 10px 0 #e3642a0f, 0 -2px 4px 0 #b25c350f;
96
- --en-box-shadow: 1px 1px 12px #6666;
97
- --en-box-shadow-primary: 1px 1px 12px #6666;
98
- --en-box-shadow-primary-small: 1px 1px 3px #6666;
99
- --en-box-shadow-primary-large: 1px 1px 24px #6666;
100
- color-scheme: light;
101
- }
102
-
103
- @media (prefers-color-scheme: light) {
104
- :root:not(.en-light):not(.en-dark) {
105
- --en-color-blue: #0085f2;
106
- --en-color-green: #009a46;
107
- --en-color-yellow: #928700;
108
- --en-color-red: #d30038;
109
- --en-color-violet: #9b65ff;
110
- --en-color-pink: #d00058;
111
- --en-color-blue-10: #dce2f2;
112
- --en-color-blue-20: #c1cff1;
113
- --en-color-blue-30: #8cb4ff;
114
- --en-color-blue-40: #5e9eff;
115
- --en-color-blue-50: #0085f2;
116
- --en-color-blue-60: #0069c2;
117
- --en-color-blue-70: #004d92;
118
- --en-color-blue-80: #003465;
119
- --en-color-blue-90: #001b3a;
120
- --en-color-green-10: #a9f3ba;
121
- --en-color-green-20: #73e693;
122
- --en-color-green-30: #00d061;
123
- --en-color-green-40: #00b755;
124
- --en-color-green-50: #009a46;
125
- --en-color-green-60: #007936;
126
- --en-color-green-70: #005a26;
127
- --en-color-green-80: #003d18;
128
- --en-color-green-90: #00210a;
129
- --en-color-yellow-10: #f0e498;
130
- --en-color-yellow-20: #dfd172;
131
- --en-color-yellow-30: #c7b700;
132
- --en-color-yellow-40: #afa100;
133
- --en-color-yellow-50: #938700;
134
- --en-color-yellow-60: #746a00;
135
- --en-color-yellow-70: #564e00;
136
- --en-color-yellow-80: #3a3500;
137
- --en-color-yellow-90: #1f1c00;
138
- --en-color-red-10: #ffd9dc;
139
- --en-color-red-20: #ffc0c4;
140
- --en-color-red-30: #ff97a0;
141
- --en-color-red-40: #ff707f;
142
- --en-color-red-50: #ff2a51;
143
- --en-color-red-60: #d30038;
144
- --en-color-red-70: #9e0027;
145
- --en-color-red-80: #6f0019;
146
- --en-color-red-90: #40000a;
147
- --en-color-violet-10: #e6deff;
148
- --en-color-violet-20: #d4c5ff;
149
- --en-color-violet-30: #bea5ff;
150
- --en-color-violet-40: #ae8aff;
151
- --en-color-violet-50: #9b65ff;
152
- --en-color-violet-60: #872bff;
153
- --en-color-violet-70: #6800cf;
154
- --en-color-violet-80: #480091;
155
- --en-color-violet-90: #280056;
156
- --en-color-blue: #0085f2;
157
- --en-color-green: #009a46;
158
- --en-color-yellow: #928700;
159
- --en-color-red: #d30038;
160
- --en-color-violet: #9b65ff;
161
- --en-color-pink: #d00058;
162
- --en-text-primary: var(--en-color-light-blue-30);
163
- --en-text-secondary: #4e4e4e;
164
- --en-text-invert: var(--en-primary-white);
165
- --en-text-muted: var(--en-primary-dust);
166
- --en-text-link: #0069c2;
167
- --en-text-visited: #551a8b;
168
- --en-text-hover: var(--en-primary-red);
169
- --en-text-visited: #551a8b;
170
- --en-text-active: #858585;
171
- --en-text-inactive: #9e9e9ea6;
172
- --en-background-primary: var(--en-primary-white);
173
- --en-background-tab-level-1: var(--en-primary-black);
174
- --en-background-tab-level-2: var(--en-primary-dust);
175
- --en-background-tab-transparent: #6666;
176
- --en-table-border-color: #000;
177
- --en-curriculum-shadow: 4px 4px 8px 0 #b3b3b32e, -4px 4px 8px 0 #b3b3b326;
178
- --en-curriculum-shadow-landing-about-ul: 0 4px 10px 0 #e3642a0f, 0 -2px 4px 0 #b25c350f;
179
- --en-box-shadow: 1px 1px 12px #6666;
180
- --en-box-shadow-primary: 1px 1px 12px #6666;
181
- --en-box-shadow-primary-small: 1px 1px 3px #6666;
182
- --en-box-shadow-primary-large: 1px 1px 24px #6666;
183
- color-scheme: light;
184
- }
185
- }
186
- @media (prefers-color-scheme: dark) {
187
- :root:not(.en-light):not(.en-dark) {
188
- --en-color-blue: #0085f2;
189
- --en-color-green: #009a46;
190
- --en-color-yellow: #928700;
191
- --en-color-red: #d30038;
192
- --en-color-violet: #9b65ff;
193
- --en-color-pink: #d00058;
194
- --en-color-blue-10: #dce2f2;
195
- --en-color-blue-20: #c1cff1;
196
- --en-color-blue-30: #8cb4ff;
197
- --en-color-blue-40: #5e9eff;
198
- --en-color-blue-50: #0085f2;
199
- --en-color-blue-60: #0069c2;
200
- --en-color-blue-70: #004d92;
201
- --en-color-blue-80: #003465;
202
- --en-color-blue-90: #001b3a;
203
- --en-color-green-10: #a9f3ba;
204
- --en-color-green-20: #73e693;
205
- --en-color-green-30: #00d061;
206
- --en-color-green-40: #00b755;
207
- --en-color-green-50: #009a46;
208
- --en-color-green-60: #007936;
209
- --en-color-green-70: #005a26;
210
- --en-color-green-80: #003d18;
211
- --en-color-green-90: #00210a;
212
- --en-color-yellow-10: #f0e498;
213
- --en-color-yellow-20: #dfd172;
214
- --en-color-yellow-30: #c7b700;
215
- --en-color-yellow-40: #afa100;
216
- --en-color-yellow-50: #938700;
217
- --en-color-yellow-60: #746a00;
218
- --en-color-yellow-70: #564e00;
219
- --en-color-yellow-80: #3a3500;
220
- --en-color-yellow-90: #1f1c00;
221
- --en-color-red-10: #ffd9dc;
222
- --en-color-red-20: #ffc0c4;
223
- --en-color-red-30: #ff97a0;
224
- --en-color-red-40: #ff707f;
225
- --en-color-red-50: #ff2a51;
226
- --en-color-red-60: #d30038;
227
- --en-color-red-70: #9e0027;
228
- --en-color-red-80: #6f0019;
229
- --en-color-red-90: #40000a;
230
- --en-color-violet-10: #e6deff;
231
- --en-color-violet-20: #d4c5ff;
232
- --en-color-violet-30: #bea5ff;
233
- --en-color-violet-40: #ae8aff;
234
- --en-color-violet-50: #9b65ff;
235
- --en-color-violet-60: #872bff;
236
- --en-color-violet-70: #6800cf;
237
- --en-color-violet-80: #480091;
238
- --en-color-violet-90: #280056;
239
- --en-color-blue: #0085f2;
240
- --en-color-green: #009a46;
241
- --en-color-yellow: #928700;
242
- --en-color-red: #d30038;
243
- --en-color-violet: #9b65ff;
244
- --en-color-pink: #d00058;
245
- --en-text-primary: #fff;
246
- --en-text-secondary: #cdcdcd;
247
- --en-text-invert: var(--en-primary-black);
248
- --en-text-muted: var(--en-primary-dust);
249
- --en-text-link: #8cb4ff;
250
- --en-text-visited: #ffadff;
251
- --en-text-hover: var(--en-primary-red);
252
- --en-text-active: #858585;
253
- --en-text-inactive: #cdcdcda6;
254
- --en-background-primary: var(--en-primary-black);
255
- --en-background-tab-level-1: #666666;
256
- --en-background-tab-level-2: var(--en-primary-dust);
257
- --en-background-tab-transparent: #6666;
258
- --en-table-border-color: #ff3663;
259
- --en-box-shadow: 1px 1px 12px #6666;
260
- --en-box-shadow-primary: 1px 1px 12px #6666;
261
- --en-box-shadow-primary-small: 1px 1px 3px #6666;
262
- --en-box-shadow-primary-large: 1px 1px 24px #6666;
263
- color-scheme: dark;
264
- }
265
- }
266
- .en-light {
267
- --en-color-blue: #0085f2;
268
- --en-color-green: #009a46;
269
- --en-color-yellow: #928700;
270
- --en-color-red: #d30038;
271
- --en-color-violet: #9b65ff;
272
- --en-color-pink: #d00058;
273
- --en-color-blue-10: #dce2f2;
274
- --en-color-blue-20: #c1cff1;
275
- --en-color-blue-30: #8cb4ff;
276
- --en-color-blue-40: #5e9eff;
277
- --en-color-blue-50: #0085f2;
278
- --en-color-blue-60: #0069c2;
279
- --en-color-blue-70: #004d92;
280
- --en-color-blue-80: #003465;
281
- --en-color-blue-90: #001b3a;
282
- --en-color-green-10: #a9f3ba;
283
- --en-color-green-20: #73e693;
284
- --en-color-green-30: #00d061;
285
- --en-color-green-40: #00b755;
286
- --en-color-green-50: #009a46;
287
- --en-color-green-60: #007936;
288
- --en-color-green-70: #005a26;
289
- --en-color-green-80: #003d18;
290
- --en-color-green-90: #00210a;
291
- --en-color-yellow-10: #f0e498;
292
- --en-color-yellow-20: #dfd172;
293
- --en-color-yellow-30: #c7b700;
294
- --en-color-yellow-40: #afa100;
295
- --en-color-yellow-50: #938700;
296
- --en-color-yellow-60: #746a00;
297
- --en-color-yellow-70: #564e00;
298
- --en-color-yellow-80: #3a3500;
299
- --en-color-yellow-90: #1f1c00;
300
- --en-color-red-10: #ffd9dc;
301
- --en-color-red-20: #ffc0c4;
302
- --en-color-red-30: #ff97a0;
303
- --en-color-red-40: #ff707f;
304
- --en-color-red-50: #ff2a51;
305
- --en-color-red-60: #d30038;
306
- --en-color-red-70: #9e0027;
307
- --en-color-red-80: #6f0019;
308
- --en-color-red-90: #40000a;
309
- --en-color-violet-10: #e6deff;
310
- --en-color-violet-20: #d4c5ff;
311
- --en-color-violet-30: #bea5ff;
312
- --en-color-violet-40: #ae8aff;
313
- --en-color-violet-50: #9b65ff;
314
- --en-color-violet-60: #872bff;
315
- --en-color-violet-70: #6800cf;
316
- --en-color-violet-80: #480091;
317
- --en-color-violet-90: #280056;
318
- --en-color-blue: #0085f2;
319
- --en-color-green: #009a46;
320
- --en-color-yellow: #928700;
321
- --en-color-red: #d30038;
322
- --en-color-violet: #9b65ff;
323
- --en-color-pink: #d00058;
324
- --en-text-primary: var(--en-color-light-blue-30);
325
- --en-text-secondary: #4e4e4e;
326
- --en-text-invert: var(--en-primary-white);
327
- --en-text-muted: var(--en-primary-dust);
328
- --en-text-link: #0069c2;
329
- --en-text-visited: #551a8b;
330
- --en-text-hover: var(--en-primary-red);
331
- --en-text-visited: #551a8b;
332
- --en-text-active: #858585;
333
- --en-text-inactive: #9e9e9ea6;
334
- --en-background-primary: var(--en-primary-white);
335
- --en-background-tab-level-1: var(--en-primary-black);
336
- --en-background-tab-level-2: var(--en-primary-dust);
337
- --en-background-tab-transparent: #6666;
338
- --en-table-border-color: #000;
339
- --en-curriculum-shadow: 4px 4px 8px 0 #b3b3b32e, -4px 4px 8px 0 #b3b3b326;
340
- --en-curriculum-shadow-landing-about-ul: 0 4px 10px 0 #e3642a0f, 0 -2px 4px 0 #b25c350f;
341
- --en-box-shadow: 1px 1px 12px #6666;
342
- --en-box-shadow-primary: 1px 1px 12px #6666;
343
- --en-box-shadow-primary-small: 1px 1px 3px #6666;
344
- --en-box-shadow-primary-large: 1px 1px 24px #6666;
345
- color-scheme: light;
346
- }
347
-
348
- .en-dark {
349
- --en-color-blue: #0085f2;
350
- --en-color-green: #009a46;
351
- --en-color-yellow: #928700;
352
- --en-color-red: #d30038;
353
- --en-color-violet: #9b65ff;
354
- --en-color-pink: #d00058;
355
- --en-color-blue-10: #dce2f2;
356
- --en-color-blue-20: #c1cff1;
357
- --en-color-blue-30: #8cb4ff;
358
- --en-color-blue-40: #5e9eff;
359
- --en-color-blue-50: #0085f2;
360
- --en-color-blue-60: #0069c2;
361
- --en-color-blue-70: #004d92;
362
- --en-color-blue-80: #003465;
363
- --en-color-blue-90: #001b3a;
364
- --en-color-green-10: #a9f3ba;
365
- --en-color-green-20: #73e693;
366
- --en-color-green-30: #00d061;
367
- --en-color-green-40: #00b755;
368
- --en-color-green-50: #009a46;
369
- --en-color-green-60: #007936;
370
- --en-color-green-70: #005a26;
371
- --en-color-green-80: #003d18;
372
- --en-color-green-90: #00210a;
373
- --en-color-yellow-10: #f0e498;
374
- --en-color-yellow-20: #dfd172;
375
- --en-color-yellow-30: #c7b700;
376
- --en-color-yellow-40: #afa100;
377
- --en-color-yellow-50: #938700;
378
- --en-color-yellow-60: #746a00;
379
- --en-color-yellow-70: #564e00;
380
- --en-color-yellow-80: #3a3500;
381
- --en-color-yellow-90: #1f1c00;
382
- --en-color-red-10: #ffd9dc;
383
- --en-color-red-20: #ffc0c4;
384
- --en-color-red-30: #ff97a0;
385
- --en-color-red-40: #ff707f;
386
- --en-color-red-50: #ff2a51;
387
- --en-color-red-60: #d30038;
388
- --en-color-red-70: #9e0027;
389
- --en-color-red-80: #6f0019;
390
- --en-color-red-90: #40000a;
391
- --en-color-violet-10: #e6deff;
392
- --en-color-violet-20: #d4c5ff;
393
- --en-color-violet-30: #bea5ff;
394
- --en-color-violet-40: #ae8aff;
395
- --en-color-violet-50: #9b65ff;
396
- --en-color-violet-60: #872bff;
397
- --en-color-violet-70: #6800cf;
398
- --en-color-violet-80: #480091;
399
- --en-color-violet-90: #280056;
400
- --en-color-blue: #0085f2;
401
- --en-color-green: #009a46;
402
- --en-color-yellow: #928700;
403
- --en-color-red: #d30038;
404
- --en-color-violet: #9b65ff;
405
- --en-color-pink: #d00058;
406
- --en-text-primary: #fff;
407
- --en-text-secondary: #cdcdcd;
408
- --en-text-invert: var(--en-primary-black);
409
- --en-text-muted: var(--en-primary-dust);
410
- --en-text-link: #8cb4ff;
411
- --en-text-visited: #ffadff;
412
- --en-text-hover: var(--en-primary-red);
413
- --en-text-active: #858585;
414
- --en-text-inactive: #cdcdcda6;
415
- --en-background-primary: var(--en-primary-black);
416
- --en-background-tab-level-1: #666666;
417
- --en-background-tab-level-2: var(--en-primary-dust);
418
- --en-background-tab-transparent: #6666;
419
- --en-table-border-color: #ff3663;
420
- --en-box-shadow: 1px 1px 12px #6666;
421
- --en-box-shadow-primary: 1px 1px 12px #6666;
422
- --en-box-shadow-primary-small: 1px 1px 3px #6666;
423
- --en-box-shadow-primary-large: 1px 1px 24px #6666;
424
- color-scheme: dark;
425
- }
426
-
427
- .en-full-container {
428
- width: 100%;
429
- height: 100%;
430
- }
431
-
432
- .en-padding-horizontal-4 {
433
- padding-left: 4px;
434
- padding-right: 4px;
435
- }
436
-
437
- .en-padding-vertical-4 {
438
- padding-top: 4px;
439
- padding-bottom: 4px;
440
- }
441
-
442
- .en-padding-4 {
443
- padding: 4px;
444
- }
445
-
446
- .en-margin-horizontal-4 {
447
- margin-left: 4px;
448
- margin-right: 4px;
449
- }
450
-
451
- .en-margin-vertical-4 {
452
- margin-top: 4px;
453
- margin-bottom: 4px;
454
- }
455
-
456
- .en-margin-4 {
457
- margin: 4px;
458
- }
459
-
460
- .en-border-radius-4 {
461
- border-radius: 4px;
462
- }
463
-
464
- .en-padding-horizontal-8 {
465
- padding-left: 8px;
466
- padding-right: 8px;
467
- }
468
-
469
- .en-padding-vertical-8 {
470
- padding-top: 8px;
471
- padding-bottom: 8px;
472
- }
473
-
474
- .en-padding-8 {
475
- padding: 8px;
476
- }
477
-
478
- .en-margin-horizontal-8 {
479
- margin-left: 8px;
480
- margin-right: 8px;
481
- }
482
-
483
- .en-margin-vertical-8 {
484
- margin-top: 8px;
485
- margin-bottom: 8px;
486
- }
487
-
488
- .en-margin-8 {
489
- margin: 8px;
490
- }
491
-
492
- .en-border-radius-8 {
493
- border-radius: 8px;
494
- }
495
-
496
- .en-padding-horizontal-12 {
497
- padding-left: 12px;
498
- padding-right: 12px;
499
- }
500
-
501
- .en-padding-vertical-12 {
502
- padding-top: 12px;
503
- padding-bottom: 12px;
504
- }
505
-
506
- .en-padding-12 {
507
- padding: 12px;
508
- }
509
-
510
- .en-margin-horizontal-12 {
511
- margin-left: 12px;
512
- margin-right: 12px;
513
- }
514
-
515
- .en-margin-vertical-12 {
516
- margin-top: 12px;
517
- margin-bottom: 12px;
518
- }
519
-
520
- .en-margin-12 {
521
- margin: 12px;
522
- }
523
-
524
- .en-border-radius-12 {
525
- border-radius: 12px;
526
- }
527
-
528
- .en-padding-horizontal-16 {
529
- padding-left: 16px;
530
- padding-right: 16px;
531
- }
532
-
533
- .en-padding-vertical-16 {
534
- padding-top: 16px;
535
- padding-bottom: 16px;
536
- }
537
-
538
- .en-padding-16 {
539
- padding: 16px;
540
- }
541
-
542
- .en-margin-horizontal-16 {
543
- margin-left: 16px;
544
- margin-right: 16px;
545
- }
546
-
547
- .en-margin-vertical-16 {
548
- margin-top: 16px;
549
- margin-bottom: 16px;
550
- }
551
-
552
- .en-margin-16 {
553
- margin: 16px;
554
- }
555
-
556
- .en-border-radius-16 {
557
- border-radius: 16px;
558
- }
559
-
560
- .en-padding-horizontal-20 {
561
- padding-left: 20px;
562
- padding-right: 20px;
563
- }
564
-
565
- .en-padding-vertical-20 {
566
- padding-top: 20px;
567
- padding-bottom: 20px;
568
- }
569
-
570
- .en-padding-20 {
571
- padding: 20px;
572
- }
573
-
574
- .en-margin-horizontal-20 {
575
- margin-left: 20px;
576
- margin-right: 20px;
577
- }
578
-
579
- .en-margin-vertical-20 {
580
- margin-top: 20px;
581
- margin-bottom: 20px;
582
- }
583
-
584
- .en-margin-20 {
585
- margin: 20px;
586
- }
587
-
588
- .en-border-radius-20 {
589
- border-radius: 20px;
590
- }
591
-
592
- .en-padding-horizontal-24 {
593
- padding-left: 24px;
594
- padding-right: 24px;
595
- }
596
-
597
- .en-padding-vertical-24 {
598
- padding-top: 24px;
599
- padding-bottom: 24px;
600
- }
601
-
602
- .en-padding-24 {
603
- padding: 24px;
604
- }
605
-
606
- .en-margin-horizontal-24 {
607
- margin-left: 24px;
608
- margin-right: 24px;
609
- }
610
-
611
- .en-margin-vertical-24 {
612
- margin-top: 24px;
613
- margin-bottom: 24px;
614
- }
615
-
616
- .en-margin-24 {
617
- margin: 24px;
618
- }
619
-
620
- .en-border-radius-24 {
621
- border-radius: 24px;
622
- }
623
-
624
- .en-padding-horizontal-28 {
625
- padding-left: 28px;
626
- padding-right: 28px;
627
- }
628
-
629
- .en-padding-vertical-28 {
630
- padding-top: 28px;
631
- padding-bottom: 28px;
632
- }
633
-
634
- .en-padding-28 {
635
- padding: 28px;
636
- }
637
-
638
- .en-margin-horizontal-28 {
639
- margin-left: 28px;
640
- margin-right: 28px;
641
- }
642
-
643
- .en-margin-vertical-28 {
644
- margin-top: 28px;
645
- margin-bottom: 28px;
646
- }
647
-
648
- .en-margin-28 {
649
- margin: 28px;
650
- }
651
-
652
- .en-border-radius-28 {
653
- border-radius: 28px;
654
- }
655
-
656
- .en-padding-horizontal-32 {
657
- padding-left: 32px;
658
- padding-right: 32px;
659
- }
660
-
661
- .en-padding-vertical-32 {
662
- padding-top: 32px;
663
- padding-bottom: 32px;
664
- }
665
-
666
- .en-padding-32 {
667
- padding: 32px;
668
- }
669
-
670
- .en-margin-horizontal-32 {
671
- margin-left: 32px;
672
- margin-right: 32px;
673
- }
674
-
675
- .en-margin-vertical-32 {
676
- margin-top: 32px;
677
- margin-bottom: 32px;
678
- }
679
-
680
- .en-margin-32 {
681
- margin: 32px;
682
- }
683
-
684
- .en-border-radius-32 {
685
- border-radius: 32px;
686
- }
687
-
688
- .en-padding-horizontal-36 {
689
- padding-left: 36px;
690
- padding-right: 36px;
691
- }
692
-
693
- .en-padding-vertical-36 {
694
- padding-top: 36px;
695
- padding-bottom: 36px;
696
- }
697
-
698
- .en-padding-36 {
699
- padding: 36px;
700
- }
701
-
702
- .en-margin-horizontal-36 {
703
- margin-left: 36px;
704
- margin-right: 36px;
705
- }
706
-
707
- .en-margin-vertical-36 {
708
- margin-top: 36px;
709
- margin-bottom: 36px;
710
- }
711
-
712
- .en-margin-36 {
713
- margin: 36px;
714
- }
715
-
716
- .en-border-radius-36 {
717
- border-radius: 36px;
718
- }
719
-
720
- .en-padding-horizontal-40 {
721
- padding-left: 40px;
722
- padding-right: 40px;
723
- }
724
-
725
- .en-padding-vertical-40 {
726
- padding-top: 40px;
727
- padding-bottom: 40px;
728
- }
729
-
730
- .en-padding-40 {
731
- padding: 40px;
732
- }
733
-
734
- .en-margin-horizontal-40 {
735
- margin-left: 40px;
736
- margin-right: 40px;
737
- }
738
-
739
- .en-margin-vertical-40 {
740
- margin-top: 40px;
741
- margin-bottom: 40px;
742
- }
743
-
744
- .en-margin-40 {
745
- margin: 40px;
746
- }
747
-
748
- .en-border-radius-40 {
749
- border-radius: 40px;
750
- }
751
-
752
- .en-inline-block {
753
- display: inline-block;
754
- }
755
-
756
- .en-relative {
757
- position: relative;
758
- }
759
-
760
- .en-flex,
761
- .en-flex-row,
762
- .en-flex-column,
763
- .en-flex-row-reverse,
764
- .en-flex-column-reverse {
765
- display: flex;
766
- flex-wrap: nowrap;
767
- }
768
-
769
- .en-flex,
770
- .en-flex-row {
771
- flex-direction: row;
772
- }
773
-
774
- .en-flex-row-reverse {
775
- flex-direction: row-reverse;
776
- }
777
-
778
- .en-flex-column {
779
- flex-direction: column;
780
- }
781
-
782
- .en-flex-column {
783
- flex-direction: column-reverse;
784
- }
785
-
786
- .en-flex-wrap {
787
- flex-wrap: wrap;
788
- }
789
-
790
- .en-flex-nowrap {
791
- flex-wrap: nowrap;
792
- }
793
-
794
- .en-flex-warp-reverse {
795
- flex-wrap: wrap-reverse;
796
- }
797
-
798
- .en-center {
799
- position: absolute;
800
- left: 50%;
801
- top: 50%;
802
- transform: translate(-50%, -50%);
803
- }
804
-
805
- .en-dust {
806
- color: var(--primary-dust);
807
- }
808
-
809
- /** 文本显示一行,超出点点点 */
810
- .en-text-in-one-line {
811
- white-space: nowrap;
812
- text-overflow: ellipsis;
813
- overflow: hidden;
814
- word-break: break-all;
815
- }
816
-
817
- .en-text-in-one-line-hide {
818
- white-space: nowrap;
819
- text-overflow: clip;
820
- overflow: hidden;
821
- word-break: break-all;
822
- }
823
-
824
- /** 文本显示两行,超出点点点 */
825
- .en-text-in-two-line {
826
- overflow: hidden;
827
- text-overflow: ellipsis;
828
- display: -webkit-box;
829
- -webkit-line-clamp: 2;
830
- line-clamp: 2;
831
- -webkit-box-orient: vertical;
832
- }
833
-
834
- /* 彩色字 */
835
- .en-color-text {
836
- color: transparent;
837
- background-image: linear-gradient(45deg, #ff0, #0f0, #f00, #0ff, #00f, #f0f, #ff0);
838
- background-position: 0% 0%;
839
- background-size: 400% 200%;
840
- background-clip: text;
841
- animation: 6s ease-in 0s infinite colorText alternate;
842
- }
843
-
844
- .en-red-bg {
845
- background-color: #f12;
846
- }
847
-
848
- .en-float-left {
849
- float: left;
850
- }
851
-
852
- .en-float-right,
853
- .en-float {
854
- float: right;
855
- }
856
-
857
- .en-clear-float,
858
- .en-clear {
859
- clear: both;
860
- }
861
-
862
- .en-loading {
863
- position: relative;
864
- width: 100%;
865
- height: 100%;
866
- background-color: transparent;
867
- background-image: radial-gradient(#f00, #f00 50%, transparent 50%, transparent), radial-gradient(#af1, #af1 50%, transparent 50%, transparent), radial-gradient(#0ff, #0ff 50%, transparent 50%, transparent), radial-gradient(#f0f, #f0f 50%, transparent 50%, transparent);
868
- background-repeat: no-repeat;
869
- animation: 2.4s ease-in-out 0s infinite loading;
870
- }
871
-
872
- .en-text-center {
873
- text-align: center;
874
- }
875
-
876
- .en-text-right {
877
- text-align: end;
878
- }
879
-
880
- .en-text-small {
881
- font-size: 0.6rem;
882
- }
883
-
884
- .en-user-select-text {
885
- -khtml-user-select: text;
886
- -moz-user-select: text;
887
- -ms-user-select: text;
888
- user-select: text;
889
- }
890
-
891
- .en-cursor-pointer {
892
- cursor: pointer;
893
- }
894
-
895
- @keyframes loading {
896
- 100%, 0% {
897
- background-size: 10% 10%, 10% 10%, 10% 10%, 10% 10%;
898
- background-position: 25% 45%, 41.7% 45%, 58.3% 45%, 75% 45%;
899
- }
900
- 20%, 80% {
901
- background-size: 2.5% 2.5%;
902
- background-position: 25% 45%;
903
- }
904
- 22% {
905
- background-size: 3.75% 3.75%, 2.5% 2.5%, 2.5% 2.5%, 2.5% 2.5%;
906
- background-position: 25.85% 38.53%, 25% 45%, 25% 45%, 25% 45%;
907
- }
908
- 24% {
909
- background-size: 5% 5%, 2.5% 2.5%, 2.5% 2.5%, 2.5% 2.5%;
910
- background-position: 28.35% 32.5%, 25% 45%, 25% 45%, 25% 45%;
911
- }
912
- 26% {
913
- background-size: 6.25% 6.25%, 2.5% 2.5%, 2.5% 2.5%, 2.5% 2.5%;
914
- background-position: 32.32% 27.32%, 25% 45%, 25% 45%, 25% 45%;
915
- }
916
- 28% {
917
- background-size: 7.5% 7.5%, 3.75% 3.75%, 2.5% 2.5%, 2.5% 2.5%;
918
- background-position: 37.5% 23.35%, 25.85% 38.53%, 25% 45%, 25% 45%;
919
- }
920
- 30% {
921
- background-size: 8.75% 8.75%, 5% 5%, 2.5% 2.5%, 2.5% 2.5%;
922
- background-position: 43.53% 20.85%, 28.35% 32.5%, 25% 45%, 25% 45%;
923
- }
924
- 32% {
925
- background-size: 10% 10%, 6.25% 6.25%, 3.75% 3.75%, 2.5% 2.5%;
926
- background-position: 50% 20%, 32.32% 27.32%, 25.85% 38.53%, 25% 45%;
927
- }
928
- 34% {
929
- background-size: 10% 10%, 7.5% 7.5%, 5% 5%, 2.5% 2.5%;
930
- background-position: 56.47% 20.85%, 37.32% 23.35%, 28.35% 32.5%, 25.85% 38.53%;
931
- }
932
- 36% {
933
- background-position: 62.4999992265% 23.3493644588%, 43.5295233332% 20.8518544873%, 32.3223302335% 27.3223307072%, 25.8518543139% 38.5295239803%;
934
- }
935
- 38% {
936
- background-position: 67.6776688192% 27.3223297598%, 49.9999993301% 20%, 37.4999996132% 23.3493651287%, 28.3493647937% 32.5000001934%;
937
- }
938
- 40% {
939
- background-position: 71.6506345364% 32.4999990331%, 56.4704753727% 20.8518541405%, 43.5295233332% 20.8518544873%, 32.3223302335% 27.3223307072%;
940
- }
941
- 42% {
942
- background-position: 74.1481453394% 38.5295226862%, 62.4999992265% 23.3493644588%, 49.9999993301% 20%, 37.4999996132% 23.3493651287%;
943
- }
944
- 44% {
945
- background-position: 75% 44.9999986603%, 67.6776688192% 27.3223297598%, 56.4704753727% 20.8518541405%, 43.5295233332% 20.8518544873%;
946
- }
947
- 46% {
948
- background-position: 74.1481460329% 51.4704747256%, 71.6506345364% 32.4999990331%, 62.4999992265% 23.3493644588%, 49.9999993301% 20%;
949
- }
950
- 48% {
951
- background-position: 71.6506358761% 57.4999986464%, 74.1481453394% 38.5295226862%, 67.6776688192% 27.3223297598%, 56.4704753727% 20.8518541405%;
952
- }
953
- 50% {
954
- background-position: 67.6776707138% 62.6776683455%, 75% 44.9999986603%, 71.6506345364% 32.4999990331%, 62.4999992265% 23.3493644588%;
955
- }
956
- 52% {
957
- background-position: 62.500001547% 66.6506342014%, 74.1481460329% 51.4704747256%, 74.1481453394% 38.5295226862%, 67.6776688192% 27.3223297598%;
958
- }
959
- 54% {
960
- background-position: 56.4704779609% 69.148145166%, 71.6506358761% 57.4999986464%, 75% 44.9999986603%, 71.6506345364% 32.4999990331%;
961
- }
962
- 56% {
963
- background-position: 50.0000020096% 70%, 67.6776707138% 62.6776683455%, 74.1481460329% 51.4704747256%, 74.1481453394% 38.5295226862%;
964
- }
965
- 58% {
966
- background-position: 43.5295259214% 69.1481462062%, 62.500001547% 66.6506342014%, 71.6506358761% 57.4999986464%, 75% 44.9999986603%;
967
- }
968
- 60% {
969
- background-position: 37.5000019338% 66.6506362111%, 56.4704779609% 69.148145166%, 67.6776707138% 62.6776683455%, 74.1481460329% 51.4704747256%;
970
- }
971
- 62% {
972
- background-position: 32.3223321282% 62.6776711875%, 50.0000020096% 70%, 62.500001547% 66.6506342014%, 71.6506358761% 57.4999986464%;
973
- }
974
- 64% {
975
- background-position: 28.3493661335% 57.5000021271%, 43.5295259214% 69.1481462062%, 56.4704779609% 69.148145166%, 67.6776707138% 62.6776683455%;
976
- }
977
- 66% {
978
- background-position: 25.8518550074% 51.4704786079%, 37.5000019338% 66.6506362111%, 50.0000020096% 70%, 62.500001547% 66.6506342014%;
979
- }
980
- 68% {
981
- background-size: 10% 10%, 7.5% 7.5%, 5% 5%, 2.5% 2.5%;
982
- background-position: 25% 45%, 28.35% 57.45%, 37.45% 66.65%, 48% 70%;
983
- }
984
- 70% {
985
- background-size: 8.75% 8.75%, 7.5% 7.5%, 5% 5%, 2.5% 2.5%;
986
- background-position: 25% 45%, 25.85% 51.47%, 32.32% 62.68%, 43.53% 69.15%;
987
- }
988
- 72% {
989
- background-size: 7.5% 7.5%, 7.5% 7.5%, 5% 5%, 2.5% 2.5%;
990
- background-position: 25% 45%, 25% 45%, 28.35% 57.45%, 37.45% 66.65%;
991
- }
992
- 74% {
993
- background-size: 6.25% 6.25%, 6.25% 6.25%, 5% 5%, 2.5% 2.5%;
994
- background-position: 25% 45%, 25% 45%, 25.85% 51.47%, 32.32% 62.68%;
995
- }
996
- 76% {
997
- background-size: 5% 5%, 5% 5%, 5% 5%, 2.5% 2.5%;
998
- background-position: 25% 45%, 25% 45%, 25% 45%, 28.35% 57.45%;
999
- }
1000
- 78% {
1001
- background-size: 3.75% 3.75%, 3.75% 3.75%, 3.75% 3.75%, 2.5% 2.5%;
1002
- background-position: 25% 45%, 25% 45%, 25% 45%, 25.85% 51.47%;
1003
- }
1004
- }
1005
- @keyframes colorText {
1006
- 0% {
1007
- background-position: 400% 0%;
1008
- }
1009
- 100% {
1010
- background-position: 0% 0%;
1011
- }
1012
- }
1
+ :root{--en-color-darkness-10: #fefefe;--en-color-darkness-10-rgb: 251, 251, 251;--en-color-darkness-15: #efefef;--en-color-darkness-15-rgb: 235, 235, 235;--en-color-darkness-20: #e0e0e0;--en-color-darkness-20-rgb: 219, 219, 219;--en-color-darkness-25: #d3d3d3;--en-color-darkness-25-rgb: 203, 203, 203;--en-color-darkness-30: #c3c3c3;--en-color-darkness-30-rgb: 188, 188, 188;--en-color-darkness-35: #b3b3b3;--en-color-darkness-35-rgb: 172, 172, 172;--en-color-darkness-40: #a3a3a3;--en-color-darkness-40-rgb: 156, 156, 156;--en-color-darkness-45: #939393;--en-color-darkness-45-rgb: 141, 141, 141;--en-color-darkness-50: #838383;--en-color-darkness-50-rgb: 125, 125, 125;--en-color-darkness-55: #737373;--en-color-darkness-55-rgb: 110, 110, 110;--en-color-darkness-60: #636363;--en-color-darkness-60-rgb: 94, 94, 94;--en-color-darkness-65: #535353;--en-color-darkness-65-rgb: 79, 79, 79;--en-color-darkness-70: #434343;--en-color-darkness-70-rgb: 64, 64, 64;--en-color-darkness-75: #333333;--en-color-darkness-75-rgb: 49, 49, 49;--en-color-darkness-80: #232323;--en-color-darkness-80-rgb: 34, 34, 34;--en-color-darkness-85: #131313;--en-color-darkness-85-rgb: 19, 19, 19;--en-color-darkness-90: #030303;--en-color-darkness-90-rgb: 3, 3, 3;--en-color-blue: #0085f2;--en-color-blue-rgb: 0, 133, 242;--en-color-cyan: #36cfc9;--en-color-cyan-rgb: 54, 207, 201;--en-color-lime: #bae637;--en-color-lime-rgb: 186, 230, 55;--en-color-green: #009a46;--en-color-green-rgb: 0, 154, 70;--en-color-yellow: #928700;--en-color-yellow-rgb: 146, 135, 0;--en-color-volcano: #ff7a45;--en-color-volcano-rgb: 255, 122, 69;--en-color-gold: #ffc53d;--en-color-gold-rgb: 255, 197, 61;--en-color-orange: #ffa940;--en-color-orange-rgb: 255, 169, 64;--en-color-red: #d30038;--en-color-red-rgb: 211, 0, 56;--en-color-violet: #9b65ff;--en-color-violet-rgb: 155, 101, 255;--en-color-pink: #d00058;--en-color-pink-rgb: 208, 0, 88;--en-color-beige: #f0f2e6;--en-color-beige-rgb: 240, 242, 230;--en-color-black: #000000;--en-color-black-rgb: 0, 0, 0;--en-color-white: #ffffff;--en-color-white-rgb: 255, 255, 255;--en-color-blue-10: #dce2f2;--en-color-blue-10-rgb: 220, 226, 242;--en-color-blue-20: #c1cff1;--en-color-blue-20-rgb: 193, 207, 241;--en-color-blue-30: #8cb4ff;--en-color-blue-30-rgb: 140, 180, 255;--en-color-blue-40: #5e9eff;--en-color-blue-40-rgb: 94, 158, 255;--en-color-blue-50: #0085f2;--en-color-blue-50-rgb: 0, 133, 242;--en-color-blue-60: #0069c2;--en-color-blue-60-rgb: 0, 105, 194;--en-color-blue-70: #004d92;--en-color-blue-70-rgb: 0, 77, 146;--en-color-blue-80: #003465;--en-color-blue-80-rgb: 0, 52, 101;--en-color-blue-90: #001b3a;--en-color-blue-90-rgb: 0, 27, 58;--en-color-volcano-10: #fff2e8;--en-color-volcano-10-rgb: 255, 242, 232;--en-color-volcano-20: #ffd8bf;--en-color-volcano-20-rgb: 255, 216, 191;--en-color-volcano-30: #ffbb96;--en-color-volcano-30-rgb: 255, 187, 150;--en-color-volcano-40: #ff9c6e;--en-color-volcano-40-rgb: 255, 156, 110;--en-color-volcano-50: #fa541c;--en-color-volcano-50-rgb: 250, 84, 28;--en-color-volcano-60: #d4380d;--en-color-volcano-60-rgb: 212, 56, 13;--en-color-volcano-70: #ad2102;--en-color-volcano-70-rgb: 173, 33, 2;--en-color-volcano-80: #871400;--en-color-volcano-80-rgb: 135, 20, 0;--en-color-volcano-90: #610b00;--en-color-volcano-90-rgb: 97, 11, 0;--en-color-orange-10: #fff7e6;--en-color-orange-10-rgb: 255, 247, 230;--en-color-orange-20: #ffe7ba;--en-color-orange-20-rgb: 255, 231, 186;--en-color-orange-30: #ffd591;--en-color-orange-30-rgb: 255, 213, 145;--en-color-orange-40: #ffc069;--en-color-orange-40-rgb: 255, 192, 105;--en-color-orange-50: #fa8c16;--en-color-orange-50-rgb: 250, 140, 22;--en-color-orange-60: #fa8c16;--en-color-orange-60-rgb: 250, 140, 22;--en-color-orange-70: #ad4e00;--en-color-orange-70-rgb: 173, 78, 0;--en-color-orange-80: #873800;--en-color-orange-80-rgb: 135, 56, 0;--en-color-orange-90: #612500;--en-color-orange-90-rgb: 97, 37, 0;--en-color-cyan-10: #e6fffb;--en-color-cyan-10-rgb: 230, 255, 251;--en-color-cyan-20: #b5f5ec;--en-color-cyan-20-rgb: 181, 245, 236;--en-color-cyan-30: #87e8de;--en-color-cyan-30-rgb: 135, 232, 222;--en-color-cyan-40: #5cdbd3;--en-color-cyan-40-rgb: 92, 219, 211;--en-color-cyan-50: #13c2c2;--en-color-cyan-50-rgb: 19, 194, 194;--en-color-cyan-60: #08979c;--en-color-cyan-60-rgb: 8, 151, 156;--en-color-cyan-70: #006d75;--en-color-cyan-70-rgb: 0, 109, 117;--en-color-cyan-80: #00474f;--en-color-cyan-80-rgb: 0, 71, 79;--en-color-cyan-90: #002329;--en-color-cyan-90-rgb: 0, 35, 41;--en-color-lime-10: #fcffe6;--en-color-lime-10-rgb: 252, 255, 230;--en-color-lime-20: #f4ffb8;--en-color-lime-20-rgb: 244, 255, 184;--en-color-lime-30: #eaff8f;--en-color-lime-30-rgb: 234, 255, 143;--en-color-lime-40: #d3f261;--en-color-lime-40-rgb: 211, 242, 97;--en-color-lime-50: #a0d911;--en-color-lime-50-rgb: 160, 217, 17;--en-color-lime-60: #7cb305;--en-color-lime-60-rgb: 124, 179, 5;--en-color-lime-70: #5b8c00;--en-color-lime-70-rgb: 91, 140, 0;--en-color-lime-80: #3f6600;--en-color-lime-80-rgb: 63, 102, 0;--en-color-lime-90: #254000;--en-color-lime-90-rgb: 37, 64, 0;--en-color-green-10: #a9f3ba;--en-color-green-10-rgb: 169, 243, 186;--en-color-green-20: #73e693;--en-color-green-20-rgb: 115, 230, 147;--en-color-green-30: #00d061;--en-color-green-30-rgb: 0, 208, 97;--en-color-green-40: #00b755;--en-color-green-40-rgb: 0, 183, 85;--en-color-green-50: #009a46;--en-color-green-50-rgb: 0, 154, 70;--en-color-green-60: #007936;--en-color-green-60-rgb: 0, 121, 54;--en-color-green-70: #005a26;--en-color-green-70-rgb: 0, 90, 38;--en-color-green-80: #003d18;--en-color-green-80-rgb: 0, 61, 24;--en-color-green-90: #00210a;--en-color-green-90-rgb: 0, 33, 10;--en-color-yellow-10: #f0e498;--en-color-yellow-10-rgb: 240, 228, 152;--en-color-yellow-20: #dfd172;--en-color-yellow-20-rgb: 223, 209, 114;--en-color-yellow-30: #c7b700;--en-color-yellow-30-rgb: 199, 183, 0;--en-color-yellow-40: #afa100;--en-color-yellow-40-rgb: 175, 161, 0;--en-color-yellow-50: #938700;--en-color-yellow-50-rgb: 147, 135, 0;--en-color-yellow-60: #746a00;--en-color-yellow-60-rgb: 116, 106, 0;--en-color-yellow-70: #564e00;--en-color-yellow-70-rgb: 86, 78, 0;--en-color-yellow-80: #3a3500;--en-color-yellow-80-rgb: 58, 53, 0;--en-color-yellow-90: #1f1c00;--en-color-yellow-90-rgb: 31, 28, 0;--en-color-gold-10: #fff7e6;--en-color-gold-10-rgb: 255, 247, 230;--en-color-gold-20: #ffe7ba;--en-color-gold-20-rgb: 255, 231, 186;--en-color-gold-30: #ffd591;--en-color-gold-30-rgb: 255, 213, 145;--en-color-gold-40: #ffc069;--en-color-gold-40-rgb: 255, 192, 105;--en-color-gold-50: #fa8c16;--en-color-gold-50-rgb: 250, 140, 22;--en-color-gold-60: #fa8c16;--en-color-gold-60-rgb: 250, 140, 22;--en-color-gold-70: #ad4e00;--en-color-gold-70-rgb: 173, 78, 0;--en-color-gold-80: #873800;--en-color-gold-80-rgb: 135, 56, 0;--en-color-gold-90: #612500;--en-color-gold-90-rgb: 97, 37, 0;--en-color-red-10: #ffd9dc;--en-color-red-10-rgb: 255, 217, 220;--en-color-red-20: #ffc0c4;--en-color-red-20-rgb: 255, 192, 196;--en-color-red-30: #ff97a0;--en-color-red-30-rgb: 255, 151, 160;--en-color-red-40: #ff707f;--en-color-red-40-rgb: 255, 112, 127;--en-color-red-50: #ff2a51;--en-color-red-50-rgb: 255, 42, 81;--en-color-red-60: #d30038;--en-color-red-60-rgb: 211, 0, 56;--en-color-red-70: #9e0027;--en-color-red-70-rgb: 158, 0, 39;--en-color-red-80: #6f0019;--en-color-red-80-rgb: 111, 0, 25;--en-color-red-90: #40000a;--en-color-red-90-rgb: 64, 0, 10;--en-color-violet-10: #e6deff;--en-color-violet-10-rgb: 230, 222, 255;--en-color-violet-20: #d4c5ff;--en-color-violet-20-rgb: 212, 197, 255;--en-color-violet-30: #bea5ff;--en-color-violet-30-rgb: 190, 165, 255;--en-color-violet-40: #ae8aff;--en-color-violet-40-rgb: 174, 138, 255;--en-color-violet-50: #9b65ff;--en-color-violet-50-rgb: 155, 101, 255;--en-color-violet-60: #872bff;--en-color-violet-60-rgb: 135, 43, 255;--en-color-violet-70: #6800cf;--en-color-violet-70-rgb: 104, 0, 207;--en-color-violet-80: #480091;--en-color-violet-80-rgb: 72, 0, 145;--en-color-violet-90: #280056;--en-color-violet-90-rgb: 40, 0, 86;--en-color-pink-10: #ffd9df;--en-color-pink-10-rgb: 255, 217, 223;--en-color-pink-20: #ffbbc8;--en-color-pink-20-rgb: 255, 187, 200;--en-color-pink-30: #ff93aa;--en-color-pink-30-rgb: 255, 147, 170;--en-color-pink-40: #ff6d91;--en-color-pink-40-rgb: 255, 109, 145;--en-color-pink-50: #ff1f72;--en-color-pink-50-rgb: 255, 31, 114;--en-color-pink-60: #d00058;--en-color-pink-60-rgb: 208, 0, 88;--en-color-pink-70: #9e0041;--en-color-pink-70-rgb: 158, 0, 65;--en-color-pink-80: #6d002b;--en-color-pink-80-rgb: 109, 0, 43;--en-color-pink-90: #3f0015;--en-color-pink-90-rgb: 63, 0, 21;--en-color-close-button: rgb(252, 71, 70);--en-color-close-button-rgb: 252, 71, 70;--en-color-mini-size-button: rgb(245, 191, 79);--en-color-mini-size-button-rgb: 245, 191, 79;--en-color-full-size-button: rgb(99, 200, 86);--en-color-full-size-button-rgb: 99, 200, 86;--en-spacing-base: 8px;--en-spacing-1: calc(var(--en-spacing-base) * 0.5);--en-spacing-2: calc(var(--en-spacing-base) * 1);--en-spacing-3: calc(var(--en-spacing-base) * 1.5);--en-spacing-4: calc(var(--en-spacing-base) * 2);--en-spacing-5: calc(var(--en-spacing-base) * 2.5);--en-spacing-6: calc(var(--en-spacing-base) * 3);--en-spacing-7: calc(var(--en-spacing-base) * 3.5);--en-spacing-8: calc(var(--en-spacing-base) * 4);--en-spacing-9: calc(var(--en-spacing-base) * 4.5);--en-spacing-10: calc(var(--en-spacing-base) * 5);--en-spacing-11: calc(var(--en-spacing-base) * 5.5);--en-spacing-12: calc(var(--en-spacing-base) * 6);--en-spacing-13: calc(var(--en-spacing-base) * 6.5);--en-spacing-14: calc(var(--en-spacing-base) * 7);--en-spacing-15: calc(var(--en-spacing-base) * 7.5);--en-spacing-16: calc(var(--en-spacing-base) * 8);--en-spacing-17: calc(var(--en-spacing-base) * 8.5);--en-spacing-18: calc(var(--en-spacing-base) * 9);--en-spacing-19: calc(var(--en-spacing-base) * 9.5);--en-spacing-20: calc(var(--en-spacing-base) * 10);--en-spacing-21: calc(var(--en-spacing-base) * 10.5);--en-spacing-22: calc(var(--en-spacing-base) * 11);--en-spacing-23: calc(var(--en-spacing-base) * 11.5);--en-spacing-24: calc(var(--en-spacing-base) * 12);--en-spacing-25: calc(var(--en-spacing-base) * 12.5);--en-spacing-26: calc(var(--en-spacing-base) * 13);--en-spacing-27: calc(var(--en-spacing-base) * 13.5);--en-spacing-28: calc(var(--en-spacing-base) * 14);--en-spacing-29: calc(var(--en-spacing-base) * 14.5);--en-spacing-30: calc(var(--en-spacing-base) * 15);--en-spacing-31: calc(var(--en-spacing-base) * 15.5);--en-spacing-32: calc(var(--en-spacing-base) * 16);--en-font-size-base: 1rem;--en-font-size-small: calc(var(--en-font-size-base) * 0.875);--en-font-size-middle: calc(var(--en-font-size-base) * 1.125);--en-font-size-large: calc(var(--en-font-size-base) * 1.5);--en-font-size-extra-large: calc(var(--en-font-size-base) * 2.25);--en-font-size-two-extra-large: calc(var(--en-font-size-base) * 3);--en-radius-small: calc(var(--en-font-size-base) * 0.25);--en-border-radius-small: var(--en-radius-small);--en-radius-middle: calc(var(--en-font-size-base) * 0.5);--en-border-radius-middle: var(--en-radius-middle);--en-radius-card: calc(var(--en-font-size-base) * 0.75);--en-border-radius-card: var(--en-radius-card);--en-radius-full: 100vmax;--en-border-radius-full: var(--en-radius-full);--en-transition-fast: 0.1s;--en-transition-medium: calc(var(--en-transition-fast) * 2);--en-transition-slow: calc(var(--en-transition-fast) * 3)}@media(prefers-color-scheme: light){:root:not([data-theme=dark]):not([data-theme=light]){--en-text-primary: var(--en-color-darkness-85);--en-text-primary-rgb: var(--en-color-darkness-85-rgb);--en-text-secondary: var(--en-color-darkness-70);--en-text-secondary-rgb: var(--en-color-darkness-70-rgb);--en-text-tertiary: var(--en-color-darkness-40);--en-text-tertiary-rgb: var(--en-color-darkness-40-rgb);--en-text-active: var(--en-color-darkness-50);--en-text-active-rgb: var(--en-color-darkness-50-rgb);--en-text-inactive: rgba(var(--en-color-darkness-40-rgb), 0.76);--en-text-inactive-rgb: var(--en-color-darkness-40-rgb);--en-text-link: var(--en-color-blue-70);--en-text-link-rgb: var(--en-color-blue-70-rgb);--en-text-invert: var(--en-color-white);--en-text-invert-rgb: var(--en-color-white-rgb);--en-text-muted: var(--en-color-darkness-65);--en-text-muted-rgb: var(--en-color-darkness-65-rgb);--en-background-primary: var(--en-color-darkness-10);--en-background-primary-rgb: var(--en-color-darkness-10-rgb);--en-background-secondary: var(--en-color-darkness-15);--en-background-secondary-rgb: var(--en-color-darkness-15-rgb);--en-background-tertiary: var(--en-color-darkness-20);--en-background-tertiary-rgb: var(--en-color-darkness-20-rgb);--en-background-weird: var(--en-color-black);--en-background-weird-rgb: var(--en-color-black-rgb);--en-border-primary: var(--en-color-darkness-10);--en-border-primary-rgb: var(--en-color-darkness-10-rgb);--en-border-secondary: var(--en-color-darkness-15);--en-border-secondary-rgb: var(--en-color-darkness-15-rgb);--en-border-success: var(--en-color-green-20);--en-border-success-rgb: var(--en-color-green-20-rgb);--en-button-primary: var(--en-color-darkness-85);--en-button-primary-rgb: var(--en-color-darkness-85-rgb);--en-button-primary-hover: var(--en-color-darkness-60);--en-button-primary-hover-rgb: var(--en-color-darkness-60-rgb);--en-button-primary-active: var(--en-color-darkness-40);--en-button-primary-active-rgb: var(--en-color-darkness-40-rgb);--en-button-primary-inactive: var(--en-color-darkness-85);--en-button-primary-inactive-rgb: var(--en-color-darkness-85-rgb);--en-button-secondary: var(--en-color-white);--en-button-secondary-rgb: var(--en-color-white-rgb);--en-button-secondary-hover: var(--en-color-darkness-20);--en-button-secondary-hover-rgb: var(--en-color-darkness-20-rgb);--en-button-secondary-active: var(--en-color-darkness-20);--en-button-secondary-active-rgb: var(--en-color-darkness-20-rgb);--en-button-secondary-inactive: var(--en-color-darkness-15);--en-button-secondary-inactive-rgb: var(--en-color-darkness-15-rgb);--en-button-secondary-border-focus: var(--en-color-blue-50);--en-button-secondary-border-focus-rgb: var(--en-color-blue-50-rgb);--en-button-secondary-border-red: var(--en-color-red-30);--en-button-secondary-border-red-rgb: var(--en-color-red-30-rgb);--en-button-secondary-border-red-focus: var(--en-color-red-10);--en-button-secondary-border-red-focus-rgb: var(--en-color-red-10-rgb);--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-darkness-80), 0.05);--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-darkness-80), 0.1);--en-input-primary-text: var(--en-text-primary);--en-input-primary-text-rgb: var(--en-text-primary-rgb);--en-input-primary-background: var(--en-background-primary);--en-input-primary-background-rgb: var(--en-background-primary-rgb);--en-input-primary-placeholder-text: var(--en-color-darkness-50);--en-input-primary-focus-visible-outline: var(--en-color-blue-60) solid 2px;--en-input-revers-text: var(--en-color-green-20);--en-input-revers-text-rgb: var(--en-color-green-20-rgb);--en-input-revers-background: var(--en-color-darkness-90);--en-input-revers-background-rgb: var(--en-color-darkness-90-rgb);--en-input-revers-placeholder-text: var(--en-color-darkness-50);--en-input-revers-focus-visible-outline: var(--en-color-green-60) solid 2px;color-scheme:light;color:var(--en-text-primary, #3a3b3f);background-color:var(--en-background-primary, #f0f2e6)}}@media(prefers-color-scheme: dark){:root:not([data-theme=dark]):not([data-theme=light]){--en-text-primary: var(--en-color-beige);--en-text-primary-rgb: var(--en-color-beige-rgb);--en-text-secondary: var(--en-color-darkness-20);--en-text-secondary-rgb: var(--en-color-darkness-20-rgb);--en-text-tertiary: var(--en-color-darkness-40);--en-text-tertiary-rgb: var(--en-color-darkness-40-rgb);--en-text-active: var(--en-color-darkness-50);--en-text-active-rgb: var(--en-color-darkness-50-rgb);--en-text-inactive: rgba(var(--en-color-darkness-20-rgb), 0.76);--en-text-inactive-rgb: var(--en-color-darkness-20-rgb);--en-text-link: var(--en-color-blue-30);--en-text-link-rgb: var(--en-color-blue-30-rgb);--en-text-invert: var(--en-color-darkness-90);--en-text-invert-rgb: var(--en-color-darkness-90-rgb);--en-text-muted: var(--en-color-darkness-60);--en-text-muted-rgb: var(--en-color-darkness-60-rgb);--en-background-primary: var(--en-color-darkness-90);--en-background-primary-rgb: var(--en-color-darkness-90-rgb);--en-background-secondary: var(--en-color-darkness-75);--en-background-secondary-rgb: var(--en-color-darkness-75-rgb);--en-background-tertiary: var(--en-color-darkness-60);--en-background-tertiary-rgb: var(--en-color-darkness-60-rgb);--en-background-weird: var(--en-color-darkness-70);--en-background-weird-rgb: var(--en-color-darkness-70-rgb);--en-border-primary: var(--en-color-darkness-50);--en-border-primary-rgb: var(--en-color-darkness-50-rgb);--en-border-secondary: var(--en-color-darkness-60);--en-border-secondary-rgb: var(--en-color-darkness-60-rgb);--en-border-success: var(--en-color-green-20);--en-border-success-rgb: var(--en-color-green-20-rgb);--en-button-primary: var(--en-color-darkness-10);--en-button-primary-rgb: var(--en-color-darkness-10-rgb);--en-button-primary-hover: var(--en-color-darkness-15);--en-button-primary-hover-rgb: var(--en-color-darkness-15-rgb);--en-button-primary-active: var(--en-color-darkness-30);--en-button-primary-active-rgb: var(--en-color-darkness-30-rgb);--en-button-primary-inactive: var(--en-color-white);--en-button-primary-inactive-rgb: var(--en-color-white-rgb);--en-button-secondary: var(--en-color-darkness-70);--en-button-secondary-rgb: var(--en-color-darkness-70-rgb);--en-button-secondary-hover: var(--en-color-darkness-50);--en-button-secondary-hover-rgb: var(--en-color-darkness-50-rgb);--en-button-secondary-active: var(--en-color-darkness-40);--en-button-secondary-active-rgb: var(--en-color-darkness-40-rgb);--en-button-secondary-inactive: var(--en-color-darkness-70);--en-button-secondary-inactive-rgb: var(--en-color-darkness-70-rgb);--en-button-secondary-border-focus: var(--en-color-blue-60);--en-button-secondary-border-focus-rgb: var(--en-color-blue-60-rgb);--en-button-secondary-border-red: var(--en-color-red-30);--en-button-secondary-border-red-rgb: var(--en-color-red-30-rgb);--en-button-secondary-border-red-focus: var(--en-color-red-10);--en-button-secondary-border-red-focus-rgb: var(--en-color-red-10-rgb);--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-darkness-10), 0.2);--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-darkness-10), 0.2);--en-close-button: var(--en-color-close-button);--en-input-primary-text: var(--en-text-primary);--en-input-primary-text-rgb: var(--en-text-primary-rgb);--en-input-primary-background: var(--en-color-darkness-80);--en-input-primary-background-rgb: var(--en-color-darkness-80-rgb);--en-input-primary-placeholder-text: var(--en-color-darkness-45);--en-input-primary-focus-visible-outline: var(--en-color-green-60) outset 1.5px;--en-input-revers-text: var(--en-color-green-30);--en-input-revers-text-rgb: var(--en-color-green-30-rgb);--en-input-revers-background: var(--en-color-darkness-80);--en-input-revers-background-rgb: var(--en-color-darkness-80-rgb);--en-input-revers-placeholder-text: var(--en-color-darkness-45);--en-input-revers-focus-visible-outline: var(--en-color-green-80) solid 2px;color-scheme:dark;color:var(--en-text-primary, #f0f2e5);background-color:var(--en-background-primary, #333333)}}.en-light,:root[data-theme=light]{--en-text-primary: var(--en-color-darkness-85);--en-text-primary-rgb: var(--en-color-darkness-85-rgb);--en-text-secondary: var(--en-color-darkness-70);--en-text-secondary-rgb: var(--en-color-darkness-70-rgb);--en-text-tertiary: var(--en-color-darkness-40);--en-text-tertiary-rgb: var(--en-color-darkness-40-rgb);--en-text-active: var(--en-color-darkness-50);--en-text-active-rgb: var(--en-color-darkness-50-rgb);--en-text-inactive: rgba(var(--en-color-darkness-40-rgb), 0.76);--en-text-inactive-rgb: var(--en-color-darkness-40-rgb);--en-text-link: var(--en-color-blue-70);--en-text-link-rgb: var(--en-color-blue-70-rgb);--en-text-invert: var(--en-color-white);--en-text-invert-rgb: var(--en-color-white-rgb);--en-text-muted: var(--en-color-darkness-65);--en-text-muted-rgb: var(--en-color-darkness-65-rgb);--en-background-primary: var(--en-color-darkness-10);--en-background-primary-rgb: var(--en-color-darkness-10-rgb);--en-background-secondary: var(--en-color-darkness-15);--en-background-secondary-rgb: var(--en-color-darkness-15-rgb);--en-background-tertiary: var(--en-color-darkness-20);--en-background-tertiary-rgb: var(--en-color-darkness-20-rgb);--en-background-weird: var(--en-color-black);--en-background-weird-rgb: var(--en-color-black-rgb);--en-border-primary: var(--en-color-darkness-10);--en-border-primary-rgb: var(--en-color-darkness-10-rgb);--en-border-secondary: var(--en-color-darkness-15);--en-border-secondary-rgb: var(--en-color-darkness-15-rgb);--en-border-success: var(--en-color-green-20);--en-border-success-rgb: var(--en-color-green-20-rgb);--en-button-primary: var(--en-color-darkness-85);--en-button-primary-rgb: var(--en-color-darkness-85-rgb);--en-button-primary-hover: var(--en-color-darkness-60);--en-button-primary-hover-rgb: var(--en-color-darkness-60-rgb);--en-button-primary-active: var(--en-color-darkness-40);--en-button-primary-active-rgb: var(--en-color-darkness-40-rgb);--en-button-primary-inactive: var(--en-color-darkness-85);--en-button-primary-inactive-rgb: var(--en-color-darkness-85-rgb);--en-button-secondary: var(--en-color-white);--en-button-secondary-rgb: var(--en-color-white-rgb);--en-button-secondary-hover: var(--en-color-darkness-20);--en-button-secondary-hover-rgb: var(--en-color-darkness-20-rgb);--en-button-secondary-active: var(--en-color-darkness-20);--en-button-secondary-active-rgb: var(--en-color-darkness-20-rgb);--en-button-secondary-inactive: var(--en-color-darkness-15);--en-button-secondary-inactive-rgb: var(--en-color-darkness-15-rgb);--en-button-secondary-border-focus: var(--en-color-blue-50);--en-button-secondary-border-focus-rgb: var(--en-color-blue-50-rgb);--en-button-secondary-border-red: var(--en-color-red-30);--en-button-secondary-border-red-rgb: var(--en-color-red-30-rgb);--en-button-secondary-border-red-focus: var(--en-color-red-10);--en-button-secondary-border-red-focus-rgb: var(--en-color-red-10-rgb);--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-darkness-80), 0.05);--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-darkness-80), 0.1);--en-input-primary-text: var(--en-text-primary);--en-input-primary-text-rgb: var(--en-text-primary-rgb);--en-input-primary-background: var(--en-background-primary);--en-input-primary-background-rgb: var(--en-background-primary-rgb);--en-input-primary-placeholder-text: var(--en-color-darkness-50);--en-input-primary-focus-visible-outline: var(--en-color-blue-60) solid 2px;--en-input-revers-text: var(--en-color-green-20);--en-input-revers-text-rgb: var(--en-color-green-20-rgb);--en-input-revers-background: var(--en-color-darkness-90);--en-input-revers-background-rgb: var(--en-color-darkness-90-rgb);--en-input-revers-placeholder-text: var(--en-color-darkness-50);--en-input-revers-focus-visible-outline: var(--en-color-green-60) solid 2px;color-scheme:light;color:var(--en-text-primary, #3a3b3f);background-color:var(--en-background-primary, #f0f2e6)}.en-dark,:root[data-theme=dark]{--en-text-primary: var(--en-color-beige);--en-text-primary-rgb: var(--en-color-beige-rgb);--en-text-secondary: var(--en-color-darkness-20);--en-text-secondary-rgb: var(--en-color-darkness-20-rgb);--en-text-tertiary: var(--en-color-darkness-40);--en-text-tertiary-rgb: var(--en-color-darkness-40-rgb);--en-text-active: var(--en-color-darkness-50);--en-text-active-rgb: var(--en-color-darkness-50-rgb);--en-text-inactive: rgba(var(--en-color-darkness-20-rgb), 0.76);--en-text-inactive-rgb: var(--en-color-darkness-20-rgb);--en-text-link: var(--en-color-blue-30);--en-text-link-rgb: var(--en-color-blue-30-rgb);--en-text-invert: var(--en-color-darkness-90);--en-text-invert-rgb: var(--en-color-darkness-90-rgb);--en-text-muted: var(--en-color-darkness-60);--en-text-muted-rgb: var(--en-color-darkness-60-rgb);--en-background-primary: var(--en-color-darkness-90);--en-background-primary-rgb: var(--en-color-darkness-90-rgb);--en-background-secondary: var(--en-color-darkness-75);--en-background-secondary-rgb: var(--en-color-darkness-75-rgb);--en-background-tertiary: var(--en-color-darkness-60);--en-background-tertiary-rgb: var(--en-color-darkness-60-rgb);--en-background-weird: var(--en-color-darkness-70);--en-background-weird-rgb: var(--en-color-darkness-70-rgb);--en-border-primary: var(--en-color-darkness-50);--en-border-primary-rgb: var(--en-color-darkness-50-rgb);--en-border-secondary: var(--en-color-darkness-60);--en-border-secondary-rgb: var(--en-color-darkness-60-rgb);--en-border-success: var(--en-color-green-20);--en-border-success-rgb: var(--en-color-green-20-rgb);--en-button-primary: var(--en-color-darkness-10);--en-button-primary-rgb: var(--en-color-darkness-10-rgb);--en-button-primary-hover: var(--en-color-darkness-15);--en-button-primary-hover-rgb: var(--en-color-darkness-15-rgb);--en-button-primary-active: var(--en-color-darkness-30);--en-button-primary-active-rgb: var(--en-color-darkness-30-rgb);--en-button-primary-inactive: var(--en-color-white);--en-button-primary-inactive-rgb: var(--en-color-white-rgb);--en-button-secondary: var(--en-color-darkness-70);--en-button-secondary-rgb: var(--en-color-darkness-70-rgb);--en-button-secondary-hover: var(--en-color-darkness-50);--en-button-secondary-hover-rgb: var(--en-color-darkness-50-rgb);--en-button-secondary-active: var(--en-color-darkness-40);--en-button-secondary-active-rgb: var(--en-color-darkness-40-rgb);--en-button-secondary-inactive: var(--en-color-darkness-70);--en-button-secondary-inactive-rgb: var(--en-color-darkness-70-rgb);--en-button-secondary-border-focus: var(--en-color-blue-60);--en-button-secondary-border-focus-rgb: var(--en-color-blue-60-rgb);--en-button-secondary-border-red: var(--en-color-red-30);--en-button-secondary-border-red-rgb: var(--en-color-red-30-rgb);--en-button-secondary-border-red-focus: var(--en-color-red-10);--en-button-secondary-border-red-focus-rgb: var(--en-color-red-10-rgb);--en-box-shadow-light: 0 1px 2px rgba(var(--en-color-darkness-10), 0.2);--en-box-shadow-dark: 0 1px 6px rgba(var(--en-color-darkness-10), 0.2);--en-close-button: var(--en-color-close-button);--en-input-primary-text: var(--en-text-primary);--en-input-primary-text-rgb: var(--en-text-primary-rgb);--en-input-primary-background: var(--en-color-darkness-80);--en-input-primary-background-rgb: var(--en-color-darkness-80-rgb);--en-input-primary-placeholder-text: var(--en-color-darkness-45);--en-input-primary-focus-visible-outline: var(--en-color-green-60) outset 1.5px;--en-input-revers-text: var(--en-color-green-30);--en-input-revers-text-rgb: var(--en-color-green-30-rgb);--en-input-revers-background: var(--en-color-darkness-80);--en-input-revers-background-rgb: var(--en-color-darkness-80-rgb);--en-input-revers-placeholder-text: var(--en-color-darkness-45);--en-input-revers-focus-visible-outline: var(--en-color-green-80) solid 2px;color-scheme:dark;color:var(--en-text-primary, #f0f2e5);background-color:var(--en-background-primary, #333333)}.en-weird-dark{background-color:var(--en-background-weird);color:var(--en-text-tertiary)}@keyframes loading{100%,0%{background-size:10% 10%,10% 10%,10% 10%,10% 10%;background-position:25% 45%,41.7% 45%,58.3% 45%,75% 45%}20%,80%{background-size:2.5% 2.5%;background-position:25% 45%}22%{background-size:3.75% 3.75%,2.5% 2.5%,2.5% 2.5%,2.5% 2.5%;background-position:25.85% 38.53%,25% 45%,25% 45%,25% 45%}24%{background-size:5% 5%,2.5% 2.5%,2.5% 2.5%,2.5% 2.5%;background-position:28.35% 32.5%,25% 45%,25% 45%,25% 45%}26%{background-size:6.25% 6.25%,2.5% 2.5%,2.5% 2.5%,2.5% 2.5%;background-position:32.32% 27.32%,25% 45%,25% 45%,25% 45%}28%{background-size:7.5% 7.5%,3.75% 3.75%,2.5% 2.5%,2.5% 2.5%;background-position:37.5% 23.35%,25.85% 38.53%,25% 45%,25% 45%}30%{background-size:8.75% 8.75%,5% 5%,2.5% 2.5%,2.5% 2.5%;background-position:43.53% 20.85%,28.35% 32.5%,25% 45%,25% 45%}32%{background-size:10% 10%,6.25% 6.25%,3.75% 3.75%,2.5% 2.5%;background-position:50% 20%,32.32% 27.32%,25.85% 38.53%,25% 45%}34%{background-size:10% 10%,7.5% 7.5%,5% 5%,2.5% 2.5%;background-position:56.47% 20.85%,37.32% 23.35%,28.35% 32.5%,25.85% 38.53%}36%{background-position:62.4999992265% 23.3493644588%,43.5295233332% 20.8518544873%,32.3223302335% 27.3223307072%,25.8518543139% 38.5295239803%}38%{background-position:67.6776688192% 27.3223297598%,49.9999993301% 20%,37.4999996132% 23.3493651287%,28.3493647937% 32.5000001934%}40%{background-position:71.6506345364% 32.4999990331%,56.4704753727% 20.8518541405%,43.5295233332% 20.8518544873%,32.3223302335% 27.3223307072%}42%{background-position:74.1481453394% 38.5295226862%,62.4999992265% 23.3493644588%,49.9999993301% 20%,37.4999996132% 23.3493651287%}44%{background-position:75% 44.9999986603%,67.6776688192% 27.3223297598%,56.4704753727% 20.8518541405%,43.5295233332% 20.8518544873%}46%{background-position:74.1481460329% 51.4704747256%,71.6506345364% 32.4999990331%,62.4999992265% 23.3493644588%,49.9999993301% 20%}48%{background-position:71.6506358761% 57.4999986464%,74.1481453394% 38.5295226862%,67.6776688192% 27.3223297598%,56.4704753727% 20.8518541405%}50%{background-position:67.6776707138% 62.6776683455%,75% 44.9999986603%,71.6506345364% 32.4999990331%,62.4999992265% 23.3493644588%}52%{background-position:62.500001547% 66.6506342014%,74.1481460329% 51.4704747256%,74.1481453394% 38.5295226862%,67.6776688192% 27.3223297598%}54%{background-position:56.4704779609% 69.148145166%,71.6506358761% 57.4999986464%,75% 44.9999986603%,71.6506345364% 32.4999990331%}56%{background-position:50.0000020096% 70%,67.6776707138% 62.6776683455%,74.1481460329% 51.4704747256%,74.1481453394% 38.5295226862%}58%{background-position:43.5295259214% 69.1481462062%,62.500001547% 66.6506342014%,71.6506358761% 57.4999986464%,75% 44.9999986603%}60%{background-position:37.5000019338% 66.6506362111%,56.4704779609% 69.148145166%,67.6776707138% 62.6776683455%,74.1481460329% 51.4704747256%}62%{background-position:32.3223321282% 62.6776711875%,50.0000020096% 70%,62.500001547% 66.6506342014%,71.6506358761% 57.4999986464%}64%{background-position:28.3493661335% 57.5000021271%,43.5295259214% 69.1481462062%,56.4704779609% 69.148145166%,67.6776707138% 62.6776683455%}66%{background-position:25.8518550074% 51.4704786079%,37.5000019338% 66.6506362111%,50.0000020096% 70%,62.500001547% 66.6506342014%}68%{background-size:10% 10%,7.5% 7.5%,5% 5%,2.5% 2.5%;background-position:25% 45%,28.35% 57.45%,37.45% 66.65%,48% 70%}70%{background-size:8.75% 8.75%,7.5% 7.5%,5% 5%,2.5% 2.5%;background-position:25% 45%,25.85% 51.47%,32.32% 62.68%,43.53% 69.15%}72%{background-size:7.5% 7.5%,7.5% 7.5%,5% 5%,2.5% 2.5%;background-position:25% 45%,25% 45%,28.35% 57.45%,37.45% 66.65%}74%{background-size:6.25% 6.25%,6.25% 6.25%,5% 5%,2.5% 2.5%;background-position:25% 45%,25% 45%,25.85% 51.47%,32.32% 62.68%}76%{background-size:5% 5%,5% 5%,5% 5%,2.5% 2.5%;background-position:25% 45%,25% 45%,25% 45%,28.35% 57.45%}78%{background-size:3.75% 3.75%,3.75% 3.75%,3.75% 3.75%,2.5% 2.5%;background-position:25% 45%,25% 45%,25% 45%,25.85% 51.47%}}.en-flex,.en-flex-row,.en-flex-column,.en-flex-row-reverse,.en-flex-column-reverse{display:flex;flex-wrap:nowrap;flex:1}.en-flex,.en-flex-row{flex-direction:row}.en-flex-row-reverse{flex-direction:row-reverse}.en-flex-column{flex-direction:column}.en-flex-column-reverse{flex-direction:column-reverse}.en-flex-wrap{flex-wrap:wrap}.en-flex-nowrap{flex-wrap:nowrap}.en-flex-warp-reverse{flex-wrap:wrap-reverse}.en-h1,h1.en-h1,.en-style h1{font-size:2.8rem;line-height:3rem;margin-block:.87rem;font-weight:800;text-align:center}.en-h2,h2.en-h2,.en-style h2{font-size:2.2rem;line-height:2.4rem;margin-block:.94rem;font-weight:700}.en-h3,h3.en-h3,.en-style h3{font-size:1.6rem;line-height:1.8rem;margin-block:1rem;font-weight:600}.en-h4,h4.en-h4,.en-style h4{font-size:1.2rem;line-height:1.4rem;margin-block:1.02rem;font-weight:600}.en-h5,h5.en-h5,.en-style h5{font-size:.94rem;line-height:1.14rem;margin-block:1.42rem;font-weight:600}.en-h6,h6.en-h6,.en-style h6{font-size:.84rem;line-height:1.04rem;margin-block:2.12rem;font-weight:600}img.en-img,.en-img,.en-style img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.en-text-center{text-align:center}.en-text-right{text-align:end}.en-text-small{font-size:.6rem}.en-text-in-one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.en-text-in-one-line-hide{white-space:nowrap;text-overflow:clip;overflow:hidden;word-break:break-all}.en-text-in-two-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.en-color-text{color:rgba(0,0,0,0);background-image:linear-gradient(45deg, #ff0, #0f0, #f00, #0ff, #00f, #f0f, #ff0);background-position:0% 0%;background-size:400% 200%;background-clip:text;animation:6s ease-in 0s infinite colorText alternate}@keyframes colorText{0%{background-position:400% 0%}100%{background-position:0% 0%}}.en-input-focus-visible-none,input.en-input-focus-visible-none,.en-style input:focus-visible{outline:none}.en-style input[type=button],.cursor-pointer input[type=button].cursor-pointer{cursor:pointer}.en-input-type-text-revers,input[type=text].en-input-type-text-revers,.en-input-type-text-primary,input[type=text].en-input-type-text-primary,.en-style input[type=text]{width:calc(var(--en-spacing)*40);border-radius:var(--en-spacing-3);padding:var(--en-spacing-1) var(--en-spacing-3)}.en-input-type-text-revers:focus::placeholder,input[type=text].en-input-type-text-revers:focus::placeholder,.en-input-type-text-primary:focus::placeholder,input[type=text].en-input-type-text-primary:focus::placeholder,.en-style input[type=text]:focus::placeholder{color:rgba(0,0,0,0)}.en-input-type-text-primary,input[type=text].en-input-type-text-primary,.en-style input[type=text]{background-color:var(--en-input-primary-background);color:var(--en-input-primary-text);border-style:outset}.en-input-type-text-primary::placeholder,input[type=text].en-input-type-text-primary::placeholder,.en-style input[type=text]::placeholder{color:var(--en-input-primary-placeholder-text)}.en-input-type-text-primary:focus-visible,input[type=text].en-input-type-text-primary:focus-visible,.en-style input[type=text]:focus-visible{outline:var(--en-input-primary-focus-visible-outline);border-color:rgba(0,0,0,0);box-shadow:0 2px 24px rgba(var(--en-input-primary-text-rgb), 0.6)}input[type=text].en-input-type-text-revers,.en-input-type-text-revers{background-color:var(--en-input-revers-background);color:var(--en-input-revers-text);border-style:outset}input[type=text].en-input-type-text-revers::placeholder,.en-input-type-text-revers::placeholder{color:var(--en-input-revers-placeholder-text)}input[type=text].en-input-type-text-revers:focus-visible,.en-input-type-text-revers:focus-visible{outline:var(--en-input-revers-focus-visible-outline);border-color:rgba(0,0,0,0);box-shadow:0 2px 12px rgba(var(--en-input-revers-text-rgb), 0.6)}.en-input-type-radio-primary,.en-style input[type=radio]{width:0;height:0;overflow:hidden}.en-input-type-radio-primary+label,.en-style input[type=radio]+label{padding-left:15px}.en-input-type-radio-primary+label::before,.en-input-type-radio-primary+label::after,.en-style input[type=radio]+label::before,.en-style input[type=radio]+label::after{content:"";position:absolute;border-radius:50%;top:50%;transform:translate(0, -50%);overflow:hidden}.en-input-type-radio-primary+label::before,.en-style input[type=radio]+label::before{left:0px;height:var(--en-spacing-base);width:var(--en-spacing-base);box-shadow:1px 1px 3px var(--en-text-primary);z-index:1}.en-input-type-radio-primary+label::after,.en-style input[type=radio]+label::after{font-size:var(--en-spacing-base);line-height:var(--en-spacing-base);z-index:2;left:0px;height:var(--en-spacing-base);width:var(--en-spacing-base);color:var(--en-background-primary);background-color:var(--en-text-primary);clip-path:circle(0%);transition:all var(--en-transition-slow)}.en-input-type-radio-primary:checked,.en-style input[type=radio]:checked{color:red}.en-input-type-radio-primary:checked+label,.en-style input[type=radio]:checked+label{color:var(--en-color-green-30)}.en-input-type-radio-primary:checked+label::before,.en-style input[type=radio]:checked+label::before{box-shadow:1px 1px 3px var(--en-color-green-10),-1px -1px 3px var(--en-color-green-10)}.en-input-type-radio-primary:checked+label::after,.en-style input[type=radio]:checked+label::after{background-color:var(--en-color-green-30);clip-path:circle(100%);transition:all .8s}.en-input-type-image-primary,.en-style input[type=image]{-webkit-user-select:none;user-select:none}.en-full-container{width:100%;height:100%}.en-box-shadow-light-red-10{box-shadow:0 1px 2px rgb(var(--en-color-red-10-rgb))}.en-box-shadow-light-red-20{box-shadow:0 1px 2px rgb(var(--en-color-red-20-rgb))}.en-box-shadow-light-red-30{box-shadow:0 1px 2px rgb(var(--en-color-red-30-rgb))}.en-box-shadow-light-red-40{box-shadow:0 1px 2px rgb(var(--en-color-red-40-rgb))}.en-box-shadow-light-red-50{box-shadow:0 1px 2px rgb(var(--en-color-red-50-rgb))}.en-box-shadow-light-red-60{box-shadow:0 1px 2px rgb(var(--en-color-red-60-rgb))}.en-box-shadow-light-red-70{box-shadow:0 1px 2px rgb(var(--en-color-red-70-rgb))}.en-box-shadow-light-red-80{box-shadow:0 1px 2px rgb(var(--en-color-red-80-rgb))}.en-box-shadow-light-red-90{box-shadow:0 1px 2px rgb(var(--en-color-red-90-rgb))}.en-box-shadow-light-red-100{box-shadow:0 1px 2px rgb(var(--en-color-red-100-rgb))}.en-padding-horizontal-4{padding-left:4px;padding-right:4px}.en-padding-vertical-4{padding-top:4px;padding-bottom:4px}.en-padding-4{padding:4px}.en-margin-horizontal-4{margin-left:4px;margin-right:4px}.en-margin-vertical-4{margin-top:4px;margin-bottom:4px}.en-margin-4{margin:4px}.en-border-radius-4,.en-radius-4{border-radius:4px}.en-padding-horizontal-8{padding-left:8px;padding-right:8px}.en-padding-vertical-8{padding-top:8px;padding-bottom:8px}.en-padding-8{padding:8px}.en-margin-horizontal-8{margin-left:8px;margin-right:8px}.en-margin-vertical-8{margin-top:8px;margin-bottom:8px}.en-margin-8{margin:8px}.en-border-radius-8,.en-radius-8{border-radius:8px}.en-padding-horizontal-12{padding-left:12px;padding-right:12px}.en-padding-vertical-12{padding-top:12px;padding-bottom:12px}.en-padding-12{padding:12px}.en-margin-horizontal-12{margin-left:12px;margin-right:12px}.en-margin-vertical-12{margin-top:12px;margin-bottom:12px}.en-margin-12{margin:12px}.en-border-radius-12,.en-radius-12{border-radius:12px}.en-padding-horizontal-16{padding-left:16px;padding-right:16px}.en-padding-vertical-16{padding-top:16px;padding-bottom:16px}.en-padding-16{padding:16px}.en-margin-horizontal-16{margin-left:16px;margin-right:16px}.en-margin-vertical-16{margin-top:16px;margin-bottom:16px}.en-margin-16{margin:16px}.en-border-radius-16,.en-radius-16{border-radius:16px}.en-padding-horizontal-20{padding-left:20px;padding-right:20px}.en-padding-vertical-20{padding-top:20px;padding-bottom:20px}.en-padding-20{padding:20px}.en-margin-horizontal-20{margin-left:20px;margin-right:20px}.en-margin-vertical-20{margin-top:20px;margin-bottom:20px}.en-margin-20{margin:20px}.en-border-radius-20,.en-radius-20{border-radius:20px}.en-padding-horizontal-24{padding-left:24px;padding-right:24px}.en-padding-vertical-24{padding-top:24px;padding-bottom:24px}.en-padding-24{padding:24px}.en-margin-horizontal-24{margin-left:24px;margin-right:24px}.en-margin-vertical-24{margin-top:24px;margin-bottom:24px}.en-margin-24{margin:24px}.en-border-radius-24,.en-radius-24{border-radius:24px}.en-padding-horizontal-28{padding-left:28px;padding-right:28px}.en-padding-vertical-28{padding-top:28px;padding-bottom:28px}.en-padding-28{padding:28px}.en-margin-horizontal-28{margin-left:28px;margin-right:28px}.en-margin-vertical-28{margin-top:28px;margin-bottom:28px}.en-margin-28{margin:28px}.en-border-radius-28,.en-radius-28{border-radius:28px}.en-padding-horizontal-32{padding-left:32px;padding-right:32px}.en-padding-vertical-32{padding-top:32px;padding-bottom:32px}.en-padding-32{padding:32px}.en-margin-horizontal-32{margin-left:32px;margin-right:32px}.en-margin-vertical-32{margin-top:32px;margin-bottom:32px}.en-margin-32{margin:32px}.en-border-radius-32,.en-radius-32{border-radius:32px}.en-padding-horizontal-36{padding-left:36px;padding-right:36px}.en-padding-vertical-36{padding-top:36px;padding-bottom:36px}.en-padding-36{padding:36px}.en-margin-horizontal-36{margin-left:36px;margin-right:36px}.en-margin-vertical-36{margin-top:36px;margin-bottom:36px}.en-margin-36{margin:36px}.en-border-radius-36,.en-radius-36{border-radius:36px}.en-padding-horizontal-40{padding-left:40px;padding-right:40px}.en-padding-vertical-40{padding-top:40px;padding-bottom:40px}.en-padding-40{padding:40px}.en-margin-horizontal-40{margin-left:40px;margin-right:40px}.en-margin-vertical-40{margin-top:40px;margin-bottom:40px}.en-margin-40{margin:40px}.en-border-radius-40,.en-radius-40{border-radius:40px}.en-inline-block{display:inline-block}.en-relative{position:relative}.en-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.en-dust{color:var(---en-text-dust)}.en-red-bg{background-color:var(--en-color-red-70)}.en-float-left{float:left}.en-float-right,.en-float{float:right}.en-clear-float,.en-clear{clear:both}.en-loading{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0);background-image:radial-gradient(#f00, #f00 50%, transparent 50%, transparent),radial-gradient(#af1, #af1 50%, transparent 50%, transparent),radial-gradient(#0ff, #0ff 50%, transparent 50%, transparent),radial-gradient(#f0f, #f0f 50%, transparent 50%, transparent);background-repeat:no-repeat;animation:2.4s ease-in-out 0s infinite loading}.en-user-select-text{-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.en-cursor-pointer{cursor:pointer}