@stackframe/stack 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (244) hide show
  1. package/dist/components/card-frame.d.ts +7 -0
  2. package/dist/components/card-frame.d.ts.map +1 -0
  3. package/dist/components/card-frame.js +24 -0
  4. package/dist/{elements/CardHeader.d.ts → components/card-header.d.ts} +1 -0
  5. package/dist/components/card-header.d.ts.map +1 -0
  6. package/dist/components/card-header.js +5 -0
  7. package/dist/{elements/CredentialSignIn.d.ts → components/credential-sign-in.d.ts} +1 -0
  8. package/dist/components/credential-sign-in.d.ts.map +1 -0
  9. package/dist/components/credential-sign-in.js +56 -0
  10. package/dist/{elements/CredentialSignUp.d.ts → components/credential-sign-up.d.ts} +1 -0
  11. package/dist/components/credential-sign-up.d.ts.map +1 -0
  12. package/dist/{elements/CredentialSignUp.js → components/credential-sign-up.js} +15 -15
  13. package/dist/{elements/DividerWithText.d.ts → components/divider-with-text.d.ts} +1 -0
  14. package/dist/components/divider-with-text.d.ts.map +1 -0
  15. package/dist/components/divider-with-text.js +6 -0
  16. package/dist/components/email-verification.d.ts +5 -0
  17. package/dist/components/email-verification.d.ts.map +1 -0
  18. package/dist/components/{EmailVerification.js → email-verification.js} +2 -2
  19. package/dist/{elements/ForgotPassword.d.ts → components/forgot-password.d.ts} +1 -0
  20. package/dist/components/forgot-password.d.ts.map +1 -0
  21. package/dist/components/forgot-password.js +32 -0
  22. package/dist/components/form-warning.d.ts +4 -0
  23. package/dist/components/form-warning.d.ts.map +1 -0
  24. package/dist/components/form-warning.js +9 -0
  25. package/dist/{elements/MessageCard.d.ts → components/message-card.d.ts} +1 -0
  26. package/dist/components/message-card.d.ts.map +1 -0
  27. package/dist/components/message-card.js +7 -0
  28. package/dist/{elements/OAuthButton.d.ts → components/oauth-button.d.ts} +1 -0
  29. package/dist/components/oauth-button.d.ts.map +1 -0
  30. package/dist/components/oauth-button.js +66 -0
  31. package/dist/components/oauth-callback.d.ts +2 -0
  32. package/dist/components/oauth-callback.d.ts.map +1 -0
  33. package/dist/components/{OAuthCallback.js → oauth-callback.js} +1 -1
  34. package/dist/{elements/OAuthGroup.d.ts → components/oauth-group.d.ts} +1 -0
  35. package/dist/components/oauth-group.d.ts.map +1 -0
  36. package/dist/components/oauth-group.js +9 -0
  37. package/dist/components/password-field.d.ts +4 -0
  38. package/dist/components/password-field.d.ts.map +1 -0
  39. package/dist/components/password-field.js +41 -0
  40. package/dist/{elements/PasswordResetInner.d.ts → components/password-reset-inner.d.ts} +1 -0
  41. package/dist/components/password-reset-inner.d.ts.map +1 -0
  42. package/dist/{elements/PasswordResetInner.js → components/password-reset-inner.js} +18 -16
  43. package/dist/components/password-reset.d.ts +5 -0
  44. package/dist/components/password-reset.d.ts.map +1 -0
  45. package/dist/components/{PasswordReset.js → password-reset.js} +6 -5
  46. package/dist/{elements/RedirectMessageCard.d.ts → components/redirect-message-card.d.ts} +1 -0
  47. package/dist/components/redirect-message-card.d.ts.map +1 -0
  48. package/dist/{elements/RedirectMessageCard.js → components/redirect-message-card.js} +3 -4
  49. package/dist/components/sign-in.d.ts +4 -0
  50. package/dist/components/sign-in.d.ts.map +1 -0
  51. package/dist/components/sign-in.js +20 -0
  52. package/dist/components/sign-out.d.ts +2 -0
  53. package/dist/components/sign-out.d.ts.map +1 -0
  54. package/dist/components/{SignOut.js → sign-out.js} +1 -1
  55. package/dist/components/sign-up.d.ts +4 -0
  56. package/dist/components/sign-up.d.ts.map +1 -0
  57. package/dist/components/sign-up.js +20 -0
  58. package/dist/components/stack-handler.d.ts +9 -0
  59. package/dist/components/stack-handler.d.ts.map +1 -0
  60. package/dist/components/{StackHandler.js → stack-handler.js} +7 -7
  61. package/dist/components-core/button.d.ts +10 -0
  62. package/dist/components-core/button.d.ts.map +1 -0
  63. package/dist/components-core/button.js +115 -0
  64. package/dist/components-core/container.d.ts +6 -0
  65. package/dist/components-core/container.d.ts.map +1 -0
  66. package/dist/components-core/container.js +19 -0
  67. package/dist/components-core/divider.d.ts +7 -0
  68. package/dist/components-core/divider.d.ts.map +1 -0
  69. package/dist/components-core/divider.js +17 -0
  70. package/dist/components-core/index.d.ts +17 -0
  71. package/dist/components-core/index.d.ts.map +1 -0
  72. package/dist/components-core/index.js +32 -0
  73. package/dist/components-core/input.d.ts +5 -0
  74. package/dist/components-core/input.d.ts.map +1 -0
  75. package/dist/components-core/input.js +45 -0
  76. package/dist/components-core/label.d.ts +6 -0
  77. package/dist/components-core/label.d.ts.map +1 -0
  78. package/dist/components-core/label.js +22 -0
  79. package/dist/components-core/link.d.ts +9 -0
  80. package/dist/components-core/link.d.ts.map +1 -0
  81. package/dist/components-core/link.js +18 -0
  82. package/dist/components-core/text.d.ts +9 -0
  83. package/dist/components-core/text.d.ts.map +1 -0
  84. package/dist/components-core/text.js +42 -0
  85. package/dist/components-core-joy/button.d.ts +3 -0
  86. package/dist/components-core-joy/button.d.ts.map +1 -0
  87. package/dist/components-core-joy/button.js +26 -0
  88. package/dist/components-core-joy/divider.d.ts +3 -0
  89. package/dist/components-core-joy/divider.d.ts.map +1 -0
  90. package/dist/components-core-joy/divider.js +7 -0
  91. package/dist/components-core-joy/input.d.ts +3 -0
  92. package/dist/components-core-joy/input.d.ts.map +1 -0
  93. package/dist/components-core-joy/input.js +7 -0
  94. package/dist/components-core-joy/text.d.ts +3 -0
  95. package/dist/components-core-joy/text.d.ts.map +1 -0
  96. package/dist/components-core-joy/text.js +28 -0
  97. package/dist/{components/EmailVerification.d.ts → components-page/email-verification.d.ts} +1 -0
  98. package/dist/components-page/email-verification.d.ts.map +1 -0
  99. package/dist/components-page/email-verification.js +29 -0
  100. package/dist/{components/ForgotPassword.d.ts → components-page/forgot-password.d.ts} +1 -0
  101. package/dist/components-page/forgot-password.d.ts.map +1 -0
  102. package/dist/{components/ForgotPassword.js → components-page/forgot-password.js} +6 -6
  103. package/dist/{components/OAuthCallback.d.ts → components-page/oauth-callback.d.ts} +1 -0
  104. package/dist/components-page/oauth-callback.d.ts.map +1 -0
  105. package/dist/components-page/oauth-callback.js +17 -0
  106. package/dist/{components/PasswordReset.d.ts → components-page/password-reset.d.ts} +1 -0
  107. package/dist/components-page/password-reset.d.ts.map +1 -0
  108. package/dist/components-page/password-reset.js +37 -0
  109. package/dist/{components/SignIn.d.ts → components-page/sign-in.d.ts} +1 -0
  110. package/dist/components-page/sign-in.d.ts.map +1 -0
  111. package/dist/components-page/sign-in.js +20 -0
  112. package/dist/{components/SignOut.d.ts → components-page/sign-out.d.ts} +1 -0
  113. package/dist/components-page/sign-out.d.ts.map +1 -0
  114. package/dist/components-page/sign-out.js +13 -0
  115. package/dist/{components/SignUp.d.ts → components-page/sign-up.d.ts} +1 -0
  116. package/dist/components-page/sign-up.d.ts.map +1 -0
  117. package/dist/components-page/sign-up.js +20 -0
  118. package/dist/{components/StackHandler.d.ts → components-page/stack-handler.d.ts} +1 -0
  119. package/dist/components-page/stack-handler.d.ts.map +1 -0
  120. package/dist/components-page/stack-handler.js +58 -0
  121. package/dist/elements/card-frame.d.ts +7 -0
  122. package/dist/elements/card-frame.d.ts.map +1 -0
  123. package/dist/elements/card-frame.js +24 -0
  124. package/dist/elements/card-header.d.ts +6 -0
  125. package/dist/elements/card-header.d.ts.map +1 -0
  126. package/dist/elements/card-header.js +5 -0
  127. package/dist/elements/credential-sign-in.d.ts +2 -0
  128. package/dist/elements/credential-sign-in.d.ts.map +1 -0
  129. package/dist/elements/{CredentialSignIn.js → credential-sign-in.js} +10 -11
  130. package/dist/elements/credential-sign-up.d.ts +2 -0
  131. package/dist/elements/credential-sign-up.d.ts.map +1 -0
  132. package/dist/elements/credential-sign-up.js +73 -0
  133. package/dist/elements/divider-with-text.d.ts +4 -0
  134. package/dist/elements/divider-with-text.d.ts.map +1 -0
  135. package/dist/elements/divider-with-text.js +6 -0
  136. package/dist/elements/forgot-password.d.ts +4 -0
  137. package/dist/elements/forgot-password.d.ts.map +1 -0
  138. package/dist/elements/forgot-password.js +32 -0
  139. package/dist/elements/{FormWarning.d.ts → form-warning.d.ts} +1 -0
  140. package/dist/elements/form-warning.d.ts.map +1 -0
  141. package/dist/elements/{FormWarning.js → form-warning.js} +2 -1
  142. package/dist/elements/message-card.d.ts +7 -0
  143. package/dist/elements/message-card.d.ts.map +1 -0
  144. package/dist/elements/message-card.js +7 -0
  145. package/dist/elements/oauth-button.d.ts +5 -0
  146. package/dist/elements/oauth-button.d.ts.map +1 -0
  147. package/dist/elements/{OAuthButton.js → oauth-button.js} +7 -9
  148. package/dist/elements/oauth-group.d.ts +4 -0
  149. package/dist/elements/oauth-group.d.ts.map +1 -0
  150. package/dist/elements/oauth-group.js +8 -0
  151. package/dist/elements/{PasswordField.d.ts → password-field.d.ts} +1 -0
  152. package/dist/elements/password-field.d.ts.map +1 -0
  153. package/dist/elements/password-field.js +38 -0
  154. package/dist/elements/password-reset-inner.d.ts +5 -0
  155. package/dist/elements/password-reset-inner.d.ts.map +1 -0
  156. package/dist/elements/password-reset-inner.js +63 -0
  157. package/dist/elements/redirect-message-card.d.ts +5 -0
  158. package/dist/elements/redirect-message-card.d.ts.map +1 -0
  159. package/dist/elements/redirect-message-card.js +54 -0
  160. package/dist/index.d.ts +18 -8
  161. package/dist/index.d.ts.map +1 -1
  162. package/dist/index.js +17 -9
  163. package/dist/lib/auth.d.ts +1 -0
  164. package/dist/lib/cookie.d.ts +1 -0
  165. package/dist/lib/hooks.d.ts +1 -0
  166. package/dist/lib/hooks.js +1 -1
  167. package/dist/lib/stack-app.d.ts +1 -0
  168. package/dist/providers/component-provider.d.ts +25 -0
  169. package/dist/providers/component-provider.d.ts.map +1 -0
  170. package/dist/providers/component-provider.js +29 -0
  171. package/dist/providers/design-provider.d.ts +41 -0
  172. package/dist/providers/design-provider.d.ts.map +1 -0
  173. package/dist/providers/design-provider.js +65 -0
  174. package/dist/providers/joy-provider.d.ts +17 -0
  175. package/dist/providers/joy-provider.d.ts.map +1 -0
  176. package/dist/providers/joy-provider.js +27 -0
  177. package/dist/providers/{StackProviderClient.d.ts → stack-provider-client.d.ts} +1 -0
  178. package/dist/providers/stack-provider-client.d.ts.map +1 -0
  179. package/dist/providers/{StackProvider.d.ts → stack-provider.d.ts} +3 -2
  180. package/dist/providers/stack-provider.d.ts.map +1 -0
  181. package/dist/providers/{StackProvider.js → stack-provider.js} +1 -1
  182. package/dist/providers/styled-components-registry.d.ts +5 -0
  183. package/dist/providers/styled-components-registry.d.ts.map +1 -0
  184. package/dist/providers/styled-components-registry.js +18 -0
  185. package/dist/providers/theme-provider.d.ts +11 -0
  186. package/dist/providers/theme-provider.d.ts.map +1 -0
  187. package/dist/providers/theme-provider.js +20 -0
  188. package/dist/providers/ui-provider.d.ts +10 -0
  189. package/dist/providers/ui-provider.js +20 -0
  190. package/dist/utils/constants.d.ts +41 -0
  191. package/dist/utils/constants.d.ts.map +1 -0
  192. package/dist/utils/constants.js +22 -0
  193. package/dist/utils/email.d.ts +1 -0
  194. package/dist/utils/email.d.ts.map +1 -1
  195. package/dist/utils/next.d.ts +1 -0
  196. package/dist/utils/next.d.ts.map +1 -1
  197. package/dist/utils/react.d.ts +1 -0
  198. package/dist/utils/react.d.ts.map +1 -1
  199. package/dist/utils/results.d.ts +1 -0
  200. package/dist/utils/results.d.ts.map +1 -1
  201. package/dist/utils/url.d.ts +1 -0
  202. package/dist/utils/url.d.ts.map +1 -1
  203. package/package.json +19 -24
  204. package/dist/components/EmailVerification.d.ts.map +0 -1
  205. package/dist/components/ForgotPassword.d.ts.map +0 -1
  206. package/dist/components/OAuthCallback.d.ts.map +0 -1
  207. package/dist/components/PasswordReset.d.ts.map +0 -1
  208. package/dist/components/SignIn.d.ts.map +0 -1
  209. package/dist/components/SignIn.js +0 -20
  210. package/dist/components/SignOut.d.ts.map +0 -1
  211. package/dist/components/SignUp.d.ts.map +0 -1
  212. package/dist/components/SignUp.js +0 -19
  213. package/dist/components/StackHandler.d.ts.map +0 -1
  214. package/dist/elements/Button.d.ts +0 -10
  215. package/dist/elements/Button.d.ts.map +0 -1
  216. package/dist/elements/Button.js +0 -18
  217. package/dist/elements/CardFrame.d.ts +0 -5
  218. package/dist/elements/CardFrame.d.ts.map +0 -1
  219. package/dist/elements/CardFrame.js +0 -10
  220. package/dist/elements/CardHeader.d.ts.map +0 -1
  221. package/dist/elements/CardHeader.js +0 -4
  222. package/dist/elements/CredentialSignIn.d.ts.map +0 -1
  223. package/dist/elements/CredentialSignUp.d.ts.map +0 -1
  224. package/dist/elements/DividerWithText.d.ts.map +0 -1
  225. package/dist/elements/DividerWithText.js +0 -5
  226. package/dist/elements/ForgotPassword.d.ts.map +0 -1
  227. package/dist/elements/ForgotPassword.js +0 -32
  228. package/dist/elements/FormWarning.d.ts.map +0 -1
  229. package/dist/elements/MessageCard.d.ts.map +0 -1
  230. package/dist/elements/MessageCard.js +0 -5
  231. package/dist/elements/OAuthButton.d.ts.map +0 -1
  232. package/dist/elements/OAuthGroup.d.ts.map +0 -1
  233. package/dist/elements/OAuthGroup.js +0 -8
  234. package/dist/elements/PasswordField.d.ts.map +0 -1
  235. package/dist/elements/PasswordField.js +0 -27
  236. package/dist/elements/PasswordResetInner.d.ts.map +0 -1
  237. package/dist/elements/RedirectMessageCard.d.ts.map +0 -1
  238. package/dist/providers/StackProvider.d.ts.map +0 -1
  239. package/dist/providers/StackProviderClient.d.ts.map +0 -1
  240. package/dist/tailwind.css +0 -1299
  241. package/dist/utils/types.d.ts +0 -4
  242. package/dist/utils/types.d.ts.map +0 -1
  243. package/dist/utils/types.js +0 -1
  244. /package/dist/providers/{StackProviderClient.js → stack-provider-client.js} +0 -0
package/dist/tailwind.css DELETED
@@ -1,1299 +0,0 @@
1
- @supports not (color: oklch(0 0 0)) {
2
-
3
- @media (prefers-color-scheme: dark) {}
4
- }
5
-
6
- html {
7
- -webkit-tap-highlight-color: transparent;
8
- }
9
-
10
- @media (prefers-color-scheme: dark) {}
11
-
12
- [data-theme=light] {
13
- color-scheme: light;
14
- --in: 0.7206 0.191 231.6;
15
- --su: 64.8% 0.150 160;
16
- --wa: 0.8471 0.199 83.87;
17
- --er: 0.7176 0.221 22.18;
18
- --pc: 0.89824 0.06192 275.75;
19
- --ac: 0.15352 0.0368 183.61;
20
- --inc: 0 0 0;
21
- --suc: 0 0 0;
22
- --wac: 0 0 0;
23
- --erc: 0 0 0;
24
- --rounded-box: 1rem;
25
- --rounded-btn: 0.5rem;
26
- --rounded-badge: 1.9rem;
27
- --animation-btn: 0.25s;
28
- --animation-input: .2s;
29
- --btn-focus-scale: 0.95;
30
- --border-btn: 1px;
31
- --tab-border: 1px;
32
- --tab-radius: 0.5rem;
33
- --p: 0.4912 0.3096 275.75;
34
- --s: 0.6971 0.329 342.55;
35
- --sc: 0.9871 0.0106 342.55;
36
- --a: 0.7676 0.184 183.61;
37
- --n: 0.321785 0.02476 255.701624;
38
- --nc: 0.894994 0.011585 252.096176;
39
- --b1: 1 0 0;
40
- --b2: 0.961151 0 0;
41
- --b3: 0.924169 0.00108 197.137559;
42
- --bc: 0.278078 0.029596 256.847952;
43
- }
44
-
45
- [data-theme=dark] {
46
- color-scheme: dark;
47
- --in: 0.7206 0.191 231.6;
48
- --su: 64.8% 0.150 160;
49
- --wa: 0.8471 0.199 83.87;
50
- --er: 0.7176 0.221 22.18;
51
- --pc: 0.13138 0.0392 275.75;
52
- --sc: 0.1496 0.052 342.55;
53
- --ac: 0.14902 0.0334 183.61;
54
- --inc: 0 0 0;
55
- --suc: 0 0 0;
56
- --wac: 0 0 0;
57
- --erc: 0 0 0;
58
- --rounded-box: 1rem;
59
- --rounded-btn: 0.5rem;
60
- --rounded-badge: 1.9rem;
61
- --animation-btn: 0.25s;
62
- --animation-input: .2s;
63
- --btn-focus-scale: 0.95;
64
- --border-btn: 1px;
65
- --tab-border: 1px;
66
- --tab-radius: 0.5rem;
67
- --p: 0.6569 0.196 275.75;
68
- --s: 0.748 0.26 342.55;
69
- --a: 0.7451 0.167 183.61;
70
- --n: 0.313815 0.021108 254.139175;
71
- --nc: 0.746477 0.0216 264.435964;
72
- --b1: 0.253267 0.015896 252.417568;
73
- --b2: 0.232607 0.013807 253.100675;
74
- --b3: 0.211484 0.01165 254.087939;
75
- --bc: 0.746477 0.0216 264.435964;
76
- }/*
77
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
78
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
79
- */
80
-
81
- *:where(.stack-scope,.stack-scope *),
82
- ::before:where(.stack-scope,.stack-scope *),
83
- ::after:where(.stack-scope,.stack-scope *) {
84
- box-sizing: border-box; /* 1 */
85
- border-width: 0; /* 2 */
86
- border-style: solid; /* 2 */
87
- border-color: #e5e7eb; /* 2 */
88
- }
89
-
90
- ::before:where(.stack-scope,.stack-scope *),
91
- ::after:where(.stack-scope,.stack-scope *) {
92
- --tw-content: '';
93
- }
94
-
95
- /*
96
- 1. Use a consistent sensible line-height in all browsers.
97
- 2. Prevent adjustments of font size after orientation changes in iOS.
98
- 3. Use a more readable tab size.
99
- 4. Use the user's configured `sans` font-family by default.
100
- 5. Use the user's configured `sans` font-feature-settings by default.
101
- 6. Use the user's configured `sans` font-variation-settings by default.
102
- 7. Disable tap highlights on iOS
103
- */
104
-
105
- html:where(.stack-scope,.stack-scope *),
106
- :host:where(.stack-scope,.stack-scope *) {
107
- line-height: 1.5; /* 1 */
108
- -webkit-text-size-adjust: 100%; /* 2 */
109
- -moz-tab-size: 4; /* 3 */
110
- -o-tab-size: 4;
111
- tab-size: 4; /* 3 */
112
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
113
- font-feature-settings: normal; /* 5 */
114
- font-variation-settings: normal; /* 6 */
115
- -webkit-tap-highlight-color: transparent; /* 7 */
116
- }
117
-
118
- /*
119
- 1. Remove the margin in all browsers.
120
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
121
- */
122
-
123
- body:where(.stack-scope,.stack-scope *) {
124
- margin: 0; /* 1 */
125
- line-height: inherit; /* 2 */
126
- }
127
-
128
- /*
129
- 1. Add the correct height in Firefox.
130
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
131
- 3. Ensure horizontal rules are visible by default.
132
- */
133
-
134
- hr:where(.stack-scope,.stack-scope *) {
135
- height: 0; /* 1 */
136
- color: inherit; /* 2 */
137
- border-top-width: 1px; /* 3 */
138
- }
139
-
140
- /*
141
- Add the correct text decoration in Chrome, Edge, and Safari.
142
- */
143
-
144
- abbr:where([title]):where(.stack-scope,.stack-scope *) {
145
- -webkit-text-decoration: underline dotted;
146
- text-decoration: underline dotted;
147
- }
148
-
149
- /*
150
- Remove the default font size and weight for headings.
151
- */
152
-
153
- h1:where(.stack-scope,.stack-scope *),
154
- h2:where(.stack-scope,.stack-scope *),
155
- h3:where(.stack-scope,.stack-scope *),
156
- h4:where(.stack-scope,.stack-scope *),
157
- h5:where(.stack-scope,.stack-scope *),
158
- h6:where(.stack-scope,.stack-scope *) {
159
- font-size: inherit;
160
- font-weight: inherit;
161
- }
162
-
163
- /*
164
- Reset links to optimize for opt-in styling instead of opt-out.
165
- */
166
-
167
- a:where(.stack-scope,.stack-scope *) {
168
- color: inherit;
169
- text-decoration: inherit;
170
- }
171
-
172
- /*
173
- Add the correct font weight in Edge and Safari.
174
- */
175
-
176
- b:where(.stack-scope,.stack-scope *),
177
- strong:where(.stack-scope,.stack-scope *) {
178
- font-weight: bolder;
179
- }
180
-
181
- /*
182
- 1. Use the user's configured `mono` font-family by default.
183
- 2. Use the user's configured `mono` font-feature-settings by default.
184
- 3. Use the user's configured `mono` font-variation-settings by default.
185
- 4. Correct the odd `em` font sizing in all browsers.
186
- */
187
-
188
- code:where(.stack-scope,.stack-scope *),
189
- kbd:where(.stack-scope,.stack-scope *),
190
- samp:where(.stack-scope,.stack-scope *),
191
- pre:where(.stack-scope,.stack-scope *) {
192
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
193
- font-feature-settings: normal; /* 2 */
194
- font-variation-settings: normal; /* 3 */
195
- font-size: 1em; /* 4 */
196
- }
197
-
198
- /*
199
- Add the correct font size in all browsers.
200
- */
201
-
202
- small:where(.stack-scope,.stack-scope *) {
203
- font-size: 80%;
204
- }
205
-
206
- /*
207
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
208
- */
209
-
210
- sub:where(.stack-scope,.stack-scope *),
211
- sup:where(.stack-scope,.stack-scope *) {
212
- font-size: 75%;
213
- line-height: 0;
214
- position: relative;
215
- vertical-align: baseline;
216
- }
217
-
218
- sub:where(.stack-scope,.stack-scope *) {
219
- bottom: -0.25em;
220
- }
221
-
222
- sup:where(.stack-scope,.stack-scope *) {
223
- top: -0.5em;
224
- }
225
-
226
- /*
227
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
228
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
229
- 3. Remove gaps between table borders by default.
230
- */
231
-
232
- table:where(.stack-scope,.stack-scope *) {
233
- text-indent: 0; /* 1 */
234
- border-color: inherit; /* 2 */
235
- border-collapse: collapse; /* 3 */
236
- }
237
-
238
- /*
239
- 1. Change the font styles in all browsers.
240
- 2. Remove the margin in Firefox and Safari.
241
- 3. Remove default padding in all browsers.
242
- */
243
-
244
- button:where(.stack-scope,.stack-scope *),
245
- input:where(.stack-scope,.stack-scope *),
246
- optgroup:where(.stack-scope,.stack-scope *),
247
- select:where(.stack-scope,.stack-scope *),
248
- textarea:where(.stack-scope,.stack-scope *) {
249
- font-family: inherit; /* 1 */
250
- font-feature-settings: inherit; /* 1 */
251
- font-variation-settings: inherit; /* 1 */
252
- font-size: 100%; /* 1 */
253
- font-weight: inherit; /* 1 */
254
- line-height: inherit; /* 1 */
255
- color: inherit; /* 1 */
256
- margin: 0; /* 2 */
257
- padding: 0; /* 3 */
258
- }
259
-
260
- /*
261
- Remove the inheritance of text transform in Edge and Firefox.
262
- */
263
-
264
- button:where(.stack-scope,.stack-scope *),
265
- select:where(.stack-scope,.stack-scope *) {
266
- text-transform: none;
267
- }
268
-
269
- /*
270
- 1. Correct the inability to style clickable types in iOS and Safari.
271
- 2. Remove default button styles.
272
- */
273
-
274
- button:where(.stack-scope,.stack-scope *),
275
- [type='button']:where(.stack-scope,.stack-scope *),
276
- [type='reset']:where(.stack-scope,.stack-scope *),
277
- [type='submit']:where(.stack-scope,.stack-scope *) {
278
- -webkit-appearance: button; /* 1 */
279
- background-color: transparent; /* 2 */
280
- background-image: none; /* 2 */
281
- }
282
-
283
- /*
284
- Use the modern Firefox focus style for all focusable elements.
285
- */
286
-
287
- :-moz-focusring:where(.stack-scope,.stack-scope *) {
288
- outline: auto;
289
- }
290
-
291
- /*
292
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
293
- */
294
-
295
- :-moz-ui-invalid:where(.stack-scope,.stack-scope *) {
296
- box-shadow: none;
297
- }
298
-
299
- /*
300
- Add the correct vertical alignment in Chrome and Firefox.
301
- */
302
-
303
- progress:where(.stack-scope,.stack-scope *) {
304
- vertical-align: baseline;
305
- }
306
-
307
- /*
308
- Correct the cursor style of increment and decrement buttons in Safari.
309
- */
310
-
311
- ::-webkit-inner-spin-button:where(.stack-scope,.stack-scope *),
312
- ::-webkit-outer-spin-button:where(.stack-scope,.stack-scope *) {
313
- height: auto;
314
- }
315
-
316
- /*
317
- 1. Correct the odd appearance in Chrome and Safari.
318
- 2. Correct the outline style in Safari.
319
- */
320
-
321
- [type='search']:where(.stack-scope,.stack-scope *) {
322
- -webkit-appearance: textfield; /* 1 */
323
- outline-offset: -2px; /* 2 */
324
- }
325
-
326
- /*
327
- Remove the inner padding in Chrome and Safari on macOS.
328
- */
329
-
330
- ::-webkit-search-decoration:where(.stack-scope,.stack-scope *) {
331
- -webkit-appearance: none;
332
- }
333
-
334
- /*
335
- 1. Correct the inability to style clickable types in iOS and Safari.
336
- 2. Change font properties to `inherit` in Safari.
337
- */
338
-
339
- ::-webkit-file-upload-button:where(.stack-scope,.stack-scope *) {
340
- -webkit-appearance: button; /* 1 */
341
- font: inherit; /* 2 */
342
- }
343
-
344
- /*
345
- Add the correct display in Chrome and Safari.
346
- */
347
-
348
- summary:where(.stack-scope,.stack-scope *) {
349
- display: list-item;
350
- }
351
-
352
- /*
353
- Removes the default spacing and border for appropriate elements.
354
- */
355
-
356
- blockquote:where(.stack-scope,.stack-scope *),
357
- dl:where(.stack-scope,.stack-scope *),
358
- dd:where(.stack-scope,.stack-scope *),
359
- h1:where(.stack-scope,.stack-scope *),
360
- h2:where(.stack-scope,.stack-scope *),
361
- h3:where(.stack-scope,.stack-scope *),
362
- h4:where(.stack-scope,.stack-scope *),
363
- h5:where(.stack-scope,.stack-scope *),
364
- h6:where(.stack-scope,.stack-scope *),
365
- hr:where(.stack-scope,.stack-scope *),
366
- figure:where(.stack-scope,.stack-scope *),
367
- p:where(.stack-scope,.stack-scope *),
368
- pre:where(.stack-scope,.stack-scope *) {
369
- margin: 0;
370
- }
371
-
372
- fieldset:where(.stack-scope,.stack-scope *) {
373
- margin: 0;
374
- padding: 0;
375
- }
376
-
377
- legend:where(.stack-scope,.stack-scope *) {
378
- padding: 0;
379
- }
380
-
381
- ol:where(.stack-scope,.stack-scope *),
382
- ul:where(.stack-scope,.stack-scope *),
383
- menu:where(.stack-scope,.stack-scope *) {
384
- list-style: none;
385
- margin: 0;
386
- padding: 0;
387
- }
388
-
389
- /*
390
- Reset default styling for dialogs.
391
- */
392
- dialog:where(.stack-scope,.stack-scope *) {
393
- padding: 0;
394
- }
395
-
396
- /*
397
- Prevent resizing textareas horizontally by default.
398
- */
399
-
400
- textarea:where(.stack-scope,.stack-scope *) {
401
- resize: vertical;
402
- }
403
-
404
- /*
405
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
406
- 2. Set the default placeholder color to the user's configured gray 400 color.
407
- */
408
-
409
- input::-moz-placeholder:where(.stack-scope,.stack-scope *), textarea::-moz-placeholder:where(.stack-scope,.stack-scope *) {
410
- opacity: 1; /* 1 */
411
- color: #9ca3af; /* 2 */
412
- }
413
-
414
- input::placeholder:where(.stack-scope,.stack-scope *),
415
- textarea::placeholder:where(.stack-scope,.stack-scope *) {
416
- opacity: 1; /* 1 */
417
- color: #9ca3af; /* 2 */
418
- }
419
-
420
- /*
421
- Set the default cursor for buttons.
422
- */
423
-
424
- button:where(.stack-scope,.stack-scope *),
425
- [role="button"]:where(.stack-scope,.stack-scope *) {
426
- cursor: pointer;
427
- }
428
-
429
- /*
430
- Make sure disabled buttons don't get the pointer cursor.
431
- */
432
- :disabled:where(.stack-scope,.stack-scope *) {
433
- cursor: default;
434
- }
435
-
436
- /*
437
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
438
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
439
- This can trigger a poorly considered lint error in some tools but is included by design.
440
- */
441
-
442
- img:where(.stack-scope,.stack-scope *),
443
- svg:where(.stack-scope,.stack-scope *),
444
- video:where(.stack-scope,.stack-scope *),
445
- canvas:where(.stack-scope,.stack-scope *),
446
- audio:where(.stack-scope,.stack-scope *),
447
- iframe:where(.stack-scope,.stack-scope *),
448
- embed:where(.stack-scope,.stack-scope *),
449
- object:where(.stack-scope,.stack-scope *) {
450
- display: block; /* 1 */
451
- vertical-align: middle; /* 2 */
452
- }
453
-
454
- /*
455
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
456
- */
457
-
458
- img:where(.stack-scope,.stack-scope *),
459
- video:where(.stack-scope,.stack-scope *) {
460
- max-width: 100%;
461
- height: auto;
462
- }
463
-
464
- /* Make elements with the HTML hidden attribute stay hidden by default */
465
- [hidden]:where(.stack-scope,.stack-scope *) {
466
- display: none;
467
- }
468
-
469
- *, ::before, ::after {
470
- --tw-border-spacing-x: 0;
471
- --tw-border-spacing-y: 0;
472
- --tw-translate-x: 0;
473
- --tw-translate-y: 0;
474
- --tw-rotate: 0;
475
- --tw-skew-x: 0;
476
- --tw-skew-y: 0;
477
- --tw-scale-x: 1;
478
- --tw-scale-y: 1;
479
- --tw-pan-x: ;
480
- --tw-pan-y: ;
481
- --tw-pinch-zoom: ;
482
- --tw-scroll-snap-strictness: proximity;
483
- --tw-gradient-from-position: ;
484
- --tw-gradient-via-position: ;
485
- --tw-gradient-to-position: ;
486
- --tw-ordinal: ;
487
- --tw-slashed-zero: ;
488
- --tw-numeric-figure: ;
489
- --tw-numeric-spacing: ;
490
- --tw-numeric-fraction: ;
491
- --tw-ring-inset: ;
492
- --tw-ring-offset-width: 0px;
493
- --tw-ring-offset-color: #fff;
494
- --tw-ring-color: rgb(59 130 246 / 0.5);
495
- --tw-ring-offset-shadow: 0 0 #0000;
496
- --tw-ring-shadow: 0 0 #0000;
497
- --tw-shadow: 0 0 #0000;
498
- --tw-shadow-colored: 0 0 #0000;
499
- --tw-blur: ;
500
- --tw-brightness: ;
501
- --tw-contrast: ;
502
- --tw-grayscale: ;
503
- --tw-hue-rotate: ;
504
- --tw-invert: ;
505
- --tw-saturate: ;
506
- --tw-sepia: ;
507
- --tw-drop-shadow: ;
508
- --tw-backdrop-blur: ;
509
- --tw-backdrop-brightness: ;
510
- --tw-backdrop-contrast: ;
511
- --tw-backdrop-grayscale: ;
512
- --tw-backdrop-hue-rotate: ;
513
- --tw-backdrop-invert: ;
514
- --tw-backdrop-opacity: ;
515
- --tw-backdrop-saturate: ;
516
- --tw-backdrop-sepia: ;
517
- }
518
-
519
- ::backdrop {
520
- --tw-border-spacing-x: 0;
521
- --tw-border-spacing-y: 0;
522
- --tw-translate-x: 0;
523
- --tw-translate-y: 0;
524
- --tw-rotate: 0;
525
- --tw-skew-x: 0;
526
- --tw-skew-y: 0;
527
- --tw-scale-x: 1;
528
- --tw-scale-y: 1;
529
- --tw-pan-x: ;
530
- --tw-pan-y: ;
531
- --tw-pinch-zoom: ;
532
- --tw-scroll-snap-strictness: proximity;
533
- --tw-gradient-from-position: ;
534
- --tw-gradient-via-position: ;
535
- --tw-gradient-to-position: ;
536
- --tw-ordinal: ;
537
- --tw-slashed-zero: ;
538
- --tw-numeric-figure: ;
539
- --tw-numeric-spacing: ;
540
- --tw-numeric-fraction: ;
541
- --tw-ring-inset: ;
542
- --tw-ring-offset-width: 0px;
543
- --tw-ring-offset-color: #fff;
544
- --tw-ring-color: rgb(59 130 246 / 0.5);
545
- --tw-ring-offset-shadow: 0 0 #0000;
546
- --tw-ring-shadow: 0 0 #0000;
547
- --tw-shadow: 0 0 #0000;
548
- --tw-shadow-colored: 0 0 #0000;
549
- --tw-blur: ;
550
- --tw-brightness: ;
551
- --tw-contrast: ;
552
- --tw-grayscale: ;
553
- --tw-hue-rotate: ;
554
- --tw-invert: ;
555
- --tw-saturate: ;
556
- --tw-sepia: ;
557
- --tw-drop-shadow: ;
558
- --tw-backdrop-blur: ;
559
- --tw-backdrop-brightness: ;
560
- --tw-backdrop-contrast: ;
561
- --tw-backdrop-grayscale: ;
562
- --tw-backdrop-hue-rotate: ;
563
- --tw-backdrop-invert: ;
564
- --tw-backdrop-opacity: ;
565
- --tw-backdrop-saturate: ;
566
- --tw-backdrop-sepia: ;
567
- }
568
- .wl_container {
569
- width: 100%;
570
- }
571
- @media (min-width: 640px) {
572
-
573
- .wl_container {
574
- max-width: 640px;
575
- }
576
- }
577
- @media (min-width: 768px) {
578
-
579
- .wl_container {
580
- max-width: 768px;
581
- }
582
- }
583
- @media (min-width: 1024px) {
584
-
585
- .wl_container {
586
- max-width: 1024px;
587
- }
588
- }
589
- @media (min-width: 1280px) {
590
-
591
- .wl_container {
592
- max-width: 1280px;
593
- }
594
- }
595
- @media (min-width: 1536px) {
596
-
597
- .wl_container {
598
- max-width: 1536px;
599
- }
600
- }
601
- @media (hover:hover) {
602
-
603
- .wl_label a:hover {
604
- --tw-text-opacity: 1;
605
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
606
- }
607
- }
608
- .wl_btn {
609
- display: inline-flex;
610
- height: 3rem;
611
- min-height: 3rem;
612
- flex-shrink: 0;
613
- cursor: pointer;
614
- -webkit-user-select: none;
615
- -moz-user-select: none;
616
- user-select: none;
617
- flex-wrap: wrap;
618
- align-items: center;
619
- justify-content: center;
620
- border-radius: var(--rounded-btn, 0.5rem);
621
- border-color: transparent;
622
- border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
623
- padding-left: 1rem;
624
- padding-right: 1rem;
625
- text-align: center;
626
- font-size: 0.875rem;
627
- line-height: 1em;
628
- gap: 0.5rem;
629
- font-weight: 600;
630
- text-decoration-line: none;
631
- transition-duration: 200ms;
632
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
633
- border-width: var(--border-btn, 1px);
634
- animation: button-pop var(--animation-btn, 0.25s) ease-out;
635
- transition-property: color, background-color, border-color, opacity, box-shadow, transform;
636
- --tw-text-opacity: 1;
637
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
638
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
639
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
640
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
641
- outline-color: var(--fallback-bc,oklch(var(--bc)/1));
642
- background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
643
- --tw-bg-opacity: 1;
644
- --tw-border-opacity: 1;
645
- }
646
- .wl_btn-disabled,
647
- .wl_btn[disabled],
648
- .wl_btn:disabled {
649
- pointer-events: none;
650
- }
651
- :where(.wl_btn:is(input[type="checkbox"])),
652
- :where(.wl_btn:is(input[type="radio"])) {
653
- width: auto;
654
- -webkit-appearance: none;
655
- -moz-appearance: none;
656
- appearance: none;
657
- }
658
- .wl_btn:is(input[type="checkbox"]):after,
659
- .wl_btn:is(input[type="radio"]):after {
660
- --tw-content: attr(aria-label);
661
- content: var(--tw-content);
662
- }
663
- @media (hover: hover) {
664
-
665
- .wl_btn:hover {
666
- --tw-border-opacity: 1;
667
- border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
668
- --tw-bg-opacity: 1;
669
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
670
- }
671
-
672
- @supports (color: color-mix(in oklab, black, black)) {
673
-
674
- .wl_btn:hover {
675
- background-color: color-mix(
676
- in oklab,
677
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
678
- black
679
- );
680
- border-color: color-mix(
681
- in oklab,
682
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
683
- black
684
- );
685
- }
686
- }
687
-
688
- @supports not (color: oklch(0 0 0)) {
689
-
690
- .wl_btn:hover {
691
- background-color: var(--btn-color, var(--fallback-b2));
692
- border-color: var(--btn-color, var(--fallback-b2));
693
- }
694
- }
695
-
696
- .wl_btn:hover {
697
- --tw-border-opacity: 1;
698
- border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
699
- --tw-bg-opacity: 1;
700
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
701
- }
702
-
703
- @supports (color: color-mix(in oklab, black, black)) {
704
-
705
- .wl_btn:hover {
706
- background-color: color-mix(
707
- in oklab,
708
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
709
- black
710
- );
711
- border-color: color-mix(
712
- in oklab,
713
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
714
- black
715
- );
716
- }
717
- }
718
-
719
- @supports not (color: oklch(0 0 0)) {
720
-
721
- .wl_btn:hover {
722
- background-color: var(--btn-color, var(--fallback-b2));
723
- border-color: var(--btn-color, var(--fallback-b2));
724
- }
725
- }
726
-
727
- .wl_btn:hover {
728
- --tw-border-opacity: 1;
729
- border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
730
- --tw-bg-opacity: 1;
731
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
732
- }
733
-
734
- @supports (color: color-mix(in oklab, black, black)) {
735
-
736
- .wl_btn:hover {
737
- background-color: color-mix(
738
- in oklab,
739
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
740
- black
741
- );
742
- border-color: color-mix(
743
- in oklab,
744
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
745
- black
746
- );
747
- }
748
- }
749
-
750
- @supports not (color: oklch(0 0 0)) {
751
-
752
- .wl_btn:hover {
753
- background-color: var(--btn-color, var(--fallback-b2));
754
- border-color: var(--btn-color, var(--fallback-b2));
755
- }
756
- }
757
-
758
- .wl_btn.wl_glass:hover {
759
- --glass-opacity: 25%;
760
- --glass-border-opacity: 15%;
761
- }
762
-
763
- .wl_btn-outline.wl_btn-primary:hover {
764
- --tw-text-opacity: 1;
765
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
766
- }
767
-
768
- @supports (color: color-mix(in oklab, black, black)) {
769
-
770
- .wl_btn-outline.wl_btn-primary:hover {
771
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
772
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
773
- }
774
- }
775
-
776
- .wl_btn-outline.wl_btn-primary:hover {
777
- --tw-text-opacity: 1;
778
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
779
- }
780
-
781
- @supports (color: color-mix(in oklab, black, black)) {
782
-
783
- .wl_btn-outline.wl_btn-primary:hover {
784
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
785
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
786
- }
787
- }
788
-
789
- .wl_btn-disabled:hover,
790
- .wl_btn[disabled]:hover,
791
- .wl_btn:disabled:hover {
792
- --tw-border-opacity: 0;
793
- background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
794
- --tw-bg-opacity: 0.2;
795
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
796
- --tw-text-opacity: 0.2;
797
- }
798
-
799
- @supports (color: color-mix(in oklab, black, black)) {
800
-
801
- .wl_btn:is(input[type="checkbox"]:checked):hover, .wl_btn:is(input[type="radio"]:checked):hover {
802
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
803
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
804
- }
805
- }
806
- }
807
- .wl_form-control {
808
- display: flex;
809
- flex-direction: column;
810
- }
811
- .wl_label {
812
- display: flex;
813
- -webkit-user-select: none;
814
- -moz-user-select: none;
815
- user-select: none;
816
- align-items: center;
817
- justify-content: space-between;
818
- padding-left: 0.25rem;
819
- padding-right: 0.25rem;
820
- padding-top: 0.5rem;
821
- padding-bottom: 0.5rem;
822
- }
823
- .wl_input {
824
- flex-shrink: 1;
825
- -webkit-appearance: none;
826
- -moz-appearance: none;
827
- appearance: none;
828
- height: 3rem;
829
- padding-left: 1rem;
830
- padding-right: 1rem;
831
- font-size: 1rem;
832
- line-height: 2;
833
- line-height: 1.5rem;
834
- border-radius: var(--rounded-btn, 0.5rem);
835
- border-width: 1px;
836
- border-color: transparent;
837
- --tw-bg-opacity: 1;
838
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
839
- }
840
- .wl_input[type="number"]::-webkit-inner-spin-button,
841
- .wl_input-md[type="number"]::-webkit-inner-spin-button {
842
- margin-top: -1rem;
843
- margin-bottom: -1rem;
844
- margin-inline-end: -1rem;
845
- }
846
- .wl_btm-nav > * .wl_label {
847
- font-size: 1rem;
848
- line-height: 1.5rem;
849
- }
850
- .wl_btn:active:hover,
851
- .wl_btn:active:focus {
852
- animation: button-pop 0s ease-out;
853
- transform: scale(var(--btn-focus-scale, 0.97));
854
- }
855
- @supports not (color: oklch(0 0 0)) {
856
-
857
- .wl_btn {
858
- background-color: var(--btn-color, var(--fallback-b2));
859
- border-color: var(--btn-color, var(--fallback-b2));
860
- }
861
-
862
- .wl_btn-primary {
863
- --btn-color: var(--fallback-p);
864
- }
865
- }
866
- @supports (color: color-mix(in oklab, black, black)) {
867
-
868
- .wl_btn-outline.wl_btn-primary.wl_btn-active {
869
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
870
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
871
- }
872
- }
873
- .wl_btn:focus-visible {
874
- outline-style: solid;
875
- outline-width: 2px;
876
- outline-offset: 2px;
877
- }
878
- .wl_btn-primary {
879
- --tw-text-opacity: 1;
880
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
881
- outline-color: var(--fallback-p,oklch(var(--p)/1));
882
- }
883
- @supports (color: oklch(0 0 0)) {
884
-
885
- .wl_btn-primary {
886
- --btn-color: var(--p);
887
- }
888
- }
889
- .wl_btn.wl_glass {
890
- --tw-shadow: 0 0 #0000;
891
- --tw-shadow-colored: 0 0 #0000;
892
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
893
- outline-color: currentColor;
894
- }
895
- .wl_btn.wl_glass.wl_btn-active {
896
- --glass-opacity: 25%;
897
- --glass-border-opacity: 15%;
898
- }
899
- .wl_btn-outline.wl_btn-primary {
900
- --tw-text-opacity: 1;
901
- color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
902
- }
903
- .wl_btn-outline.wl_btn-primary.wl_btn-active {
904
- --tw-text-opacity: 1;
905
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
906
- }
907
- .wl_btn.wl_btn-disabled,
908
- .wl_btn[disabled],
909
- .wl_btn:disabled {
910
- --tw-border-opacity: 0;
911
- background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
912
- --tw-bg-opacity: 0.2;
913
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
914
- --tw-text-opacity: 0.2;
915
- }
916
- .wl_btn:is(input[type="checkbox"]:checked),
917
- .wl_btn:is(input[type="radio"]:checked) {
918
- --tw-border-opacity: 1;
919
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
920
- --tw-bg-opacity: 1;
921
- background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
922
- --tw-text-opacity: 1;
923
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
924
- }
925
- .wl_btn:is(input[type="checkbox"]:checked):focus-visible, .wl_btn:is(input[type="radio"]:checked):focus-visible {
926
- outline-color: var(--fallback-p,oklch(var(--p)/1));
927
- }
928
- @keyframes button-pop {
929
-
930
- 0% {
931
- transform: scale(var(--btn-focus-scale, 0.98));
932
- }
933
-
934
- 40% {
935
- transform: scale(1.02);
936
- }
937
-
938
- 100% {
939
- transform: scale(1);
940
- }
941
- }
942
- @keyframes checkmark {
943
-
944
- 0% {
945
- background-position-y: 5px;
946
- }
947
-
948
- 50% {
949
- background-position-y: -2px;
950
- }
951
-
952
- 100% {
953
- background-position-y: 0;
954
- }
955
- }
956
- .wl_label-text {
957
- font-size: 0.875rem;
958
- line-height: 1.25rem;
959
- --tw-text-opacity: 1;
960
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
961
- }
962
- .wl_input input {
963
- --tw-bg-opacity: 1;
964
- background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
965
- background-color: transparent;
966
- }
967
- .wl_input input:focus {
968
- outline: 2px solid transparent;
969
- outline-offset: 2px;
970
- }
971
- .wl_input[list]::-webkit-calendar-picker-indicator {
972
- line-height: 1em;
973
- }
974
- .wl_input-bordered {
975
- border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
976
- }
977
- .wl_input:focus,
978
- .wl_input:focus-within {
979
- box-shadow: none;
980
- border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
981
- outline-style: solid;
982
- outline-width: 2px;
983
- outline-offset: 2px;
984
- outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
985
- }
986
- .wl_input-disabled,
987
- .wl_input:disabled,
988
- .wl_input[disabled] {
989
- cursor: not-allowed;
990
- --tw-border-opacity: 1;
991
- border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
992
- --tw-bg-opacity: 1;
993
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
994
- color: var(--fallback-bc,oklch(var(--bc)/0.4));
995
- }
996
- .wl_input-disabled::-moz-placeholder, .wl_input:disabled::-moz-placeholder, .wl_input[disabled]::-moz-placeholder {
997
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
998
- --tw-placeholder-opacity: 0.2;
999
- }
1000
- .wl_input-disabled::placeholder,
1001
- .wl_input:disabled::placeholder,
1002
- .wl_input[disabled]::placeholder {
1003
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1004
- --tw-placeholder-opacity: 0.2;
1005
- }
1006
- .wl_input::-webkit-date-and-time-value {
1007
- text-align: inherit;
1008
- }
1009
- .wl_loading {
1010
- pointer-events: none;
1011
- display: inline-block;
1012
- aspect-ratio: 1 / 1;
1013
- width: 1.5rem;
1014
- background-color: currentColor;
1015
- -webkit-mask-size: 100%;
1016
- mask-size: 100%;
1017
- -webkit-mask-repeat: no-repeat;
1018
- mask-repeat: no-repeat;
1019
- -webkit-mask-position: center;
1020
- mask-position: center;
1021
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1022
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1023
- }
1024
- .wl_loading-spinner {
1025
- -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1026
- mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
1027
- }
1028
- .wl_mockup-browser .wl_mockup-browser-toolbar .wl_input {
1029
- position: relative;
1030
- margin-left: auto;
1031
- margin-right: auto;
1032
- display: block;
1033
- height: 1.75rem;
1034
- width: 24rem;
1035
- overflow: hidden;
1036
- text-overflow: ellipsis;
1037
- white-space: nowrap;
1038
- --tw-bg-opacity: 1;
1039
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1040
- padding-left: 2rem;
1041
- direction: ltr;
1042
- }
1043
- .wl_mockup-browser .wl_mockup-browser-toolbar .wl_input:before {
1044
- content: "";
1045
- position: absolute;
1046
- left: 0.5rem;
1047
- top: 50%;
1048
- aspect-ratio: 1 / 1;
1049
- height: 0.75rem;
1050
- --tw-translate-y: -50%;
1051
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1052
- border-radius: 9999px;
1053
- border-width: 2px;
1054
- border-color: currentColor;
1055
- opacity: 0.6;
1056
- }
1057
- .wl_mockup-browser .wl_mockup-browser-toolbar .wl_input:after {
1058
- content: "";
1059
- position: absolute;
1060
- left: 1.25rem;
1061
- top: 50%;
1062
- height: 0.5rem;
1063
- --tw-translate-y: 25%;
1064
- --tw-rotate: -45deg;
1065
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1066
- border-radius: 9999px;
1067
- border-width: 1px;
1068
- border-color: currentColor;
1069
- opacity: 0.6;
1070
- }
1071
- @keyframes modal-pop {
1072
-
1073
- 0% {
1074
- opacity: 0;
1075
- }
1076
- }
1077
- @keyframes progress-loading {
1078
-
1079
- 50% {
1080
- background-position-x: -115%;
1081
- }
1082
- }
1083
- @keyframes radiomark {
1084
-
1085
- 0% {
1086
- box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1087
- 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1088
- }
1089
-
1090
- 50% {
1091
- box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1092
- 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1093
- }
1094
-
1095
- 100% {
1096
- box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1097
- 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1098
- }
1099
- }
1100
- @keyframes rating-pop {
1101
-
1102
- 0% {
1103
- transform: translateY(-0.125em);
1104
- }
1105
-
1106
- 40% {
1107
- transform: translateY(-0.125em);
1108
- }
1109
-
1110
- 100% {
1111
- transform: translateY(0);
1112
- }
1113
- }
1114
- @keyframes skeleton {
1115
-
1116
- from {
1117
- background-position: 150%;
1118
- }
1119
-
1120
- to {
1121
- background-position: -50%;
1122
- }
1123
- }
1124
- @keyframes toast-pop {
1125
-
1126
- 0% {
1127
- transform: scale(0.9);
1128
- opacity: 0;
1129
- }
1130
-
1131
- 100% {
1132
- transform: scale(1);
1133
- opacity: 1;
1134
- }
1135
- }
1136
- .wl_invisible {
1137
- visibility: hidden;
1138
- }
1139
- .wl_absolute {
1140
- position: absolute;
1141
- }
1142
- .wl_relative {
1143
- position: relative;
1144
- }
1145
- .wl_inset-y-0 {
1146
- top: 0px;
1147
- bottom: 0px;
1148
- }
1149
- .wl_right-0 {
1150
- right: 0px;
1151
- }
1152
- .wl_mx-auto {
1153
- margin-left: auto;
1154
- margin-right: auto;
1155
- }
1156
- .wl_my-4 {
1157
- margin-top: 1rem;
1158
- margin-bottom: 1rem;
1159
- }
1160
- .wl_mb-6 {
1161
- margin-bottom: 1.5rem;
1162
- }
1163
- .wl_mb-8 {
1164
- margin-bottom: 2rem;
1165
- }
1166
- .wl_ml-2 {
1167
- margin-left: 0.5rem;
1168
- }
1169
- .wl_mr-2 {
1170
- margin-right: 0.5rem;
1171
- }
1172
- .wl_mt-6 {
1173
- margin-top: 1.5rem;
1174
- }
1175
- .wl_flex {
1176
- display: flex;
1177
- }
1178
- .wl_h-px {
1179
- height: 1px;
1180
- }
1181
- .wl_min-h-screen {
1182
- min-height: 100vh;
1183
- }
1184
- .wl_w-full {
1185
- width: 100%;
1186
- }
1187
- .wl_max-w-md {
1188
- max-width: 28rem;
1189
- }
1190
- .wl_flex-grow {
1191
- flex-grow: 1;
1192
- }
1193
- .wl_flex-row {
1194
- flex-direction: row;
1195
- }
1196
- .wl_flex-col {
1197
- flex-direction: column;
1198
- }
1199
- .wl_items-center {
1200
- align-items: center;
1201
- }
1202
- .wl_items-stretch {
1203
- align-items: stretch;
1204
- }
1205
- .wl_justify-center {
1206
- justify-content: center;
1207
- }
1208
- .wl_justify-between {
1209
- justify-content: space-between;
1210
- }
1211
- .wl_gap-4 {
1212
- gap: 1rem;
1213
- }
1214
- .wl_space-y-2 > :not([hidden]) ~ :not([hidden]) {
1215
- --tw-space-y-reverse: 0;
1216
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1217
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1218
- }
1219
- .wl_space-y-4 > :not([hidden]) ~ :not([hidden]) {
1220
- --tw-space-y-reverse: 0;
1221
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1222
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1223
- }
1224
- .wl_rounded-xl {
1225
- border-radius: 0.75rem;
1226
- }
1227
- .wl_bg-neutral {
1228
- --tw-bg-opacity: 1;
1229
- background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1230
- }
1231
- .wl_bg-transparent {
1232
- background-color: transparent;
1233
- }
1234
- .wl_px-4 {
1235
- padding-left: 1rem;
1236
- padding-right: 1rem;
1237
- }
1238
- .wl_py-8 {
1239
- padding-top: 2rem;
1240
- padding-bottom: 2rem;
1241
- }
1242
- .wl_pr-3 {
1243
- padding-right: 0.75rem;
1244
- }
1245
- .wl_text-center {
1246
- text-align: center;
1247
- }
1248
- .wl_font-sans {
1249
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1250
- }
1251
- .wl_text-2xl {
1252
- font-size: 1.5rem;
1253
- line-height: 2rem;
1254
- }
1255
- .wl_text-sm {
1256
- font-size: 0.875rem;
1257
- line-height: 1.25rem;
1258
- }
1259
- .wl_text-blue-500 {
1260
- --tw-text-opacity: 1;
1261
- color: rgb(59 130 246 / var(--tw-text-opacity));
1262
- }
1263
- .wl_text-neutral {
1264
- --tw-text-opacity: 1;
1265
- color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
1266
- }
1267
- .wl_text-red-500 {
1268
- --tw-text-opacity: 1;
1269
- color: rgb(239 68 68 / var(--tw-text-opacity));
1270
- }
1271
- .wl_no-underline {
1272
- text-decoration-line: none;
1273
- }
1274
- @media (min-width: 640px) {
1275
-
1276
- .sm\:wl_bg-base-200 {
1277
- --tw-bg-opacity: 1;
1278
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1279
- }
1280
-
1281
- .sm\:wl_px-10 {
1282
- padding-left: 2.5rem;
1283
- padding-right: 2.5rem;
1284
- }
1285
-
1286
- .sm\:wl_shadow-xl {
1287
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1288
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1289
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1290
- }
1291
- }
1292
- @media (min-width: 768px) {
1293
-
1294
- .md\:wl_space-y-3 > :not([hidden]) ~ :not([hidden]) {
1295
- --tw-space-y-reverse: 0;
1296
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1297
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1298
- }
1299
- }