@0xsquid/ui 0.17.0 → 0.17.1-beta.1

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 (246) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/index.css +4 -0
  3. package/dist/cjs/index.js +6884 -35464
  4. package/dist/cjs/types/components/badges/IconLabel.d.ts +10 -0
  5. package/dist/cjs/types/components/badges/ImageIcon.d.ts +9 -0
  6. package/dist/cjs/types/components/badges/LoadingSkeleton.d.ts +8 -2
  7. package/dist/cjs/types/components/badges/TransactionState.d.ts +15 -0
  8. package/dist/cjs/types/components/badges/WalletLink.d.ts +6 -0
  9. package/dist/cjs/types/components/badges/index.d.ts +4 -0
  10. package/dist/cjs/types/components/buttons/FilterButton.d.ts +6 -0
  11. package/dist/cjs/types/components/buttons/index.d.ts +1 -0
  12. package/dist/cjs/types/components/icons/Approve.d.ts +1 -0
  13. package/dist/cjs/types/components/icons/Arrow.d.ts +12 -2
  14. package/dist/cjs/types/components/icons/ArrowRotate.d.ts +1 -0
  15. package/dist/cjs/types/components/icons/Bag.d.ts +1 -0
  16. package/dist/cjs/types/components/icons/BoostBadge.d.ts +1 -0
  17. package/dist/cjs/types/components/icons/Calendar.d.ts +1 -0
  18. package/dist/cjs/types/components/icons/Collection.d.ts +1 -0
  19. package/dist/cjs/types/components/icons/Copy.d.ts +5 -0
  20. package/dist/cjs/types/components/icons/Filter.d.ts +1 -0
  21. package/dist/cjs/types/components/icons/HomeIcon.d.ts +3 -0
  22. package/dist/cjs/types/components/icons/ImageSparkle.d.ts +1 -0
  23. package/dist/cjs/types/components/icons/Link.d.ts +2 -0
  24. package/dist/cjs/types/components/icons/Loader.d.ts +3 -3
  25. package/dist/cjs/types/components/icons/NotAllowed.d.ts +1 -0
  26. package/dist/cjs/types/components/icons/PieChart.d.ts +1 -0
  27. package/dist/cjs/types/components/icons/Separator.d.ts +3 -0
  28. package/dist/cjs/types/components/icons/SquareArrowCenter.d.ts +1 -0
  29. package/dist/cjs/types/components/icons/Tag.d.ts +4 -0
  30. package/dist/cjs/types/components/icons/ThumbsUp.d.ts +3 -0
  31. package/dist/cjs/types/components/icons/Tick.d.ts +3 -0
  32. package/dist/cjs/types/components/icons/Timeline.d.ts +11 -0
  33. package/dist/cjs/types/components/layout/Breadcrumb.d.ts +5 -0
  34. package/dist/cjs/types/components/layout/Collapse.d.ts +11 -0
  35. package/dist/cjs/types/components/layout/DescriptionBlocks.d.ts +8 -0
  36. package/dist/cjs/types/components/layout/ExploreLayout.d.ts +7 -0
  37. package/dist/cjs/types/components/layout/HashLink.d.ts +10 -0
  38. package/dist/cjs/types/components/layout/Join.d.ts +7 -0
  39. package/dist/cjs/types/components/layout/TokenPair.d.ts +6 -3
  40. package/dist/cjs/types/components/layout/TransactionFilters.d.ts +20 -0
  41. package/dist/cjs/types/components/layout/TransactionHeader/BridgeHeader.d.ts +11 -0
  42. package/dist/cjs/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +10 -0
  43. package/dist/cjs/types/components/layout/TransactionHeader/InteractionHeader.d.ts +11 -0
  44. package/dist/cjs/types/components/layout/TransactionHeader/ProfileHeader.d.ts +11 -0
  45. package/dist/cjs/types/components/layout/TransactionHeader/SwapHeader.d.ts +16 -0
  46. package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeader.d.ts +23 -0
  47. package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -0
  48. package/dist/cjs/types/components/layout/TransactionHeader/index.d.ts +1 -0
  49. package/dist/cjs/types/components/layout/TransactionProperties/BridgeProperties.d.ts +21 -0
  50. package/dist/cjs/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +33 -0
  51. package/dist/cjs/types/components/layout/TransactionProperties/InteractionProperties.d.ts +11 -0
  52. package/dist/cjs/types/components/layout/TransactionProperties/PropertiesLayout.d.ts +7 -0
  53. package/dist/cjs/types/components/layout/TransactionProperties/SwapProperties.d.ts +28 -0
  54. package/dist/cjs/types/components/layout/TransactionProperties/TransactionProperties.d.ts +21 -0
  55. package/dist/cjs/types/components/layout/TransactionProperties/index.d.ts +6 -0
  56. package/dist/cjs/types/components/layout/TransactionSearch.d.ts +8 -0
  57. package/dist/cjs/types/components/layout/Transfer.d.ts +9 -0
  58. package/dist/cjs/types/components/layout/index.d.ts +23 -0
  59. package/dist/cjs/types/components/lists/PropertyListItem.d.ts +10 -0
  60. package/dist/cjs/types/components/lists/SwapStepItem.d.ts +3 -3
  61. package/dist/cjs/types/components/lists/TransactionAction/ActionLayout.d.ts +40 -0
  62. package/dist/cjs/types/components/lists/TransactionAction/ApproveAction.d.ts +21 -0
  63. package/dist/cjs/types/components/lists/TransactionAction/BaseActionProps.d.ts +10 -0
  64. package/dist/cjs/types/components/lists/TransactionAction/BridgeAction.d.ts +20 -0
  65. package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts +28 -0
  66. package/dist/cjs/types/components/lists/TransactionAction/IncompleteAction.d.ts +8 -0
  67. package/dist/cjs/types/components/lists/TransactionAction/ReceiveNFTAction.d.ts +21 -0
  68. package/dist/cjs/types/components/lists/TransactionAction/ReceiveTokensAction.d.ts +22 -0
  69. package/dist/cjs/types/components/lists/TransactionAction/SendTokensAction.d.ts +22 -0
  70. package/dist/cjs/types/components/lists/TransactionAction/StakeAction.d.ts +16 -0
  71. package/dist/cjs/types/components/lists/TransactionAction/StartAction.d.ts +8 -0
  72. package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts +9 -0
  73. package/dist/cjs/types/components/lists/TransactionAction/SwapAction.d.ts +20 -0
  74. package/dist/cjs/types/components/lists/TransactionAction/TransactionAction.d.ts +37 -0
  75. package/dist/cjs/types/components/lists/TransactionAction/WrapAction.d.ts +20 -0
  76. package/dist/cjs/types/components/lists/TransactionAction/index.d.ts +14 -0
  77. package/dist/cjs/types/components/lists/TransactionAction/linkActionTimelineProps.d.ts +2 -0
  78. package/dist/cjs/types/components/lists/TransactionItem.d.ts +25 -0
  79. package/dist/cjs/types/components/lists/index.d.ts +18 -1
  80. package/dist/cjs/types/components/typography/BodyText.d.ts +4 -3
  81. package/dist/cjs/types/components/typography/HeadingText.d.ts +2 -1
  82. package/dist/cjs/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +10 -0
  83. package/dist/cjs/types/components/views/TransactionView/BridgeTransactionView.d.ts +22 -0
  84. package/dist/cjs/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +34 -0
  85. package/dist/cjs/types/components/views/TransactionView/InteractionTransactionView.d.ts +14 -0
  86. package/dist/cjs/types/components/views/TransactionView/SwapTransactionView.d.ts +30 -0
  87. package/dist/cjs/types/components/views/TransactionView/TransactionView.d.ts +21 -0
  88. package/dist/cjs/types/components/views/TransactionView/TransactionViewLayout.d.ts +10 -0
  89. package/dist/cjs/types/components/views/TransactionView/index.d.ts +6 -0
  90. package/dist/cjs/types/components/views/index.d.ts +7 -1
  91. package/dist/cjs/types/core/utils.d.ts +7 -1
  92. package/dist/cjs/types/hooks/useRect.d.ts +3 -0
  93. package/dist/cjs/types/providers/SquidConfigProvider.d.ts +1 -0
  94. package/dist/cjs/types/stories/badges/IconLabel.stories.d.ts +7 -0
  95. package/dist/cjs/types/stories/badges/ImageIcon.stories.d.ts +7 -0
  96. package/dist/cjs/types/stories/badges/Loader.stories.d.ts +0 -1
  97. package/dist/cjs/types/stories/badges/LoadingSkeleton.stories.d.ts +3 -1
  98. package/dist/cjs/types/stories/badges/TransactionState.stories.d.ts +15 -0
  99. package/dist/cjs/types/stories/badges/WalletLink.stories.d.ts +6 -0
  100. package/dist/cjs/types/stories/buttons/FilterButton.stories.d.ts +7 -0
  101. package/dist/cjs/types/stories/data/actions.d.ts +223 -0
  102. package/dist/cjs/types/stories/data/network.d.ts +52 -0
  103. package/dist/cjs/types/stories/data/transaction.d.ts +49 -0
  104. package/dist/cjs/types/stories/layout/ExploreLayout.stories.d.ts +6 -0
  105. package/dist/cjs/types/stories/layout/HashLink.stories.d.ts +11 -0
  106. package/dist/cjs/types/stories/layout/TokenPair.stories.d.ts +4 -1
  107. package/dist/cjs/types/stories/layout/TransactionFilters.stories.d.ts +6 -0
  108. package/dist/cjs/types/stories/layout/TransactionHeader.stories.d.ts +10 -0
  109. package/dist/cjs/types/stories/layout/TransactionProperties.stories.d.ts +9 -0
  110. package/dist/cjs/types/stories/layout/TransactionSearch.stories.d.ts +7 -0
  111. package/dist/cjs/types/stories/{lists/SwapDetailListItem.stories.d.ts → layout/Transfer.stories.d.ts} +2 -3
  112. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +1 -0
  113. package/dist/cjs/types/stories/lists/PropertyListItem.stories.d.ts +9 -0
  114. package/dist/cjs/types/stories/lists/TransactionAction.stories.d.ts +23 -0
  115. package/dist/cjs/types/stories/lists/TransactionItem.stories.d.ts +10 -0
  116. package/dist/cjs/types/stories/views/TransactionView.stories.d.ts +9 -0
  117. package/dist/cjs/types/types/components.d.ts +12 -4
  118. package/dist/cjs/types/types/data.d.ts +155 -0
  119. package/dist/cjs/types/types/index.d.ts +1 -1
  120. package/dist/esm/fonts/Geist-Variable.woff2 +0 -0
  121. package/dist/esm/fonts/fonts/Geist-Variable.woff2 +0 -0
  122. package/dist/esm/index.css +4 -0
  123. package/dist/esm/index.js +6820 -35463
  124. package/dist/esm/types/components/badges/IconLabel.d.ts +10 -0
  125. package/dist/esm/types/components/badges/ImageIcon.d.ts +9 -0
  126. package/dist/esm/types/components/badges/LoadingSkeleton.d.ts +8 -2
  127. package/dist/esm/types/components/badges/TransactionState.d.ts +15 -0
  128. package/dist/esm/types/components/badges/WalletLink.d.ts +6 -0
  129. package/dist/esm/types/components/badges/index.d.ts +4 -0
  130. package/dist/esm/types/components/buttons/FilterButton.d.ts +6 -0
  131. package/dist/esm/types/components/buttons/index.d.ts +1 -0
  132. package/dist/esm/types/components/icons/Approve.d.ts +1 -0
  133. package/dist/esm/types/components/icons/Arrow.d.ts +12 -2
  134. package/dist/esm/types/components/icons/ArrowRotate.d.ts +1 -0
  135. package/dist/esm/types/components/icons/Bag.d.ts +1 -0
  136. package/dist/esm/types/components/icons/BoostBadge.d.ts +1 -0
  137. package/dist/esm/types/components/icons/Calendar.d.ts +1 -0
  138. package/dist/esm/types/components/icons/Collection.d.ts +1 -0
  139. package/dist/esm/types/components/icons/Copy.d.ts +5 -0
  140. package/dist/esm/types/components/icons/Filter.d.ts +1 -0
  141. package/dist/esm/types/components/icons/HomeIcon.d.ts +3 -0
  142. package/dist/esm/types/components/icons/ImageSparkle.d.ts +1 -0
  143. package/dist/esm/types/components/icons/Link.d.ts +2 -0
  144. package/dist/esm/types/components/icons/Loader.d.ts +3 -3
  145. package/dist/esm/types/components/icons/NotAllowed.d.ts +1 -0
  146. package/dist/esm/types/components/icons/PieChart.d.ts +1 -0
  147. package/dist/esm/types/components/icons/Separator.d.ts +3 -0
  148. package/dist/esm/types/components/icons/SquareArrowCenter.d.ts +1 -0
  149. package/dist/esm/types/components/icons/Tag.d.ts +4 -0
  150. package/dist/esm/types/components/icons/ThumbsUp.d.ts +3 -0
  151. package/dist/esm/types/components/icons/Tick.d.ts +3 -0
  152. package/dist/esm/types/components/icons/Timeline.d.ts +11 -0
  153. package/dist/esm/types/components/layout/Breadcrumb.d.ts +5 -0
  154. package/dist/esm/types/components/layout/Collapse.d.ts +11 -0
  155. package/dist/esm/types/components/layout/DescriptionBlocks.d.ts +8 -0
  156. package/dist/esm/types/components/layout/ExploreLayout.d.ts +7 -0
  157. package/dist/esm/types/components/layout/HashLink.d.ts +10 -0
  158. package/dist/esm/types/components/layout/Join.d.ts +7 -0
  159. package/dist/esm/types/components/layout/TokenPair.d.ts +6 -3
  160. package/dist/esm/types/components/layout/TransactionFilters.d.ts +20 -0
  161. package/dist/esm/types/components/layout/TransactionHeader/BridgeHeader.d.ts +11 -0
  162. package/dist/esm/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +10 -0
  163. package/dist/esm/types/components/layout/TransactionHeader/InteractionHeader.d.ts +11 -0
  164. package/dist/esm/types/components/layout/TransactionHeader/ProfileHeader.d.ts +11 -0
  165. package/dist/esm/types/components/layout/TransactionHeader/SwapHeader.d.ts +16 -0
  166. package/dist/esm/types/components/layout/TransactionHeader/TransactionHeader.d.ts +23 -0
  167. package/dist/esm/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -0
  168. package/dist/esm/types/components/layout/TransactionHeader/index.d.ts +1 -0
  169. package/dist/esm/types/components/layout/TransactionProperties/BridgeProperties.d.ts +21 -0
  170. package/dist/esm/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +33 -0
  171. package/dist/esm/types/components/layout/TransactionProperties/InteractionProperties.d.ts +11 -0
  172. package/dist/esm/types/components/layout/TransactionProperties/PropertiesLayout.d.ts +7 -0
  173. package/dist/esm/types/components/layout/TransactionProperties/SwapProperties.d.ts +28 -0
  174. package/dist/esm/types/components/layout/TransactionProperties/TransactionProperties.d.ts +21 -0
  175. package/dist/esm/types/components/layout/TransactionProperties/index.d.ts +6 -0
  176. package/dist/esm/types/components/layout/TransactionSearch.d.ts +8 -0
  177. package/dist/esm/types/components/layout/Transfer.d.ts +9 -0
  178. package/dist/esm/types/components/layout/index.d.ts +23 -0
  179. package/dist/esm/types/components/lists/PropertyListItem.d.ts +10 -0
  180. package/dist/esm/types/components/lists/SwapStepItem.d.ts +3 -3
  181. package/dist/esm/types/components/lists/TransactionAction/ActionLayout.d.ts +40 -0
  182. package/dist/esm/types/components/lists/TransactionAction/ApproveAction.d.ts +21 -0
  183. package/dist/esm/types/components/lists/TransactionAction/BaseActionProps.d.ts +10 -0
  184. package/dist/esm/types/components/lists/TransactionAction/BridgeAction.d.ts +20 -0
  185. package/dist/esm/types/components/lists/TransactionAction/FeesAction.d.ts +28 -0
  186. package/dist/esm/types/components/lists/TransactionAction/IncompleteAction.d.ts +8 -0
  187. package/dist/esm/types/components/lists/TransactionAction/ReceiveNFTAction.d.ts +21 -0
  188. package/dist/esm/types/components/lists/TransactionAction/ReceiveTokensAction.d.ts +22 -0
  189. package/dist/esm/types/components/lists/TransactionAction/SendTokensAction.d.ts +22 -0
  190. package/dist/esm/types/components/lists/TransactionAction/StakeAction.d.ts +16 -0
  191. package/dist/esm/types/components/lists/TransactionAction/StartAction.d.ts +8 -0
  192. package/dist/esm/types/components/lists/TransactionAction/SuccessAction.d.ts +9 -0
  193. package/dist/esm/types/components/lists/TransactionAction/SwapAction.d.ts +20 -0
  194. package/dist/esm/types/components/lists/TransactionAction/TransactionAction.d.ts +37 -0
  195. package/dist/esm/types/components/lists/TransactionAction/WrapAction.d.ts +20 -0
  196. package/dist/esm/types/components/lists/TransactionAction/index.d.ts +14 -0
  197. package/dist/esm/types/components/lists/TransactionAction/linkActionTimelineProps.d.ts +2 -0
  198. package/dist/esm/types/components/lists/TransactionItem.d.ts +25 -0
  199. package/dist/esm/types/components/lists/index.d.ts +18 -1
  200. package/dist/esm/types/components/typography/BodyText.d.ts +4 -3
  201. package/dist/esm/types/components/typography/HeadingText.d.ts +2 -1
  202. package/dist/esm/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +10 -0
  203. package/dist/esm/types/components/views/TransactionView/BridgeTransactionView.d.ts +22 -0
  204. package/dist/esm/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +34 -0
  205. package/dist/esm/types/components/views/TransactionView/InteractionTransactionView.d.ts +14 -0
  206. package/dist/esm/types/components/views/TransactionView/SwapTransactionView.d.ts +30 -0
  207. package/dist/esm/types/components/views/TransactionView/TransactionView.d.ts +21 -0
  208. package/dist/esm/types/components/views/TransactionView/TransactionViewLayout.d.ts +10 -0
  209. package/dist/esm/types/components/views/TransactionView/index.d.ts +6 -0
  210. package/dist/esm/types/components/views/index.d.ts +7 -1
  211. package/dist/esm/types/core/utils.d.ts +7 -1
  212. package/dist/esm/types/hooks/useRect.d.ts +3 -0
  213. package/dist/esm/types/providers/SquidConfigProvider.d.ts +1 -0
  214. package/dist/esm/types/stories/badges/IconLabel.stories.d.ts +7 -0
  215. package/dist/esm/types/stories/badges/ImageIcon.stories.d.ts +7 -0
  216. package/dist/esm/types/stories/badges/Loader.stories.d.ts +0 -1
  217. package/dist/esm/types/stories/badges/LoadingSkeleton.stories.d.ts +3 -1
  218. package/dist/esm/types/stories/badges/TransactionState.stories.d.ts +15 -0
  219. package/dist/esm/types/stories/badges/WalletLink.stories.d.ts +6 -0
  220. package/dist/esm/types/stories/buttons/FilterButton.stories.d.ts +7 -0
  221. package/dist/esm/types/stories/data/actions.d.ts +223 -0
  222. package/dist/esm/types/stories/data/network.d.ts +52 -0
  223. package/dist/esm/types/stories/data/transaction.d.ts +49 -0
  224. package/dist/esm/types/stories/layout/ExploreLayout.stories.d.ts +6 -0
  225. package/dist/esm/types/stories/layout/HashLink.stories.d.ts +11 -0
  226. package/dist/esm/types/stories/layout/TokenPair.stories.d.ts +4 -1
  227. package/dist/esm/types/stories/layout/TransactionFilters.stories.d.ts +6 -0
  228. package/dist/esm/types/stories/layout/TransactionHeader.stories.d.ts +10 -0
  229. package/dist/esm/types/stories/layout/TransactionProperties.stories.d.ts +9 -0
  230. package/dist/esm/types/stories/layout/TransactionSearch.stories.d.ts +7 -0
  231. package/dist/esm/types/stories/{lists/SwapDetailListItem.stories.d.ts → layout/Transfer.stories.d.ts} +2 -3
  232. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +1 -0
  233. package/dist/esm/types/stories/lists/PropertyListItem.stories.d.ts +9 -0
  234. package/dist/esm/types/stories/lists/TransactionAction.stories.d.ts +23 -0
  235. package/dist/esm/types/stories/lists/TransactionItem.stories.d.ts +10 -0
  236. package/dist/esm/types/stories/views/TransactionView.stories.d.ts +9 -0
  237. package/dist/esm/types/types/components.d.ts +12 -4
  238. package/dist/esm/types/types/data.d.ts +155 -0
  239. package/dist/esm/types/types/index.d.ts +1 -1
  240. package/dist/index.d.ts +808 -76
  241. package/package.json +7 -4
  242. package/dist/cjs/types/components/lists/SwapDetailListItem.d.ts +0 -9
  243. package/dist/esm/types/components/lists/SwapDetailListItem.d.ts +0 -9
  244. package/dist/index.css +0 -2975
  245. /package/dist/{fonts → cjs/fonts}/Geist-Variable.woff2 +0 -0
  246. /package/dist/{fonts → cjs/fonts}/fonts/Geist-Variable.woff2 +0 -0
package/dist/index.css DELETED
@@ -1,2975 +0,0 @@
1
- /*
2
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
3
- */
4
-
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
-
10
- *,
11
- ::before,
12
- ::after {
13
- box-sizing: border-box;
14
- /* 1 */
15
- border-width: 0;
16
- /* 2 */
17
- border-style: solid;
18
- /* 2 */
19
- border-color: #e5e7eb;
20
- /* 2 */
21
- }
22
-
23
- ::before,
24
- ::after {
25
- --tw-content: '';
26
- }
27
-
28
- /*
29
- 1. Use a consistent sensible line-height in all browsers.
30
- 2. Prevent adjustments of font size after orientation changes in iOS.
31
- 3. Use a more readable tab size.
32
- 4. Use the user's configured `sans` font-family by default.
33
- 5. Use the user's configured `sans` font-feature-settings by default.
34
- 6. Use the user's configured `sans` font-variation-settings by default.
35
- 7. Disable tap highlights on iOS
36
- */
37
-
38
- html,
39
- :host {
40
- line-height: 1.5;
41
- /* 1 */
42
- -webkit-text-size-adjust: 100%;
43
- /* 2 */
44
- -moz-tab-size: 4;
45
- /* 3 */
46
- -o-tab-size: 4;
47
- tab-size: 4;
48
- /* 3 */
49
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
50
- /* 4 */
51
- font-feature-settings: normal;
52
- /* 5 */
53
- font-variation-settings: normal;
54
- /* 6 */
55
- -webkit-tap-highlight-color: transparent;
56
- /* 7 */
57
- }
58
-
59
- /*
60
- 1. Remove the margin in all browsers.
61
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
- */
63
-
64
- body {
65
- margin: 0;
66
- /* 1 */
67
- line-height: inherit;
68
- /* 2 */
69
- }
70
-
71
- /*
72
- 1. Add the correct height in Firefox.
73
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
- 3. Ensure horizontal rules are visible by default.
75
- */
76
-
77
- hr {
78
- height: 0;
79
- /* 1 */
80
- color: inherit;
81
- /* 2 */
82
- border-top-width: 1px;
83
- /* 3 */
84
- }
85
-
86
- /*
87
- Add the correct text decoration in Chrome, Edge, and Safari.
88
- */
89
-
90
- abbr:where([title]) {
91
- -webkit-text-decoration: underline dotted;
92
- text-decoration: underline dotted;
93
- }
94
-
95
- /*
96
- Remove the default font size and weight for headings.
97
- */
98
-
99
- h1,
100
- h2,
101
- h3,
102
- h4,
103
- h5,
104
- h6 {
105
- font-size: inherit;
106
- font-weight: inherit;
107
- }
108
-
109
- /*
110
- Reset links to optimize for opt-in styling instead of opt-out.
111
- */
112
-
113
- a {
114
- color: inherit;
115
- text-decoration: inherit;
116
- }
117
-
118
- /*
119
- Add the correct font weight in Edge and Safari.
120
- */
121
-
122
- b,
123
- strong {
124
- font-weight: bolder;
125
- }
126
-
127
- /*
128
- 1. Use the user's configured `mono` font-family by default.
129
- 2. Use the user's configured `mono` font-feature-settings by default.
130
- 3. Use the user's configured `mono` font-variation-settings by default.
131
- 4. Correct the odd `em` font sizing in all browsers.
132
- */
133
-
134
- code,
135
- kbd,
136
- samp,
137
- pre {
138
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
- /* 1 */
140
- font-feature-settings: normal;
141
- /* 2 */
142
- font-variation-settings: normal;
143
- /* 3 */
144
- font-size: 1em;
145
- /* 4 */
146
- }
147
-
148
- /*
149
- Add the correct font size in all browsers.
150
- */
151
-
152
- small {
153
- font-size: 80%;
154
- }
155
-
156
- /*
157
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
- */
159
-
160
- sub,
161
- sup {
162
- font-size: 75%;
163
- line-height: 0;
164
- position: relative;
165
- vertical-align: baseline;
166
- }
167
-
168
- sub {
169
- bottom: -0.25em;
170
- }
171
-
172
- sup {
173
- top: -0.5em;
174
- }
175
-
176
- /*
177
- 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)
178
- 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)
179
- 3. Remove gaps between table borders by default.
180
- */
181
-
182
- table {
183
- text-indent: 0;
184
- /* 1 */
185
- border-color: inherit;
186
- /* 2 */
187
- border-collapse: collapse;
188
- /* 3 */
189
- }
190
-
191
- /*
192
- 1. Change the font styles in all browsers.
193
- 2. Remove the margin in Firefox and Safari.
194
- 3. Remove default padding in all browsers.
195
- */
196
-
197
- button,
198
- input,
199
- optgroup,
200
- select,
201
- textarea {
202
- font-family: inherit;
203
- /* 1 */
204
- font-feature-settings: inherit;
205
- /* 1 */
206
- font-variation-settings: inherit;
207
- /* 1 */
208
- font-size: 100%;
209
- /* 1 */
210
- font-weight: inherit;
211
- /* 1 */
212
- line-height: inherit;
213
- /* 1 */
214
- color: inherit;
215
- /* 1 */
216
- margin: 0;
217
- /* 2 */
218
- padding: 0;
219
- /* 3 */
220
- }
221
-
222
- /*
223
- Remove the inheritance of text transform in Edge and Firefox.
224
- */
225
-
226
- button,
227
- select {
228
- text-transform: none;
229
- }
230
-
231
- /*
232
- 1. Correct the inability to style clickable types in iOS and Safari.
233
- 2. Remove default button styles.
234
- */
235
-
236
- button,
237
- [type='button'],
238
- [type='reset'],
239
- [type='submit'] {
240
- -webkit-appearance: button;
241
- /* 1 */
242
- background-color: transparent;
243
- /* 2 */
244
- background-image: none;
245
- /* 2 */
246
- }
247
-
248
- /*
249
- Use the modern Firefox focus style for all focusable elements.
250
- */
251
-
252
- :-moz-focusring {
253
- outline: auto;
254
- }
255
-
256
- /*
257
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
258
- */
259
-
260
- :-moz-ui-invalid {
261
- box-shadow: none;
262
- }
263
-
264
- /*
265
- Add the correct vertical alignment in Chrome and Firefox.
266
- */
267
-
268
- progress {
269
- vertical-align: baseline;
270
- }
271
-
272
- /*
273
- Correct the cursor style of increment and decrement buttons in Safari.
274
- */
275
-
276
- ::-webkit-inner-spin-button,
277
- ::-webkit-outer-spin-button {
278
- height: auto;
279
- }
280
-
281
- /*
282
- 1. Correct the odd appearance in Chrome and Safari.
283
- 2. Correct the outline style in Safari.
284
- */
285
-
286
- [type='search'] {
287
- -webkit-appearance: textfield;
288
- /* 1 */
289
- outline-offset: -2px;
290
- /* 2 */
291
- }
292
-
293
- /*
294
- Remove the inner padding in Chrome and Safari on macOS.
295
- */
296
-
297
- ::-webkit-search-decoration {
298
- -webkit-appearance: none;
299
- }
300
-
301
- /*
302
- 1. Correct the inability to style clickable types in iOS and Safari.
303
- 2. Change font properties to `inherit` in Safari.
304
- */
305
-
306
- ::-webkit-file-upload-button {
307
- -webkit-appearance: button;
308
- /* 1 */
309
- font: inherit;
310
- /* 2 */
311
- }
312
-
313
- /*
314
- Add the correct display in Chrome and Safari.
315
- */
316
-
317
- summary {
318
- display: list-item;
319
- }
320
-
321
- /*
322
- Removes the default spacing and border for appropriate elements.
323
- */
324
-
325
- blockquote,
326
- dl,
327
- dd,
328
- h1,
329
- h2,
330
- h3,
331
- h4,
332
- h5,
333
- h6,
334
- hr,
335
- figure,
336
- p,
337
- pre {
338
- margin: 0;
339
- }
340
-
341
- fieldset {
342
- margin: 0;
343
- padding: 0;
344
- }
345
-
346
- legend {
347
- padding: 0;
348
- }
349
-
350
- ol,
351
- ul,
352
- menu {
353
- list-style: none;
354
- margin: 0;
355
- padding: 0;
356
- }
357
-
358
- /*
359
- Reset default styling for dialogs.
360
- */
361
-
362
- dialog {
363
- padding: 0;
364
- }
365
-
366
- /*
367
- Prevent resizing textareas horizontally by default.
368
- */
369
-
370
- textarea {
371
- resize: vertical;
372
- }
373
-
374
- /*
375
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
376
- 2. Set the default placeholder color to the user's configured gray 400 color.
377
- */
378
-
379
- input::-moz-placeholder, textarea::-moz-placeholder {
380
- opacity: 1;
381
- /* 1 */
382
- color: #9ca3af;
383
- /* 2 */
384
- }
385
-
386
- input::placeholder,
387
- textarea::placeholder {
388
- opacity: 1;
389
- /* 1 */
390
- color: #9ca3af;
391
- /* 2 */
392
- }
393
-
394
- /*
395
- Set the default cursor for buttons.
396
- */
397
-
398
- button,
399
- [role="button"] {
400
- cursor: pointer;
401
- }
402
-
403
- /*
404
- Make sure disabled buttons don't get the pointer cursor.
405
- */
406
-
407
- :disabled {
408
- cursor: default;
409
- }
410
-
411
- /*
412
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
413
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
414
- This can trigger a poorly considered lint error in some tools but is included by design.
415
- */
416
-
417
- img,
418
- svg,
419
- video,
420
- canvas,
421
- audio,
422
- iframe,
423
- embed,
424
- object {
425
- display: block;
426
- /* 1 */
427
- vertical-align: middle;
428
- /* 2 */
429
- }
430
-
431
- /*
432
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
433
- */
434
-
435
- img,
436
- video {
437
- max-width: 100%;
438
- height: auto;
439
- }
440
-
441
- /* Make elements with the HTML hidden attribute stay hidden by default */
442
-
443
- [hidden] {
444
- display: none;
445
- }
446
-
447
- *, ::before, ::after {
448
- --tw-border-spacing-x: 0;
449
- --tw-border-spacing-y: 0;
450
- --tw-translate-x: 0;
451
- --tw-translate-y: 0;
452
- --tw-rotate: 0;
453
- --tw-skew-x: 0;
454
- --tw-skew-y: 0;
455
- --tw-scale-x: 1;
456
- --tw-scale-y: 1;
457
- --tw-pan-x: ;
458
- --tw-pan-y: ;
459
- --tw-pinch-zoom: ;
460
- --tw-scroll-snap-strictness: proximity;
461
- --tw-gradient-from-position: ;
462
- --tw-gradient-via-position: ;
463
- --tw-gradient-to-position: ;
464
- --tw-ordinal: ;
465
- --tw-slashed-zero: ;
466
- --tw-numeric-figure: ;
467
- --tw-numeric-spacing: ;
468
- --tw-numeric-fraction: ;
469
- --tw-ring-inset: ;
470
- --tw-ring-offset-width: 0px;
471
- --tw-ring-offset-color: #fff;
472
- --tw-ring-color: rgb(59 130 246 / 0.5);
473
- --tw-ring-offset-shadow: 0 0 #0000;
474
- --tw-ring-shadow: 0 0 #0000;
475
- --tw-shadow: 0 0 #0000;
476
- --tw-shadow-colored: 0 0 #0000;
477
- --tw-blur: ;
478
- --tw-brightness: ;
479
- --tw-contrast: ;
480
- --tw-grayscale: ;
481
- --tw-hue-rotate: ;
482
- --tw-invert: ;
483
- --tw-saturate: ;
484
- --tw-sepia: ;
485
- --tw-drop-shadow: ;
486
- --tw-backdrop-blur: ;
487
- --tw-backdrop-brightness: ;
488
- --tw-backdrop-contrast: ;
489
- --tw-backdrop-grayscale: ;
490
- --tw-backdrop-hue-rotate: ;
491
- --tw-backdrop-invert: ;
492
- --tw-backdrop-opacity: ;
493
- --tw-backdrop-saturate: ;
494
- --tw-backdrop-sepia: ;
495
- }
496
-
497
- ::backdrop {
498
- --tw-border-spacing-x: 0;
499
- --tw-border-spacing-y: 0;
500
- --tw-translate-x: 0;
501
- --tw-translate-y: 0;
502
- --tw-rotate: 0;
503
- --tw-skew-x: 0;
504
- --tw-skew-y: 0;
505
- --tw-scale-x: 1;
506
- --tw-scale-y: 1;
507
- --tw-pan-x: ;
508
- --tw-pan-y: ;
509
- --tw-pinch-zoom: ;
510
- --tw-scroll-snap-strictness: proximity;
511
- --tw-gradient-from-position: ;
512
- --tw-gradient-via-position: ;
513
- --tw-gradient-to-position: ;
514
- --tw-ordinal: ;
515
- --tw-slashed-zero: ;
516
- --tw-numeric-figure: ;
517
- --tw-numeric-spacing: ;
518
- --tw-numeric-fraction: ;
519
- --tw-ring-inset: ;
520
- --tw-ring-offset-width: 0px;
521
- --tw-ring-offset-color: #fff;
522
- --tw-ring-color: rgb(59 130 246 / 0.5);
523
- --tw-ring-offset-shadow: 0 0 #0000;
524
- --tw-ring-shadow: 0 0 #0000;
525
- --tw-shadow: 0 0 #0000;
526
- --tw-shadow-colored: 0 0 #0000;
527
- --tw-blur: ;
528
- --tw-brightness: ;
529
- --tw-contrast: ;
530
- --tw-grayscale: ;
531
- --tw-hue-rotate: ;
532
- --tw-invert: ;
533
- --tw-saturate: ;
534
- --tw-sepia: ;
535
- --tw-drop-shadow: ;
536
- --tw-backdrop-blur: ;
537
- --tw-backdrop-brightness: ;
538
- --tw-backdrop-contrast: ;
539
- --tw-backdrop-grayscale: ;
540
- --tw-backdrop-hue-rotate: ;
541
- --tw-backdrop-invert: ;
542
- --tw-backdrop-opacity: ;
543
- --tw-backdrop-saturate: ;
544
- --tw-backdrop-sepia: ;
545
- }
546
-
547
- .tw-sr-only {
548
- position: absolute;
549
- width: 1px;
550
- height: 1px;
551
- padding: 0;
552
- margin: -1px;
553
- overflow: hidden;
554
- clip: rect(0, 0, 0, 0);
555
- white-space: nowrap;
556
- border-width: 0;
557
- }
558
-
559
- .tw-pointer-events-none {
560
- pointer-events: none;
561
- }
562
-
563
- .tw-fixed {
564
- position: fixed;
565
- }
566
-
567
- .tw-absolute {
568
- position: absolute;
569
- }
570
-
571
- .tw-relative {
572
- position: relative;
573
- }
574
-
575
- .tw-inset-0 {
576
- inset: 0px;
577
- }
578
-
579
- .tw-inset-y-0 {
580
- top: 0px;
581
- bottom: 0px;
582
- }
583
-
584
- .-tw-bottom-20 {
585
- bottom: -5rem;
586
- }
587
-
588
- .-tw-left-\[2px\] {
589
- left: -2px;
590
- }
591
-
592
- .-tw-left-\[4px\] {
593
- left: -4px;
594
- }
595
-
596
- .-tw-left-\[5px\] {
597
- left: -5px;
598
- }
599
-
600
- .-tw-right-1\/3 {
601
- right: -33.333333%;
602
- }
603
-
604
- .-tw-top-8 {
605
- top: -2rem;
606
- }
607
-
608
- .-tw-top-\[2px\] {
609
- top: -2px;
610
- }
611
-
612
- .-tw-top-\[4px\] {
613
- top: -4px;
614
- }
615
-
616
- .-tw-top-\[55px\] {
617
- top: -55px;
618
- }
619
-
620
- .tw-bottom-0 {
621
- bottom: 0px;
622
- }
623
-
624
- .tw-bottom-0\.5 {
625
- bottom: 0.125rem;
626
- }
627
-
628
- .tw-bottom-2 {
629
- bottom: 0.5rem;
630
- }
631
-
632
- .tw-bottom-4 {
633
- bottom: 1rem;
634
- }
635
-
636
- .tw-bottom-7 {
637
- bottom: 1.75rem;
638
- }
639
-
640
- .tw-bottom-full {
641
- bottom: 100%;
642
- }
643
-
644
- .tw-left-0 {
645
- left: 0px;
646
- }
647
-
648
- .tw-left-1\/2 {
649
- left: 50%;
650
- }
651
-
652
- .tw-left-5 {
653
- left: 1.25rem;
654
- }
655
-
656
- .tw-left-\[-14px\] {
657
- left: -14px;
658
- }
659
-
660
- .tw-left-\[15px\] {
661
- left: 15px;
662
- }
663
-
664
- .tw-left-\[17px\] {
665
- left: 17px;
666
- }
667
-
668
- .tw-left-\[1px\] {
669
- left: 1px;
670
- }
671
-
672
- .tw-left-\[26px\] {
673
- left: 26px;
674
- }
675
-
676
- .tw-left-\[2px\] {
677
- left: 2px;
678
- }
679
-
680
- .tw-left-\[30px\] {
681
- left: 30px;
682
- }
683
-
684
- .tw-left-\[54px\] {
685
- left: 54px;
686
- }
687
-
688
- .tw-left-\[calc\(50\%-1\.5px\)\] {
689
- left: calc(50% - 1.5px);
690
- }
691
-
692
- .tw-left-squid-l {
693
- left: 1.875rem;
694
- }
695
-
696
- .tw-right-0 {
697
- right: 0px;
698
- }
699
-
700
- .tw-right-1 {
701
- right: 0.25rem;
702
- }
703
-
704
- .tw-right-1\.5 {
705
- right: 0.375rem;
706
- }
707
-
708
- .tw-right-4 {
709
- right: 1rem;
710
- }
711
-
712
- .tw-right-\[40px\] {
713
- right: 40px;
714
- }
715
-
716
- .tw-right-\[calc\(100\%-10px\)\] {
717
- right: calc(100% - 10px);
718
- }
719
-
720
- .tw-right-squid-xs {
721
- right: 0.625rem;
722
- }
723
-
724
- .tw-right-squid-xxs {
725
- right: 0.3125rem;
726
- }
727
-
728
- .tw-top-0 {
729
- top: 0px;
730
- }
731
-
732
- .tw-top-7 {
733
- top: 1.75rem;
734
- }
735
-
736
- .tw-top-\[11px\] {
737
- top: 11px;
738
- }
739
-
740
- .tw-top-full {
741
- top: 100%;
742
- }
743
-
744
- .tw-top-squid-xxs {
745
- top: 0.3125rem;
746
- }
747
-
748
- .tw-z-0 {
749
- z-index: 0;
750
- }
751
-
752
- .tw-z-10 {
753
- z-index: 10;
754
- }
755
-
756
- .tw-z-20 {
757
- z-index: 20;
758
- }
759
-
760
- .tw-z-40 {
761
- z-index: 40;
762
- }
763
-
764
- .tw-z-50 {
765
- z-index: 50;
766
- }
767
-
768
- .tw-z-\[5\] {
769
- z-index: 5;
770
- }
771
-
772
- .tw-m-0 {
773
- margin: 0px;
774
- }
775
-
776
- .tw-mx-auto {
777
- margin-left: auto;
778
- margin-right: auto;
779
- }
780
-
781
- .tw-mx-squid-xxs {
782
- margin-left: 0.3125rem;
783
- margin-right: 0.3125rem;
784
- }
785
-
786
- .tw-my-4 {
787
- margin-top: 1rem;
788
- margin-bottom: 1rem;
789
- }
790
-
791
- .-tw-mb-1 {
792
- margin-bottom: -0.25rem;
793
- }
794
-
795
- .-tw-ml-1 {
796
- margin-left: -0.25rem;
797
- }
798
-
799
- .-tw-ml-squid-xs {
800
- margin-left: -0.625rem;
801
- }
802
-
803
- .tw-ml-2 {
804
- margin-left: 0.5rem;
805
- }
806
-
807
- .tw-ml-\[1px\] {
808
- margin-left: 1px;
809
- }
810
-
811
- .tw-mr-1 {
812
- margin-right: 0.25rem;
813
- }
814
-
815
- .tw-mr-1\.5 {
816
- margin-right: 0.375rem;
817
- }
818
-
819
- .tw-mr-\[1px\] {
820
- margin-right: 1px;
821
- }
822
-
823
- .tw-mt-0 {
824
- margin-top: 0px;
825
- }
826
-
827
- .tw-mt-0\.5 {
828
- margin-top: 0.125rem;
829
- }
830
-
831
- .tw-mt-1 {
832
- margin-top: 0.25rem;
833
- }
834
-
835
- .tw-block {
836
- display: block;
837
- }
838
-
839
- .tw-flex {
840
- display: flex;
841
- }
842
-
843
- .tw-inline-flex {
844
- display: inline-flex;
845
- }
846
-
847
- .tw-grid {
848
- display: grid;
849
- }
850
-
851
- .tw-hidden {
852
- display: none;
853
- }
854
-
855
- .tw-aspect-square {
856
- aspect-ratio: 1 / 1;
857
- }
858
-
859
- .\!tw-h-\[30px\] {
860
- height: 30px !important;
861
- }
862
-
863
- .tw-h-1 {
864
- height: 0.25rem;
865
- }
866
-
867
- .tw-h-1\.5 {
868
- height: 0.375rem;
869
- }
870
-
871
- .tw-h-10 {
872
- height: 2.5rem;
873
- }
874
-
875
- .tw-h-4 {
876
- height: 1rem;
877
- }
878
-
879
- .tw-h-5 {
880
- height: 1.25rem;
881
- }
882
-
883
- .tw-h-6 {
884
- height: 1.5rem;
885
- }
886
-
887
- .tw-h-8 {
888
- height: 2rem;
889
- }
890
-
891
- .tw-h-\[100vh\] {
892
- height: 100vh;
893
- }
894
-
895
- .tw-h-\[10px\] {
896
- height: 10px;
897
- }
898
-
899
- .tw-h-\[14px\] {
900
- height: 14px;
901
- }
902
-
903
- .tw-h-\[160px\] {
904
- height: 160px;
905
- }
906
-
907
- .tw-h-\[17px\] {
908
- height: 17px;
909
- }
910
-
911
- .tw-h-\[195px\] {
912
- height: 195px;
913
- }
914
-
915
- .tw-h-\[205px\] {
916
- height: 205px;
917
- }
918
-
919
- .tw-h-\[21px\] {
920
- height: 21px;
921
- }
922
-
923
- .tw-h-\[240px\] {
924
- height: 240px;
925
- }
926
-
927
- .tw-h-\[26px\] {
928
- height: 26px;
929
- }
930
-
931
- .tw-h-\[30px\] {
932
- height: 30px;
933
- }
934
-
935
- .tw-h-\[40px\] {
936
- height: 40px;
937
- }
938
-
939
- .tw-h-\[42px\] {
940
- height: 42px;
941
- }
942
-
943
- .tw-h-\[46px\] {
944
- height: 46px;
945
- }
946
-
947
- .tw-h-\[50px\] {
948
- height: 50px;
949
- }
950
-
951
- .tw-h-\[52px\] {
952
- height: 52px;
953
- }
954
-
955
- .tw-h-\[535px\] {
956
- height: 535px;
957
- }
958
-
959
- .tw-h-\[536px\] {
960
- height: 536px;
961
- }
962
-
963
- .tw-h-\[55px\] {
964
- height: 55px;
965
- }
966
-
967
- .tw-h-\[60px\] {
968
- height: 60px;
969
- }
970
-
971
- .tw-h-\[640px\] {
972
- height: 640px;
973
- }
974
-
975
- .tw-h-\[94px\] {
976
- height: 94px;
977
- }
978
-
979
- .tw-h-\[95px\] {
980
- height: 95px;
981
- }
982
-
983
- .tw-h-button {
984
- height: 3.75rem;
985
- }
986
-
987
- .tw-h-card {
988
- height: 660px;
989
- }
990
-
991
- .tw-h-full {
992
- height: 100%;
993
- }
994
-
995
- .tw-h-list-item-large {
996
- height: 3.125rem;
997
- }
998
-
999
- .tw-h-list-item-small {
1000
- height: 2.5rem;
1001
- }
1002
-
1003
- .tw-h-squid-l {
1004
- height: 1.875rem;
1005
- }
1006
-
1007
- .tw-h-squid-m {
1008
- height: 1.25rem;
1009
- }
1010
-
1011
- .tw-h-squid-xl {
1012
- height: 2.5rem;
1013
- }
1014
-
1015
- .tw-h-squid-xxl {
1016
- height: 3.75rem;
1017
- }
1018
-
1019
- .\!tw-max-h-\[470px\] {
1020
- max-height: 470px !important;
1021
- }
1022
-
1023
- .tw-max-h-\[120px\] {
1024
- max-height: 120px;
1025
- }
1026
-
1027
- .tw-max-h-\[205px\] {
1028
- max-height: 205px;
1029
- }
1030
-
1031
- .tw-max-h-\[535px\] {
1032
- max-height: 535px;
1033
- }
1034
-
1035
- .tw-max-h-\[540px\] {
1036
- max-height: 540px;
1037
- }
1038
-
1039
- .tw-max-h-\[55px\] {
1040
- max-height: 55px;
1041
- }
1042
-
1043
- .tw-max-h-\[600px\] {
1044
- max-height: 600px;
1045
- }
1046
-
1047
- .tw-max-h-\[60px\] {
1048
- max-height: 60px;
1049
- }
1050
-
1051
- .tw-max-h-\[80px\] {
1052
- max-height: 80px;
1053
- }
1054
-
1055
- .tw-max-h-list-item-small {
1056
- max-height: 2.5rem;
1057
- }
1058
-
1059
- .tw-max-h-squid-m {
1060
- max-height: 1.25rem;
1061
- }
1062
-
1063
- .tw-max-h-squid-xl {
1064
- max-height: 2.5rem;
1065
- }
1066
-
1067
- .tw-min-h-\[195px\] {
1068
- min-height: 195px;
1069
- }
1070
-
1071
- .tw-min-h-\[30px\] {
1072
- min-height: 30px;
1073
- }
1074
-
1075
- .tw-min-h-\[55px\] {
1076
- min-height: 55px;
1077
- }
1078
-
1079
- .tw-min-h-button {
1080
- min-height: 3.75rem;
1081
- }
1082
-
1083
- .tw-min-h-card {
1084
- min-height: 660px;
1085
- }
1086
-
1087
- .tw-min-h-squid-l {
1088
- min-height: 1.875rem;
1089
- }
1090
-
1091
- .\!tw-w-fit {
1092
- width: -moz-fit-content !important;
1093
- width: fit-content !important;
1094
- }
1095
-
1096
- .tw-w-1\/2 {
1097
- width: 50%;
1098
- }
1099
-
1100
- .tw-w-10 {
1101
- width: 2.5rem;
1102
- }
1103
-
1104
- .tw-w-12 {
1105
- width: 3rem;
1106
- }
1107
-
1108
- .tw-w-36 {
1109
- width: 9rem;
1110
- }
1111
-
1112
- .tw-w-4 {
1113
- width: 1rem;
1114
- }
1115
-
1116
- .tw-w-40 {
1117
- width: 10rem;
1118
- }
1119
-
1120
- .tw-w-5 {
1121
- width: 1.25rem;
1122
- }
1123
-
1124
- .tw-w-6 {
1125
- width: 1.5rem;
1126
- }
1127
-
1128
- .tw-w-8 {
1129
- width: 2rem;
1130
- }
1131
-
1132
- .tw-w-96 {
1133
- width: 24rem;
1134
- }
1135
-
1136
- .tw-w-\[1\.5px\] {
1137
- width: 1.5px;
1138
- }
1139
-
1140
- .tw-w-\[100vw\] {
1141
- width: 100vw;
1142
- }
1143
-
1144
- .tw-w-\[1260px\] {
1145
- width: 1260px;
1146
- }
1147
-
1148
- .tw-w-\[135px\] {
1149
- width: 135px;
1150
- }
1151
-
1152
- .tw-w-\[140px\] {
1153
- width: 140px;
1154
- }
1155
-
1156
- .tw-w-\[150px\] {
1157
- width: 150px;
1158
- }
1159
-
1160
- .tw-w-\[160px\] {
1161
- width: 160px;
1162
- }
1163
-
1164
- .tw-w-\[180px\] {
1165
- width: 180px;
1166
- }
1167
-
1168
- .tw-w-\[190px\] {
1169
- width: 190px;
1170
- }
1171
-
1172
- .tw-w-\[22px\] {
1173
- width: 22px;
1174
- }
1175
-
1176
- .tw-w-\[26px\] {
1177
- width: 26px;
1178
- }
1179
-
1180
- .tw-w-\[299px\] {
1181
- width: 299px;
1182
- }
1183
-
1184
- .tw-w-\[30px\] {
1185
- width: 30px;
1186
- }
1187
-
1188
- .tw-w-\[36px\] {
1189
- width: 36px;
1190
- }
1191
-
1192
- .tw-w-\[3px\] {
1193
- width: 3px;
1194
- }
1195
-
1196
- .tw-w-\[400px\] {
1197
- width: 400px;
1198
- }
1199
-
1200
- .tw-w-\[40px\] {
1201
- width: 40px;
1202
- }
1203
-
1204
- .tw-w-\[44px\] {
1205
- width: 44px;
1206
- }
1207
-
1208
- .tw-w-\[470px\] {
1209
- width: 470px;
1210
- }
1211
-
1212
- .tw-w-\[500px\] {
1213
- width: 500px;
1214
- }
1215
-
1216
- .tw-w-\[52px\] {
1217
- width: 52px;
1218
- }
1219
-
1220
- .tw-w-\[54px\] {
1221
- width: 54px;
1222
- }
1223
-
1224
- .tw-w-\[56\%\] {
1225
- width: 56%;
1226
- }
1227
-
1228
- .tw-w-\[60px\] {
1229
- width: 60px;
1230
- }
1231
-
1232
- .tw-w-\[67\%\] {
1233
- width: 67%;
1234
- }
1235
-
1236
- .tw-w-\[72px\] {
1237
- width: 72px;
1238
- }
1239
-
1240
- .tw-w-\[90px\] {
1241
- width: 90px;
1242
- }
1243
-
1244
- .tw-w-\[92px\] {
1245
- width: 92px;
1246
- }
1247
-
1248
- .tw-w-\[94px\] {
1249
- width: 94px;
1250
- }
1251
-
1252
- .tw-w-card {
1253
- width: 480px;
1254
- }
1255
-
1256
- .tw-w-fit {
1257
- width: -moz-fit-content;
1258
- width: fit-content;
1259
- }
1260
-
1261
- .tw-w-full {
1262
- width: 100%;
1263
- }
1264
-
1265
- .tw-w-list-item-large {
1266
- width: 23.75rem;
1267
- }
1268
-
1269
- .tw-w-max {
1270
- width: -moz-max-content;
1271
- width: max-content;
1272
- }
1273
-
1274
- .tw-w-squid-l {
1275
- width: 1.875rem;
1276
- }
1277
-
1278
- .tw-w-squid-m {
1279
- width: 1.25rem;
1280
- }
1281
-
1282
- .tw-w-squid-xl {
1283
- width: 2.5rem;
1284
- }
1285
-
1286
- .tw-w-squid-xxl {
1287
- width: 3.75rem;
1288
- }
1289
-
1290
- .\!tw-min-w-0 {
1291
- min-width: 0px !important;
1292
- }
1293
-
1294
- .tw-min-w-96 {
1295
- min-width: 24rem;
1296
- }
1297
-
1298
- .tw-min-w-\[30px\] {
1299
- min-width: 30px;
1300
- }
1301
-
1302
- .tw-min-w-\[400px\] {
1303
- min-width: 400px;
1304
- }
1305
-
1306
- .tw-min-w-\[60px\] {
1307
- min-width: 60px;
1308
- }
1309
-
1310
- .tw-min-w-list-item-small {
1311
- min-width: 21.25rem;
1312
- }
1313
-
1314
- .tw-min-w-squid-xl {
1315
- min-width: 2.5rem;
1316
- }
1317
-
1318
- .tw-max-w-\[180px\] {
1319
- max-width: 180px;
1320
- }
1321
-
1322
- .tw-max-w-\[200px\] {
1323
- max-width: 200px;
1324
- }
1325
-
1326
- .tw-max-w-\[299px\] {
1327
- max-width: 299px;
1328
- }
1329
-
1330
- .tw-max-w-\[320px\] {
1331
- max-width: 320px;
1332
- }
1333
-
1334
- .tw-max-w-\[400px\] {
1335
- max-width: 400px;
1336
- }
1337
-
1338
- .tw-max-w-\[72px\] {
1339
- max-width: 72px;
1340
- }
1341
-
1342
- .tw-max-w-full {
1343
- max-width: 100%;
1344
- }
1345
-
1346
- .tw-max-w-none {
1347
- max-width: none;
1348
- }
1349
-
1350
- .tw-max-w-xl {
1351
- max-width: 36rem;
1352
- }
1353
-
1354
- .tw-flex-1 {
1355
- flex: 1 1 0%;
1356
- }
1357
-
1358
- .tw-flex-shrink-0 {
1359
- flex-shrink: 0;
1360
- }
1361
-
1362
- .tw-grow-0 {
1363
- flex-grow: 0;
1364
- }
1365
-
1366
- .-tw-translate-x-1\/2 {
1367
- --tw-translate-x: -50%;
1368
- 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));
1369
- }
1370
-
1371
- .-tw-translate-x-1\/3 {
1372
- --tw-translate-x: -33.333333%;
1373
- 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));
1374
- }
1375
-
1376
- .tw-rotate-180 {
1377
- --tw-rotate: 180deg;
1378
- 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));
1379
- }
1380
-
1381
- @keyframes tw-blur-in {
1382
- 0% {
1383
- -webkit-backdrop-filter: blur(0px);
1384
- backdrop-filter: blur(0px);
1385
- }
1386
-
1387
- 100% {
1388
- -webkit-backdrop-filter: blur(20px) saturate(150%);
1389
- backdrop-filter: blur(20px) saturate(150%);
1390
- background-color: var(--squid-theme-material-dark-average);
1391
- }
1392
- }
1393
-
1394
- .tw-animate-blur-in {
1395
- animation: tw-blur-in var(--squid-animation-blur-in-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
1396
- }
1397
-
1398
- @keyframes tw-blur-out {
1399
- 0% {
1400
- -webkit-backdrop-filter: blur(20px) saturate(150%);
1401
- backdrop-filter: blur(20px) saturate(150%);
1402
- background-color: var(--squid-theme-material-dark-average);
1403
- }
1404
-
1405
- 100% {
1406
- -webkit-backdrop-filter: blur(0px);
1407
- backdrop-filter: blur(0px);
1408
- }
1409
- }
1410
-
1411
- .tw-animate-blur-out {
1412
- animation: tw-blur-out var(--squid-animation-blur-out-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
1413
- }
1414
-
1415
- @keyframes tw-collapse-route {
1416
- 0% {
1417
- height: 100%;
1418
- }
1419
-
1420
- 100% {
1421
- height: 60px;
1422
- }
1423
- }
1424
-
1425
- .tw-animate-collapse-route {
1426
- animation: tw-collapse-route var(--squid-animation-collapse-to-bottom-duration, 0s) linear both;
1427
- }
1428
-
1429
- @keyframes tw-expand-route {
1430
- 0% {
1431
- height: 60px;
1432
- }
1433
-
1434
- 100% {
1435
- height: 100%;
1436
- }
1437
- }
1438
-
1439
- .tw-animate-expand-route {
1440
- animation: tw-expand-route var(--squid-animation-expand-to-top-duration, 0s) linear both;
1441
- }
1442
-
1443
- @keyframes tw-fade-in {
1444
- 0% {
1445
- opacity: 0;
1446
- }
1447
-
1448
- 100% {
1449
- opacity: 1;
1450
- }
1451
- }
1452
-
1453
- .tw-animate-fade-in {
1454
- animation: tw-fade-in var(--squid-animation-fade-in-duration, 0s) ease-out both;
1455
- }
1456
-
1457
- @keyframes tw-fade-out {
1458
- 0% {
1459
- opacity: 1;
1460
- }
1461
-
1462
- 100% {
1463
- opacity: 0;
1464
- }
1465
- }
1466
-
1467
- .tw-animate-fade-out {
1468
- animation: tw-fade-out var(--squid-animation-fade-out-duration, 0s) ease-out both;
1469
- }
1470
-
1471
- @keyframes tw-hide {
1472
- 0% {
1473
- display: block;
1474
- }
1475
-
1476
- 100% {
1477
- display: none;
1478
- }
1479
- }
1480
-
1481
- .tw-animate-hide {
1482
- animation: tw-hide 0s ease-out forwards;
1483
- }
1484
-
1485
- @keyframes tw-loading-gradient {
1486
- 0% {
1487
- transform: translateX(-70%);
1488
- opacity: 0;
1489
- }
1490
-
1491
- 50% {
1492
- opacity: 1;
1493
- }
1494
-
1495
- 100% {
1496
- opacity: 0;
1497
- transform: translateX(70%);
1498
- }
1499
- }
1500
-
1501
- .tw-animate-loading-gradient {
1502
- animation: tw-loading-gradient 1s ease-in-out both infinite;
1503
- }
1504
-
1505
- @keyframes tw-move-loading-cover-to-right {
1506
- 0% {
1507
- transform: translateX(-64%);
1508
- }
1509
-
1510
- 100% {
1511
- transform: translateX(0%);
1512
- }
1513
- }
1514
-
1515
- .tw-animate-move-loading-cover-to-right {
1516
- animation: tw-move-loading-cover-to-right 1.4s linear infinite;
1517
- }
1518
-
1519
- @keyframes tw-scale-and-fade-down {
1520
- 0% {
1521
- transform: scale(1);
1522
- opacity: 1;
1523
- }
1524
-
1525
- 100% {
1526
- transform: scale(0.9);
1527
- opacity: 0.5;
1528
- }
1529
- }
1530
-
1531
- .tw-animate-scale-and-fade-down {
1532
- animation: tw-scale-and-fade-down var(--squid-animation-scale-and-fade-down-duration, 0s) linear both;
1533
- }
1534
-
1535
- @keyframes tw-scale-and-fade-up {
1536
- 0% {
1537
- transform: scale(0.9);
1538
- opacity: 0.5;
1539
- }
1540
-
1541
- 100% {
1542
- transform: scale(1);
1543
- opacity: 1;
1544
- }
1545
- }
1546
-
1547
- .tw-animate-scale-and-fade-up {
1548
- animation: tw-scale-and-fade-up var(--squid-animation-scale-and-fade-up-duration, 0s) linear both;
1549
- }
1550
-
1551
- @keyframes tw-slide-to-bottom {
1552
- 0% {
1553
- transform: translate3d(0, 0, 0);
1554
- }
1555
-
1556
- 100% {
1557
- transform: translate3d(0, 650px, 0);
1558
- }
1559
- }
1560
-
1561
- .tw-animate-slide-to-bottom {
1562
- animation: tw-slide-to-bottom var(--squid-animation-slide-to-bottom-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
1563
- }
1564
-
1565
- @keyframes tw-slide-to-top {
1566
- 0% {
1567
- transform: translate3d(0, 650px, 0);
1568
- }
1569
-
1570
- 100% {
1571
- transform: translate3d(0, 0, 0);
1572
- }
1573
- }
1574
-
1575
- .tw-animate-slide-to-top {
1576
- animation: tw-slide-to-top var(--squid-animation-slide-to-top-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
1577
- }
1578
-
1579
- .tw-cursor-help {
1580
- cursor: help;
1581
- }
1582
-
1583
- .tw-cursor-not-allowed {
1584
- cursor: not-allowed;
1585
- }
1586
-
1587
- .tw-cursor-pointer {
1588
- cursor: pointer;
1589
- }
1590
-
1591
- .tw-grid-cols-\[180px_1fr_299px\] {
1592
- grid-template-columns: 180px 1fr 299px;
1593
- }
1594
-
1595
- .tw-flex-col {
1596
- flex-direction: column;
1597
- }
1598
-
1599
- .tw-flex-col-reverse {
1600
- flex-direction: column-reverse;
1601
- }
1602
-
1603
- .tw-flex-wrap {
1604
- flex-wrap: wrap;
1605
- }
1606
-
1607
- .tw-items-start {
1608
- align-items: flex-start;
1609
- }
1610
-
1611
- .tw-items-end {
1612
- align-items: flex-end;
1613
- }
1614
-
1615
- .tw-items-center {
1616
- align-items: center;
1617
- }
1618
-
1619
- .tw-justify-start {
1620
- justify-content: flex-start;
1621
- }
1622
-
1623
- .tw-justify-end {
1624
- justify-content: flex-end;
1625
- }
1626
-
1627
- .tw-justify-center {
1628
- justify-content: center;
1629
- }
1630
-
1631
- .tw-justify-between {
1632
- justify-content: space-between;
1633
- }
1634
-
1635
- .tw-justify-around {
1636
- justify-content: space-around;
1637
- }
1638
-
1639
- .tw-gap-0 {
1640
- gap: 0px;
1641
- }
1642
-
1643
- .tw-gap-0\.5 {
1644
- gap: 0.125rem;
1645
- }
1646
-
1647
- .tw-gap-1 {
1648
- gap: 0.25rem;
1649
- }
1650
-
1651
- .tw-gap-1\.5 {
1652
- gap: 0.375rem;
1653
- }
1654
-
1655
- .tw-gap-2 {
1656
- gap: 0.5rem;
1657
- }
1658
-
1659
- .tw-gap-squid-s {
1660
- gap: 0.9375rem;
1661
- }
1662
-
1663
- .tw-gap-squid-xs {
1664
- gap: 0.625rem;
1665
- }
1666
-
1667
- .tw-gap-squid-xxs {
1668
- gap: 0.3125rem;
1669
- }
1670
-
1671
- .tw-gap-x-squid-xs {
1672
- -moz-column-gap: 0.625rem;
1673
- column-gap: 0.625rem;
1674
- }
1675
-
1676
- .tw-gap-x-squid-xxs {
1677
- -moz-column-gap: 0.3125rem;
1678
- column-gap: 0.3125rem;
1679
- }
1680
-
1681
- .tw-self-end {
1682
- align-self: flex-end;
1683
- }
1684
-
1685
- .tw-self-stretch {
1686
- align-self: stretch;
1687
- }
1688
-
1689
- .tw-overflow-auto {
1690
- overflow: auto;
1691
- }
1692
-
1693
- .tw-overflow-hidden {
1694
- overflow: hidden;
1695
- }
1696
-
1697
- .tw-overflow-y-auto {
1698
- overflow-y: auto;
1699
- }
1700
-
1701
- .tw-overflow-x-hidden {
1702
- overflow-x: hidden;
1703
- }
1704
-
1705
- .tw-truncate {
1706
- overflow: hidden;
1707
- text-overflow: ellipsis;
1708
- white-space: nowrap;
1709
- }
1710
-
1711
- .tw-rounded-2xl {
1712
- border-radius: 1rem;
1713
- }
1714
-
1715
- .tw-rounded-full {
1716
- border-radius: 9999px;
1717
- }
1718
-
1719
- .tw-rounded-md {
1720
- border-radius: 0.375rem;
1721
- }
1722
-
1723
- .tw-rounded-sm {
1724
- border-radius: 0.125rem;
1725
- }
1726
-
1727
- .tw-rounded-squid-l {
1728
- border-radius: 1.875rem;
1729
- }
1730
-
1731
- .tw-rounded-squid-m {
1732
- border-radius: 1.25rem;
1733
- }
1734
-
1735
- .tw-rounded-squid-s {
1736
- border-radius: 0.9375rem;
1737
- }
1738
-
1739
- .tw-rounded-squid-xs {
1740
- border-radius: 0.625rem;
1741
- }
1742
-
1743
- .tw-rounded-squid-xxl {
1744
- border-radius: 3.75rem;
1745
- }
1746
-
1747
- .tw-rounded-squid-xxs {
1748
- border-radius: 0.3125rem;
1749
- }
1750
-
1751
- .tw-rounded-xl {
1752
- border-radius: 0.75rem;
1753
- }
1754
-
1755
- .tw-rounded-bl-squid-l {
1756
- border-bottom-left-radius: 1.875rem;
1757
- }
1758
-
1759
- .tw-rounded-br-full {
1760
- border-bottom-right-radius: 9999px;
1761
- }
1762
-
1763
- .tw-rounded-br-squid-l {
1764
- border-bottom-right-radius: 1.875rem;
1765
- }
1766
-
1767
- .tw-rounded-tl-\[25px\] {
1768
- border-top-left-radius: 25px;
1769
- }
1770
-
1771
- .tw-rounded-tl-squid-l {
1772
- border-top-left-radius: 1.875rem;
1773
- }
1774
-
1775
- .tw-rounded-tl-xl {
1776
- border-top-left-radius: 0.75rem;
1777
- }
1778
-
1779
- .tw-rounded-tr-\[25px\] {
1780
- border-top-right-radius: 25px;
1781
- }
1782
-
1783
- .tw-rounded-tr-full {
1784
- border-top-right-radius: 9999px;
1785
- }
1786
-
1787
- .tw-rounded-tr-squid-l {
1788
- border-top-right-radius: 1.875rem;
1789
- }
1790
-
1791
- .tw-rounded-tr-xl {
1792
- border-top-right-radius: 0.75rem;
1793
- }
1794
-
1795
- .tw-border {
1796
- border-width: 1px;
1797
- }
1798
-
1799
- .tw-border-2 {
1800
- border-width: 2px;
1801
- }
1802
-
1803
- .tw-border-\[1px\] {
1804
- border-width: 1px;
1805
- }
1806
-
1807
- .tw-border-b {
1808
- border-bottom-width: 1px;
1809
- }
1810
-
1811
- .tw-border-r {
1812
- border-right-width: 1px;
1813
- }
1814
-
1815
- .tw-border-t {
1816
- border-top-width: 1px;
1817
- }
1818
-
1819
- .tw-border-solid {
1820
- border-style: solid;
1821
- }
1822
-
1823
- .tw-border-grey-800 {
1824
- border-color: var(--squid-theme-grey-800);
1825
- }
1826
-
1827
- .tw-border-grey-900 {
1828
- border-color: var(--squid-theme-grey-900);
1829
- }
1830
-
1831
- .tw-border-material-light-thin {
1832
- border-color: var(--squid-theme-material-light-thin);
1833
- }
1834
-
1835
- .tw-border-slate-800 {
1836
- --tw-border-opacity: 1;
1837
- border-color: rgb(30 41 59 / var(--tw-border-opacity));
1838
- }
1839
-
1840
- .tw-border-transparent {
1841
- border-color: transparent;
1842
- }
1843
-
1844
- .tw-border-t-material-light-thin {
1845
- border-top-color: var(--squid-theme-material-light-thin);
1846
- }
1847
-
1848
- .\!tw-bg-grey-300 {
1849
- background-color: var(--squid-theme-grey-300) !important;
1850
- }
1851
-
1852
- .\!tw-bg-grey-600 {
1853
- background-color: var(--squid-theme-grey-600) !important;
1854
- }
1855
-
1856
- .\!tw-bg-grey-800 {
1857
- background-color: var(--squid-theme-grey-800) !important;
1858
- }
1859
-
1860
- .\!tw-bg-status-negative {
1861
- background-color: var(--squid-theme-status-negative) !important;
1862
- }
1863
-
1864
- .\!tw-bg-status-partial {
1865
- background-color: var(--squid-theme-status-partial) !important;
1866
- }
1867
-
1868
- .\!tw-bg-status-positive {
1869
- background-color: var(--squid-theme-status-positive) !important;
1870
- }
1871
-
1872
- .tw-bg-grey-100 {
1873
- background-color: var(--squid-theme-grey-100);
1874
- }
1875
-
1876
- .tw-bg-grey-300 {
1877
- background-color: var(--squid-theme-grey-300);
1878
- }
1879
-
1880
- .tw-bg-grey-500 {
1881
- background-color: var(--squid-theme-grey-500);
1882
- }
1883
-
1884
- .tw-bg-grey-800 {
1885
- background-color: var(--squid-theme-grey-800);
1886
- }
1887
-
1888
- .tw-bg-grey-900 {
1889
- background-color: var(--squid-theme-grey-900);
1890
- }
1891
-
1892
- .tw-bg-inherit {
1893
- background-color: inherit;
1894
- }
1895
-
1896
- .tw-bg-material-dark-thick {
1897
- background-color: var(--squid-theme-material-dark-thick);
1898
- }
1899
-
1900
- .tw-bg-material-dark-thin {
1901
- background-color: var(--squid-theme-material-dark-thin);
1902
- }
1903
-
1904
- .tw-bg-material-light-thin {
1905
- background-color: var(--squid-theme-material-light-thin);
1906
- }
1907
-
1908
- .tw-bg-royal-400 {
1909
- background-color: var(--squid-theme-royal-400);
1910
- }
1911
-
1912
- .tw-bg-royal-500 {
1913
- background-color: var(--squid-theme-royal-500);
1914
- }
1915
-
1916
- .tw-bg-slate-900 {
1917
- --tw-bg-opacity: 1;
1918
- background-color: rgb(15 23 42 / var(--tw-bg-opacity));
1919
- }
1920
-
1921
- .tw-bg-slate-950 {
1922
- --tw-bg-opacity: 1;
1923
- background-color: rgb(2 6 23 / var(--tw-bg-opacity));
1924
- }
1925
-
1926
- .tw-bg-status-negative {
1927
- background-color: var(--squid-theme-status-negative);
1928
- }
1929
-
1930
- .tw-bg-status-partial {
1931
- background-color: var(--squid-theme-status-partial);
1932
- }
1933
-
1934
- .tw-bg-status-positive {
1935
- background-color: var(--squid-theme-status-positive);
1936
- }
1937
-
1938
- .tw-bg-transparent {
1939
- background-color: transparent;
1940
- }
1941
-
1942
- .tw-bg-dark-cover {
1943
- background-image: linear-gradient(90deg, var(--squid-theme-material-dark-thick) 45.4%, transparent 50.85%, var(--squid-theme-material-dark-thick) 55.61%);
1944
- }
1945
-
1946
- .tw-bg-gradient-to-b {
1947
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
1948
- }
1949
-
1950
- .tw-bg-gradient-to-l {
1951
- background-image: linear-gradient(to left, var(--tw-gradient-stops));
1952
- }
1953
-
1954
- .tw-bg-gradient-to-r {
1955
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1956
- }
1957
-
1958
- .tw-bg-gradient-to-t {
1959
- background-image: linear-gradient(to top, var(--tw-gradient-stops));
1960
- }
1961
-
1962
- .tw-bg-royal-dark {
1963
- background-image: linear-gradient(180deg, #BF91F2 0%, #A577D8 100%);
1964
- }
1965
-
1966
- .tw-bg-royal-light {
1967
- background-image: linear-gradient(180deg, #A577D8 0%, #BF91F2 100%);
1968
- }
1969
-
1970
- .tw-from-grey-800 {
1971
- --tw-gradient-from: var(--squid-theme-grey-800) var(--tw-gradient-from-position);
1972
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1973
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1974
- }
1975
-
1976
- .tw-from-grey-900 {
1977
- --tw-gradient-from: var(--squid-theme-grey-900) var(--tw-gradient-from-position);
1978
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
1979
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1980
- }
1981
-
1982
- .tw-to-transparent {
1983
- --tw-gradient-to: transparent var(--tw-gradient-to-position);
1984
- }
1985
-
1986
- .\!tw-p-0 {
1987
- padding: 0px !important;
1988
- }
1989
-
1990
- .tw-p-0 {
1991
- padding: 0px;
1992
- }
1993
-
1994
- .tw-p-0\.5 {
1995
- padding: 0.125rem;
1996
- }
1997
-
1998
- .tw-p-1 {
1999
- padding: 0.25rem;
2000
- }
2001
-
2002
- .tw-p-2 {
2003
- padding: 0.5rem;
2004
- }
2005
-
2006
- .tw-p-4 {
2007
- padding: 1rem;
2008
- }
2009
-
2010
- .tw-p-8 {
2011
- padding: 2rem;
2012
- }
2013
-
2014
- .tw-p-\[3px\] {
2015
- padding: 3px;
2016
- }
2017
-
2018
- .tw-p-squid-l {
2019
- padding: 1.875rem;
2020
- }
2021
-
2022
- .tw-p-squid-xs {
2023
- padding: 0.625rem;
2024
- }
2025
-
2026
- .tw-p-squid-xxl {
2027
- padding: 3.75rem;
2028
- }
2029
-
2030
- .\!tw-px-4 {
2031
- padding-left: 1rem !important;
2032
- padding-right: 1rem !important;
2033
- }
2034
-
2035
- .\!tw-px-squid-m {
2036
- padding-left: 1.25rem !important;
2037
- padding-right: 1.25rem !important;
2038
- }
2039
-
2040
- .tw-px-0 {
2041
- padding-left: 0px;
2042
- padding-right: 0px;
2043
- }
2044
-
2045
- .tw-px-10 {
2046
- padding-left: 2.5rem;
2047
- padding-right: 2.5rem;
2048
- }
2049
-
2050
- .tw-px-2 {
2051
- padding-left: 0.5rem;
2052
- padding-right: 0.5rem;
2053
- }
2054
-
2055
- .tw-px-2\.5 {
2056
- padding-left: 0.625rem;
2057
- padding-right: 0.625rem;
2058
- }
2059
-
2060
- .tw-px-4 {
2061
- padding-left: 1rem;
2062
- padding-right: 1rem;
2063
- }
2064
-
2065
- .tw-px-\[3px\] {
2066
- padding-left: 3px;
2067
- padding-right: 3px;
2068
- }
2069
-
2070
- .tw-px-squid-l {
2071
- padding-left: 1.875rem;
2072
- padding-right: 1.875rem;
2073
- }
2074
-
2075
- .tw-px-squid-m {
2076
- padding-left: 1.25rem;
2077
- padding-right: 1.25rem;
2078
- }
2079
-
2080
- .tw-px-squid-s {
2081
- padding-left: 0.9375rem;
2082
- padding-right: 0.9375rem;
2083
- }
2084
-
2085
- .tw-px-squid-xs {
2086
- padding-left: 0.625rem;
2087
- padding-right: 0.625rem;
2088
- }
2089
-
2090
- .tw-px-squid-xxl {
2091
- padding-left: 3.75rem;
2092
- padding-right: 3.75rem;
2093
- }
2094
-
2095
- .tw-px-squid-xxs {
2096
- padding-left: 0.3125rem;
2097
- padding-right: 0.3125rem;
2098
- }
2099
-
2100
- .tw-py-0 {
2101
- padding-top: 0px;
2102
- padding-bottom: 0px;
2103
- }
2104
-
2105
- .tw-py-0\.5 {
2106
- padding-top: 0.125rem;
2107
- padding-bottom: 0.125rem;
2108
- }
2109
-
2110
- .tw-py-2 {
2111
- padding-top: 0.5rem;
2112
- padding-bottom: 0.5rem;
2113
- }
2114
-
2115
- .tw-py-squid-s {
2116
- padding-top: 0.9375rem;
2117
- padding-bottom: 0.9375rem;
2118
- }
2119
-
2120
- .tw-py-squid-xl {
2121
- padding-top: 2.5rem;
2122
- padding-bottom: 2.5rem;
2123
- }
2124
-
2125
- .tw-py-squid-xs {
2126
- padding-top: 0.625rem;
2127
- padding-bottom: 0.625rem;
2128
- }
2129
-
2130
- .tw-py-squid-xxs {
2131
- padding-top: 0.3125rem;
2132
- padding-bottom: 0.3125rem;
2133
- }
2134
-
2135
- .tw-pb-\[15px\] {
2136
- padding-bottom: 15px;
2137
- }
2138
-
2139
- .tw-pb-squid-l {
2140
- padding-bottom: 1.875rem;
2141
- }
2142
-
2143
- .tw-pb-squid-m {
2144
- padding-bottom: 1.25rem;
2145
- }
2146
-
2147
- .tw-pb-squid-s {
2148
- padding-bottom: 0.9375rem;
2149
- }
2150
-
2151
- .tw-pb-squid-xl {
2152
- padding-bottom: 2.5rem;
2153
- }
2154
-
2155
- .tw-pb-squid-xs {
2156
- padding-bottom: 0.625rem;
2157
- }
2158
-
2159
- .tw-pb-squid-xxl {
2160
- padding-bottom: 3.75rem;
2161
- }
2162
-
2163
- .tw-pb-squid-xxs {
2164
- padding-bottom: 0.3125rem;
2165
- }
2166
-
2167
- .tw-pl-1 {
2168
- padding-left: 0.25rem;
2169
- }
2170
-
2171
- .tw-pl-\[33px\] {
2172
- padding-left: 33px;
2173
- }
2174
-
2175
- .tw-pl-\[40px\] {
2176
- padding-left: 40px;
2177
- }
2178
-
2179
- .tw-pl-\[7px\] {
2180
- padding-left: 7px;
2181
- }
2182
-
2183
- .tw-pl-squid-l {
2184
- padding-left: 1.875rem;
2185
- }
2186
-
2187
- .tw-pl-squid-xxs {
2188
- padding-left: 0.3125rem;
2189
- }
2190
-
2191
- .tw-pr-1 {
2192
- padding-right: 0.25rem;
2193
- }
2194
-
2195
- .tw-pr-2 {
2196
- padding-right: 0.5rem;
2197
- }
2198
-
2199
- .tw-pr-2\.5 {
2200
- padding-right: 0.625rem;
2201
- }
2202
-
2203
- .tw-pr-4 {
2204
- padding-right: 1rem;
2205
- }
2206
-
2207
- .tw-pr-\[40px\] {
2208
- padding-right: 40px;
2209
- }
2210
-
2211
- .tw-pr-\[70px\] {
2212
- padding-right: 70px;
2213
- }
2214
-
2215
- .tw-pr-squid-m {
2216
- padding-right: 1.25rem;
2217
- }
2218
-
2219
- .tw-pr-squid-xl {
2220
- padding-right: 2.5rem;
2221
- }
2222
-
2223
- .tw-pr-squid-xs {
2224
- padding-right: 0.625rem;
2225
- }
2226
-
2227
- .tw-pt-\[5px\] {
2228
- padding-top: 5px;
2229
- }
2230
-
2231
- .tw-pt-squid-m {
2232
- padding-top: 1.25rem;
2233
- }
2234
-
2235
- .tw-pt-squid-xs {
2236
- padding-top: 0.625rem;
2237
- }
2238
-
2239
- .tw-pt-squid-xxs {
2240
- padding-top: 0.3125rem;
2241
- }
2242
-
2243
- .tw-text-left {
2244
- text-align: left;
2245
- }
2246
-
2247
- .tw-text-center {
2248
- text-align: center;
2249
- }
2250
-
2251
- .tw-text-right {
2252
- text-align: right;
2253
- }
2254
-
2255
- .tw-font-geist {
2256
- font-family: Geist, sans-serif;
2257
- }
2258
-
2259
- .tw-text-body-large {
2260
- font-size: 1.75625rem;
2261
- }
2262
-
2263
- .tw-text-body-medium {
2264
- font-size: 1.40625rem;
2265
- }
2266
-
2267
- .tw-text-body-small {
2268
- font-size: 1.14375rem;
2269
- }
2270
-
2271
- .tw-text-caption {
2272
- font-size: 0.875rem;
2273
- }
2274
-
2275
- .tw-text-heading-large {
2276
- font-size: 4.40625rem;
2277
- }
2278
-
2279
- .tw-text-heading-medium {
2280
- font-size: 3.08125rem;
2281
- }
2282
-
2283
- .tw-text-heading-small {
2284
- font-size: 2.1875rem;
2285
- }
2286
-
2287
- .tw-text-lg {
2288
- font-size: 1.125rem;
2289
- line-height: 1.75rem;
2290
- }
2291
-
2292
- .tw-text-sm {
2293
- font-size: 0.875rem;
2294
- line-height: 1.25rem;
2295
- }
2296
-
2297
- .tw-text-xs {
2298
- font-size: 0.75rem;
2299
- line-height: 1rem;
2300
- }
2301
-
2302
- .\!tw-font-medium {
2303
- font-weight: 500 !important;
2304
- }
2305
-
2306
- .tw-font-heading-bold {
2307
- font-weight: 600;
2308
- }
2309
-
2310
- .tw-font-heading-regular {
2311
- font-weight: 400;
2312
- }
2313
-
2314
- .tw-font-semibold {
2315
- font-weight: 600;
2316
- }
2317
-
2318
- .tw-font-typography-bold {
2319
- font-weight: 600;
2320
- }
2321
-
2322
- .tw-font-typography-regular {
2323
- font-weight: 400;
2324
- }
2325
-
2326
- .\!tw-leading-\[10px\] {
2327
- line-height: 10px !important;
2328
- }
2329
-
2330
- .\!tw-leading-\[13px\] {
2331
- line-height: 13px !important;
2332
- }
2333
-
2334
- .\!tw-leading-\[16px\] {
2335
- line-height: 16px !important;
2336
- }
2337
-
2338
- .\!tw-leading-\[17px\] {
2339
- line-height: 17px !important;
2340
- }
2341
-
2342
- .\!tw-leading-\[18px\] {
2343
- line-height: 18px !important;
2344
- }
2345
-
2346
- .\!tw-leading-\[20px\] {
2347
- line-height: 20px !important;
2348
- }
2349
-
2350
- .\!tw-leading-\[9px\] {
2351
- line-height: 9px !important;
2352
- }
2353
-
2354
- .tw-leading-5 {
2355
- line-height: 1.25rem;
2356
- }
2357
-
2358
- .tw-leading-\[10px\] {
2359
- line-height: 10px;
2360
- }
2361
-
2362
- .tw-leading-\[13px\] {
2363
- line-height: 13px;
2364
- }
2365
-
2366
- .tw-leading-\[43px\] {
2367
- line-height: 43px;
2368
- }
2369
-
2370
- .tw-leading-body-large {
2371
- line-height: 39.34px;
2372
- }
2373
-
2374
- .tw-leading-body-medium {
2375
- line-height: 31.5px;
2376
- }
2377
-
2378
- .tw-leading-body-small {
2379
- line-height: 25.62px;
2380
- }
2381
-
2382
- .tw-leading-caption {
2383
- line-height: 19.6px;
2384
- }
2385
-
2386
- .tw-leading-heading-large {
2387
- line-height: 66.97px;
2388
- }
2389
-
2390
- .tw-leading-heading-medium {
2391
- line-height: 49.3px;
2392
- }
2393
-
2394
- .tw-leading-heading-small {
2395
- line-height: 38.5px;
2396
- }
2397
-
2398
- .tw-tracking-body-large {
2399
- letter-spacing: -0.843px;
2400
- }
2401
-
2402
- .tw-tracking-body-medium {
2403
- letter-spacing: -0.675px;
2404
- }
2405
-
2406
- .tw-tracking-body-small {
2407
- letter-spacing: -0.366px;
2408
- }
2409
-
2410
- .tw-tracking-heading-large {
2411
- letter-spacing: -3.525px;
2412
- }
2413
-
2414
- .tw-tracking-heading-medium {
2415
- letter-spacing: -2.465px;
2416
- }
2417
-
2418
- .tw-tracking-heading-small {
2419
- letter-spacing: -1.05px;
2420
- }
2421
-
2422
- .\!tw-text-grey-600 {
2423
- color: var(--squid-theme-grey-600) !important;
2424
- }
2425
-
2426
- .tw-text-\[\#FBFBFD\] {
2427
- --tw-text-opacity: 1;
2428
- color: rgb(251 251 253 / var(--tw-text-opacity));
2429
- }
2430
-
2431
- .tw-text-grey-100 {
2432
- color: var(--squid-theme-grey-100);
2433
- }
2434
-
2435
- .tw-text-grey-300 {
2436
- color: var(--squid-theme-grey-300);
2437
- }
2438
-
2439
- .tw-text-grey-400 {
2440
- color: var(--squid-theme-grey-400);
2441
- }
2442
-
2443
- .tw-text-grey-500 {
2444
- color: var(--squid-theme-grey-500);
2445
- }
2446
-
2447
- .tw-text-grey-600 {
2448
- color: var(--squid-theme-grey-600);
2449
- }
2450
-
2451
- .tw-text-grey-800 {
2452
- color: var(--squid-theme-grey-800);
2453
- }
2454
-
2455
- .tw-text-grey-900 {
2456
- color: var(--squid-theme-grey-900);
2457
- }
2458
-
2459
- .tw-text-material-dark-thin {
2460
- color: var(--squid-theme-material-dark-thin);
2461
- }
2462
-
2463
- .tw-text-material-light-average {
2464
- color: var(--squid-theme-material-light-average);
2465
- }
2466
-
2467
- .tw-text-material-light-thick {
2468
- color: var(--squid-theme-material-light-thick);
2469
- }
2470
-
2471
- .tw-text-material-light-thin {
2472
- color: var(--squid-theme-material-light-thin);
2473
- }
2474
-
2475
- .tw-text-royal-400 {
2476
- color: var(--squid-theme-royal-400);
2477
- }
2478
-
2479
- .tw-text-royal-500 {
2480
- color: var(--squid-theme-royal-500);
2481
- }
2482
-
2483
- .tw-text-status-negative {
2484
- color: var(--squid-theme-status-negative);
2485
- }
2486
-
2487
- .tw-text-status-partial {
2488
- color: var(--squid-theme-status-partial);
2489
- }
2490
-
2491
- .tw-text-status-positive {
2492
- color: var(--squid-theme-status-positive);
2493
- }
2494
-
2495
- .tw-text-white {
2496
- --tw-text-opacity: 1;
2497
- color: rgb(255 255 255 / var(--tw-text-opacity));
2498
- }
2499
-
2500
- .tw-opacity-0 {
2501
- opacity: 0;
2502
- }
2503
-
2504
- .tw-opacity-100 {
2505
- opacity: 1;
2506
- }
2507
-
2508
- .tw-opacity-33 {
2509
- opacity: 0.33;
2510
- }
2511
-
2512
- .tw-opacity-50 {
2513
- opacity: 0.5;
2514
- }
2515
-
2516
- .tw-opacity-66 {
2517
- opacity: 0.66;
2518
- }
2519
-
2520
- .tw-shadow-inset-royal {
2521
- --tw-shadow: 0px 0px 50px 0px #876FE2 inset;
2522
- --tw-shadow-colored: inset 0px 0px 50px 0px var(--tw-shadow-color);
2523
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2524
- }
2525
-
2526
- .tw-shadow-lg {
2527
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2528
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2529
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2530
- }
2531
-
2532
- .tw-outline {
2533
- outline-style: solid;
2534
- }
2535
-
2536
- .tw-outline-1 {
2537
- outline-width: 1px;
2538
- }
2539
-
2540
- .tw-outline-2 {
2541
- outline-width: 2px;
2542
- }
2543
-
2544
- .-tw-outline-offset-\[1px\] {
2545
- outline-offset: -1px;
2546
- }
2547
-
2548
- .\!tw-outline-status-negative {
2549
- outline-color: var(--squid-theme-status-negative) !important;
2550
- }
2551
-
2552
- .tw-outline-material-light-thin {
2553
- outline-color: var(--squid-theme-material-light-thin);
2554
- }
2555
-
2556
- .tw-outline-royal-500 {
2557
- outline-color: var(--squid-theme-royal-500);
2558
- }
2559
-
2560
- .tw-backdrop-blur-2xl {
2561
- --tw-backdrop-blur: blur(40px);
2562
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2563
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2564
- }
2565
-
2566
- .tw-backdrop-blur\/10 {
2567
- --tw-backdrop-blur: blur(10px);
2568
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2569
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2570
- }
2571
-
2572
- .tw-backdrop-blur\/20 {
2573
- --tw-backdrop-blur: blur(20px);
2574
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2575
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2576
- }
2577
-
2578
- .tw-backdrop-saturate-150 {
2579
- --tw-backdrop-saturate: saturate(1.5);
2580
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2581
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2582
- }
2583
-
2584
- .tw-transition-all {
2585
- transition-property: all;
2586
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2587
- transition-duration: 150ms;
2588
- }
2589
-
2590
- .tw-transition-colors {
2591
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2592
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2593
- transition-duration: 150ms;
2594
- }
2595
-
2596
- .tw-transition-opacity {
2597
- transition-property: opacity;
2598
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2599
- transition-duration: 150ms;
2600
- }
2601
-
2602
- .tw-transition-transform {
2603
- transition-property: transform;
2604
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2605
- transition-duration: 150ms;
2606
- }
2607
-
2608
- .tw-duration-1000 {
2609
- transition-duration: 1000ms;
2610
- }
2611
-
2612
- .tw-duration-150 {
2613
- transition-duration: 150ms;
2614
- }
2615
-
2616
- .tw-duration-300 {
2617
- transition-duration: 300ms;
2618
- }
2619
-
2620
- .tw-ease-in-out {
2621
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2622
- }
2623
-
2624
- @font-face {
2625
- font-family: 'Geist';
2626
-
2627
- src:
2628
- local('Geist'),
2629
- url('./fonts/Geist-Variable.woff2') format('woff2');
2630
- }
2631
-
2632
- *,
2633
- *::before,
2634
- *::after {
2635
- box-sizing: border-box;
2636
- }
2637
-
2638
- :disabled {
2639
- cursor: not-allowed;
2640
- }
2641
-
2642
- .tw-assets-button-mask {
2643
- -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCAxNC44ODE2IDEuOTUyNjIgOS43NjMxMSA1Ljg1Nzg2IDUuODU3ODZDOS43NjMwOSAxLjk1MjY0IDE0Ljg4MTUgMi4yMDcwMmUtMDUgMTkuOTk5OSAxLjg3MzU2ZS0xMEMyNS4xMTg0IC0yLjIwNjkxZS0wNSAzMC4yMzY5IDEuOTUyNiAzNC4xNDIxIDUuODU3ODZDMzQuNjY5NiA2LjM4NTI5IDM1LjE4NzkgNi45MTg3MyAzNS43MDExIDcuNDQ2OTVDMzguOTg4OCAxMC44MzA2IDQyLjA2ODMgMTQgNDYgMTRDNDkuOTMxNyAxNCA1My4wMTEyIDEwLjgzMDYgNTYuMjk4OSA3LjQ0Njk1QzU2LjgxMjEgNi45MTg3MyA1Ny4zMzA0IDYuMzg1MjkgNTcuODU3OSA1Ljg1Nzg2QzYxLjc2MzEgMS45NTI2IDY2Ljg4MTYgLTIuMjA2OTFlLTA1IDcyLjAwMDEgMS44NzM1NmUtMTBWNDBDNjYuODgxNiA0MCA2MS43NjMxIDM4LjA0NzQgNTcuODU3OSAzNC4xNDIxQzU3LjMzMzEgMzMuNjE3MSA1Ni44MTc0IDMzLjA4NjEgNTYuMzA2NSAzMi41NjAyQzUzLjAxNzQgMjkuMTc0IDQ5LjkzNDQgMjYgNDYgMjZDNDIuMDY1NiAyNiAzOC45ODI2IDI5LjE3NCAzNS42OTM1IDMyLjU2MDJDMzUuMTgyNiAzMy4wODYxIDM0LjY2NjkgMzMuNjE3MSAzNC4xNDIxIDM0LjE0MjFDMzAuMjM2OSAzOC4wNDc0IDI1LjExODQgNDAgMTkuOTk5OSA0MEMxNC44ODE1IDQwIDkuNzYzMDkgMzguMDQ3NCA1Ljg1Nzg2IDM0LjE0MjFDMS45NTI2MiAzMC4yMzY5IDAgMjUuMTE4NCAwIDIwWiIgZmlsbD0iI0ZCRkJGRCIgc3R5bGU9ImZpbGw6I0ZCRkJGRDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45ODQwIDAuOTg2MSAwLjk5MDQpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4=');
2644
- mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA3MiA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCAxNC44ODE2IDEuOTUyNjIgOS43NjMxMSA1Ljg1Nzg2IDUuODU3ODZDOS43NjMwOSAxLjk1MjY0IDE0Ljg4MTUgMi4yMDcwMmUtMDUgMTkuOTk5OSAxLjg3MzU2ZS0xMEMyNS4xMTg0IC0yLjIwNjkxZS0wNSAzMC4yMzY5IDEuOTUyNiAzNC4xNDIxIDUuODU3ODZDMzQuNjY5NiA2LjM4NTI5IDM1LjE4NzkgNi45MTg3MyAzNS43MDExIDcuNDQ2OTVDMzguOTg4OCAxMC44MzA2IDQyLjA2ODMgMTQgNDYgMTRDNDkuOTMxNyAxNCA1My4wMTEyIDEwLjgzMDYgNTYuMjk4OSA3LjQ0Njk1QzU2LjgxMjEgNi45MTg3MyA1Ny4zMzA0IDYuMzg1MjkgNTcuODU3OSA1Ljg1Nzg2QzYxLjc2MzEgMS45NTI2IDY2Ljg4MTYgLTIuMjA2OTFlLTA1IDcyLjAwMDEgMS44NzM1NmUtMTBWNDBDNjYuODgxNiA0MCA2MS43NjMxIDM4LjA0NzQgNTcuODU3OSAzNC4xNDIxQzU3LjMzMzEgMzMuNjE3MSA1Ni44MTc0IDMzLjA4NjEgNTYuMzA2NSAzMi41NjAyQzUzLjAxNzQgMjkuMTc0IDQ5LjkzNDQgMjYgNDYgMjZDNDIuMDY1NiAyNiAzOC45ODI2IDI5LjE3NCAzNS42OTM1IDMyLjU2MDJDMzUuMTgyNiAzMy4wODYxIDM0LjY2NjkgMzMuNjE3MSAzNC4xNDIxIDM0LjE0MjFDMzAuMjM2OSAzOC4wNDc0IDI1LjExODQgNDAgMTkuOTk5OSA0MEMxNC44ODE1IDQwIDkuNzYzMDkgMzguMDQ3NCA1Ljg1Nzg2IDM0LjE0MjFDMS45NTI2MiAzMC4yMzY5IDAgMjUuMTE4NCAwIDIwWiIgZmlsbD0iI0ZCRkJGRCIgc3R5bGU9ImZpbGw6I0ZCRkJGRDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC45ODQwIDAuOTg2MSAwLjk5MDQpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L3N2Zz4=');
2645
- -webkit-mask-repeat: no-repeat;
2646
- mask-repeat: no-repeat;
2647
- }
2648
-
2649
- .tw-token-pair-mask {
2650
- -webkit-mask-image: url('data:image/svg+xml;base64,ICAgICAgPHN2ZwogICAgICAgIHdpZHRoPSI5NCIKICAgICAgICBjbGFzc05hbWU9InR3LWFic29sdXRlIgogICAgICAgIGhlaWdodD0iNDIiCiAgICAgICAgdmlld0JveD0iMCAwIDk0IDQyIgogICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICA+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl80NTdfNTEzOTEpIj4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik01OC41MDQyIDM1LjQ5NTZMNTguNTA0MyAzNS40OTU3QzYyLjUwNzEgMzkuNDk4NSA2Ny43NTQ0IDQxLjUgNzMuMDAwMSA0MS41Qzg0LjMyMTkgNDEuNSA5My41IDMyLjMyMTggOTMuNSAyMUM5My41IDkuNjc4MjIgODQuMzIxOSAwLjUgNzMuMDAwMSAwLjVDNjcuNzU0NCAwLjQ5OTk3NyA2Mi41MDcxIDIuNTAxNTEgNTguNTA0MyA2LjUwNDMxQzU3Ljk3NDMgNy4wMzQzNyA1Ny40NTM4IDcuNTcwMDcgNTYuOTQxMiA4LjA5NzU2TDU2Ljk0MDMgOC4wOTg1MkM1NS4yODg5IDkuNzk4MTIgNTMuNzI3OSAxMS40MDI3IDUyLjA5NyAxMi41ODc5QzUwLjQ3MzQgMTMuNzY3OCA0OC44MjI1IDE0LjUgNDcgMTQuNUM0NS4xNzc1IDE0LjUgNDMuNTI2NiAxMy43Njc4IDQxLjkwMyAxMi41ODc5QzQwLjI3MjEgMTEuNDAyNyAzOC43MTExIDkuNzk4MTIgMzcuMDU5NyA4LjA5ODUyTDM3LjA1ODkgOC4wOTc2NkMzNi41NDYzIDcuNTcwMTMgMzYuMDI1OCA3LjAzNDQxIDM1LjQ5NTcgNi41MDQzMUMzMS40OTI5IDIuNTAxNTEgMjYuMjQ1NiAwLjQ5OTk3NyAyMC45OTk5IDAuNUMxNS43NTQzIDAuNTAwMDIzIDEwLjUwNzEgMi41MDE1NiA2LjUwNDMxIDYuNTA0MzFDMi41MDE1MyAxMC41MDcxIDAuNSAxNS43NTQ0IDAuNSAyMUMwLjUgMjYuMjQ1NiAyLjUwMTUzIDMxLjQ5MjkgNi41MDQzMSAzNS40OTU3QzEwLjUwNzEgMzkuNDk4NCAxNS43NTQzIDQxLjUgMjAuOTk5OSA0MS41QzI2LjI0NTYgNDEuNSAzMS40OTI5IDM5LjQ5ODUgMzUuNDk1NyAzNS40OTU3TDM1LjQ5NTggMzUuNDk1NkMzNi4wMjMgMzQuOTY4IDM2LjU0MDggMzQuNDM0OSAzNy4wNTA4IDMzLjkwOTlMMzcuMDUyMSAzMy45MDg2QzM4LjcwNDIgMzIuMjA3NyA0MC4yNjY1IDMwLjYwMTMgNDEuODk4OCAyOS40MTQ3QzQzLjUyMzggMjguMjMzMyA0NS4xNzYzIDI3LjUgNDcgMjcuNUM0OC44MjM3IDI3LjUgNTAuNDc2MiAyOC4yMzMzIDUyLjEwMTIgMjkuNDE0N0M1My43MzM1IDMwLjYwMTMgNTUuMjk1OCAzMi4yMDc3IDU2Ljk0NzkgMzMuOTA4Nkw1Ni45NDkyIDMzLjkwOTlDNTcuNDU5MiAzNC40MzQ5IDU3Ljk3NyAzNC45NjggNTguNTA0MiAzNS40OTU2WiIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAvPgogICAgICAgIDwvZz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgIDxmaWx0ZXIKICAgICAgICAgICAgaWQ9ImZpbHRlcjBfYl80NTdfNTEzOTEiCiAgICAgICAgICAgIHg9Ii0yMCIKICAgICAgICAgICAgeT0iLTIwIgogICAgICAgICAgICB3aWR0aD0iMTM0IgogICAgICAgICAgICBoZWlnaHQ9IjgyIgogICAgICAgICAgICBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIKICAgICAgICAgID4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIC8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjEwIiAvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUKICAgICAgICAgICAgICBpbjI9IlNvdXJjZUFscGhhIgogICAgICAgICAgICAgIG9wZXJhdG9yPSJpbiIKICAgICAgICAgICAgICByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAvPgogICAgICAgICAgICA8ZmVCbGVuZAogICAgICAgICAgICAgIG1vZGU9Im5vcm1hbCIKICAgICAgICAgICAgICBpbj0iU291cmNlR3JhcGhpYyIKICAgICAgICAgICAgICBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAgIHJlc3VsdD0ic2hhcGUiCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2ZpbHRlcj4KICAgICAgICA8L2RlZnM+CiAgICAgIDwvc3ZnPgo=');
2651
- mask-image: url('data:image/svg+xml;base64,ICAgICAgPHN2ZwogICAgICAgIHdpZHRoPSI5NCIKICAgICAgICBjbGFzc05hbWU9InR3LWFic29sdXRlIgogICAgICAgIGhlaWdodD0iNDIiCiAgICAgICAgdmlld0JveD0iMCAwIDk0IDQyIgogICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICA+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl80NTdfNTEzOTEpIj4KICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik01OC41MDQyIDM1LjQ5NTZMNTguNTA0MyAzNS40OTU3QzYyLjUwNzEgMzkuNDk4NSA2Ny43NTQ0IDQxLjUgNzMuMDAwMSA0MS41Qzg0LjMyMTkgNDEuNSA5My41IDMyLjMyMTggOTMuNSAyMUM5My41IDkuNjc4MjIgODQuMzIxOSAwLjUgNzMuMDAwMSAwLjVDNjcuNzU0NCAwLjQ5OTk3NyA2Mi41MDcxIDIuNTAxNTEgNTguNTA0MyA2LjUwNDMxQzU3Ljk3NDMgNy4wMzQzNyA1Ny40NTM4IDcuNTcwMDcgNTYuOTQxMiA4LjA5NzU2TDU2Ljk0MDMgOC4wOTg1MkM1NS4yODg5IDkuNzk4MTIgNTMuNzI3OSAxMS40MDI3IDUyLjA5NyAxMi41ODc5QzUwLjQ3MzQgMTMuNzY3OCA0OC44MjI1IDE0LjUgNDcgMTQuNUM0NS4xNzc1IDE0LjUgNDMuNTI2NiAxMy43Njc4IDQxLjkwMyAxMi41ODc5QzQwLjI3MjEgMTEuNDAyNyAzOC43MTExIDkuNzk4MTIgMzcuMDU5NyA4LjA5ODUyTDM3LjA1ODkgOC4wOTc2NkMzNi41NDYzIDcuNTcwMTMgMzYuMDI1OCA3LjAzNDQxIDM1LjQ5NTcgNi41MDQzMUMzMS40OTI5IDIuNTAxNTEgMjYuMjQ1NiAwLjQ5OTk3NyAyMC45OTk5IDAuNUMxNS43NTQzIDAuNTAwMDIzIDEwLjUwNzEgMi41MDE1NiA2LjUwNDMxIDYuNTA0MzFDMi41MDE1MyAxMC41MDcxIDAuNSAxNS43NTQ0IDAuNSAyMUMwLjUgMjYuMjQ1NiAyLjUwMTUzIDMxLjQ5MjkgNi41MDQzMSAzNS40OTU3QzEwLjUwNzEgMzkuNDk4NCAxNS43NTQzIDQxLjUgMjAuOTk5OSA0MS41QzI2LjI0NTYgNDEuNSAzMS40OTI5IDM5LjQ5ODUgMzUuNDk1NyAzNS40OTU3TDM1LjQ5NTggMzUuNDk1NkMzNi4wMjMgMzQuOTY4IDM2LjU0MDggMzQuNDM0OSAzNy4wNTA4IDMzLjkwOTlMMzcuMDUyMSAzMy45MDg2QzM4LjcwNDIgMzIuMjA3NyA0MC4yNjY1IDMwLjYwMTMgNDEuODk4OCAyOS40MTQ3QzQzLjUyMzggMjguMjMzMyA0NS4xNzYzIDI3LjUgNDcgMjcuNUM0OC44MjM3IDI3LjUgNTAuNDc2MiAyOC4yMzMzIDUyLjEwMTIgMjkuNDE0N0M1My43MzM1IDMwLjYwMTMgNTUuMjk1OCAzMi4yMDc3IDU2Ljk0NzkgMzMuOTA4Nkw1Ni45NDkyIDMzLjkwOTlDNTcuNDU5MiAzNC40MzQ5IDU3Ljk3NyAzNC45NjggNTguNTA0MiAzNS40OTU2WiIKICAgICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSIKICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAvPgogICAgICAgIDwvZz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgIDxmaWx0ZXIKICAgICAgICAgICAgaWQ9ImZpbHRlcjBfYl80NTdfNTEzOTEiCiAgICAgICAgICAgIHg9Ii0yMCIKICAgICAgICAgICAgeT0iLTIwIgogICAgICAgICAgICB3aWR0aD0iMTM0IgogICAgICAgICAgICBoZWlnaHQ9IjgyIgogICAgICAgICAgICBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIKICAgICAgICAgID4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIC8+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjEwIiAvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUKICAgICAgICAgICAgICBpbjI9IlNvdXJjZUFscGhhIgogICAgICAgICAgICAgIG9wZXJhdG9yPSJpbiIKICAgICAgICAgICAgICByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAvPgogICAgICAgICAgICA8ZmVCbGVuZAogICAgICAgICAgICAgIG1vZGU9Im5vcm1hbCIKICAgICAgICAgICAgICBpbj0iU291cmNlR3JhcGhpYyIKICAgICAgICAgICAgICBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfNDU3XzUxMzkxIgogICAgICAgICAgICAgIHJlc3VsdD0ic2hhcGUiCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2ZpbHRlcj4KICAgICAgICA8L2RlZnM+CiAgICAgIDwvc3ZnPgo=');
2652
- }
2653
-
2654
- .tw-font-geist {
2655
- font-feature-settings:
2656
- 'ss01' on,
2657
- 'ss03' on;
2658
- }
2659
-
2660
- li {
2661
- list-style-type: none;
2662
- }
2663
-
2664
- .tw-swap-detail-list-item-gradient:nth-child(odd) > div {
2665
- background: linear-gradient(
2666
- 91deg,
2667
- /* grey-100 with 0.05 opacity */ var(--squid-theme-grey-100-005) 0%,
2668
- transparent 100%
2669
- );
2670
- }
2671
-
2672
- :focus-visible {
2673
- outline-style: solid;
2674
- outline-width: 2px;
2675
- outline-color: var(--squid-theme-royal-500);
2676
- }
2677
-
2678
- /* Chrome, Safari, Edge, Opera */
2679
-
2680
- input::-webkit-outer-spin-button,
2681
- input::-webkit-inner-spin-button {
2682
- -webkit-appearance: none;
2683
- margin: 0;
2684
- }
2685
-
2686
- /* Firefox */
2687
-
2688
- input[type='number'] {
2689
- -moz-appearance: textfield;
2690
- }
2691
-
2692
- :invalid {
2693
- outline-color: var(--squid-theme-status-negative);
2694
- }
2695
-
2696
- /* Change animation stroke color based on theme type */
2697
-
2698
- .tw-group[data-squid-theme-type='dark'] #squid-lottie-animation #keystroke {
2699
- stroke: var(--squid-theme-grey-100) !important;
2700
- }
2701
-
2702
- .tw-group[data-squid-theme-type='light'] #squid-lottie-animation #keystroke {
2703
- stroke: var(--squid-theme-grey-900) !important;
2704
- }
2705
-
2706
- #squid-lottie-animation #keyfill {
2707
- fill: var(--squid-theme-royal-500) !important;
2708
- }
2709
-
2710
- .placeholder\:tw-text-grey-600::-moz-placeholder {
2711
- color: var(--squid-theme-grey-600);
2712
- }
2713
-
2714
- .placeholder\:tw-text-grey-600::placeholder {
2715
- color: var(--squid-theme-grey-600);
2716
- }
2717
-
2718
- .placeholder-shown\:tw-text-grey-600:-moz-placeholder-shown {
2719
- color: var(--squid-theme-grey-600);
2720
- }
2721
-
2722
- .placeholder-shown\:tw-text-grey-600:placeholder-shown {
2723
- color: var(--squid-theme-grey-600);
2724
- }
2725
-
2726
- .invalid\:tw-outline-status-negative:invalid {
2727
- outline-color: var(--squid-theme-status-negative);
2728
- }
2729
-
2730
- @keyframes tw-display {
2731
- 0% {
2732
- display: none;
2733
- }
2734
-
2735
- 100% {
2736
- display: block;
2737
- }
2738
- }
2739
-
2740
- .hover\:tw-animate-display-delayed:hover {
2741
- animation: tw-display 0s var(--squid-animation-display-delayed-duration, 0s) ease-out both;
2742
- }
2743
-
2744
- .hover\:tw-border-material-light-average:hover {
2745
- border-color: var(--squid-theme-material-light-average);
2746
- }
2747
-
2748
- .hover\:tw-bg-material-light-thin:hover {
2749
- background-color: var(--squid-theme-material-light-thin);
2750
- }
2751
-
2752
- .hover\:tw-text-grey-400:hover {
2753
- color: var(--squid-theme-grey-400);
2754
- }
2755
-
2756
- .hover\:tw-opacity-100:hover {
2757
- opacity: 1;
2758
- }
2759
-
2760
- .focus\:tw-bg-material-light-thin:focus {
2761
- background-color: var(--squid-theme-material-light-thin);
2762
- }
2763
-
2764
- .focus\:tw-text-royal-400:focus {
2765
- color: var(--squid-theme-royal-400);
2766
- }
2767
-
2768
- .focus\:tw-opacity-100:focus {
2769
- opacity: 1;
2770
- }
2771
-
2772
- .focus\:tw-outline-none:focus {
2773
- outline: 2px solid transparent;
2774
- outline-offset: 2px;
2775
- }
2776
-
2777
- .disabled\:tw-cursor-not-allowed:disabled {
2778
- cursor: not-allowed;
2779
- }
2780
-
2781
- .tw-group\/base-button:hover .group-hover\/base-button\:tw-block {
2782
- display: block;
2783
- }
2784
-
2785
- .tw-group\/list-item:hover .group-hover\/list-item\:tw-block {
2786
- display: block;
2787
- }
2788
-
2789
- .tw-group\/history-item:hover .group-hover\/history-item\:tw-hidden {
2790
- display: none;
2791
- }
2792
-
2793
- .tw-group\/flip-button:hover .group-hover\/flip-button\:tw-rotate-180 {
2794
- --tw-rotate: 180deg;
2795
- 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));
2796
- }
2797
-
2798
- .tw-group\/boost-toggle:hover .group-hover\/boost-toggle\:tw-from-material-light-blend-grey-900 {
2799
- --tw-gradient-from: var(--squid-theme-material-light-blend-grey-900) var(--tw-gradient-from-position);
2800
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2801
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2802
- }
2803
-
2804
- .tw-group\/swap-step-item-button:hover .group-hover\/swap-step-item-button\:tw-from-grey-700 {
2805
- --tw-gradient-from: var(--squid-theme-grey-700) var(--tw-gradient-from-position);
2806
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2807
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2808
- }
2809
-
2810
- .tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-0 {
2811
- opacity: 0;
2812
- }
2813
-
2814
- .tw-group\/history-item:hover .group-hover\/history-item\:tw-opacity-100 {
2815
- opacity: 1;
2816
- }
2817
-
2818
- .tw-group\/list-item:hover .group-hover\/list-item\:tw-opacity-100 {
2819
- opacity: 1;
2820
- }
2821
-
2822
- .tw-group\/list-item:focus .group-focus\/list-item\:tw-opacity-100 {
2823
- opacity: 1;
2824
- }
2825
-
2826
- .tw-group\/boost-toggle:disabled .group-disabled\/boost-toggle\:tw-grayscale {
2827
- --tw-grayscale: grayscale(100%);
2828
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2829
- }
2830
-
2831
- @keyframes tw-display {
2832
- 0% {
2833
- display: none;
2834
- }
2835
-
2836
- 100% {
2837
- display: block;
2838
- }
2839
- }
2840
-
2841
- .tw-peer:hover ~ .peer-hover\:tw-animate-display-delayed {
2842
- animation: tw-display 0s var(--squid-animation-display-delayed-duration, 0s) ease-out both;
2843
- }
2844
-
2845
- .tw-peer:focus ~ .peer-focus\:tw-hidden {
2846
- display: none;
2847
- }
2848
-
2849
- .tw-peer:focus ~ .peer-focus\:tw-opacity-0 {
2850
- opacity: 0;
2851
- }
2852
-
2853
- .aria-disabled\:tw-bg-grey-600[aria-disabled="true"] {
2854
- background-color: var(--squid-theme-grey-600);
2855
- }
2856
-
2857
- .aria-disabled\:tw-text-grey-800[aria-disabled="true"] {
2858
- color: var(--squid-theme-grey-800);
2859
- }
2860
-
2861
- @keyframes tw-move-to-left-with-spring-bounce {
2862
- 0% {
2863
- transform: translateX(25%);
2864
- }
2865
-
2866
- 50% {
2867
- transform: translateX(-27%);
2868
- }
2869
-
2870
- 80% {
2871
- transform: translateX(-24%);
2872
- }
2873
-
2874
- 100% {
2875
- transform: translateX(-25%);
2876
- }
2877
- }
2878
-
2879
- .data-\[boost-mode\=boost\]\:tw-animate-move-to-left-with-spring-bounce[data-boost-mode=boost] {
2880
- animation: tw-move-to-left-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration, 0s) ease-out both;
2881
- }
2882
-
2883
- @keyframes tw-move-to-right-with-spring-bounce {
2884
- 0% {
2885
- transform: translateX(-25%);
2886
- }
2887
-
2888
- 50% {
2889
- transform: translateX(27%);
2890
- }
2891
-
2892
- 80% {
2893
- transform: translateX(24%);
2894
- }
2895
-
2896
- 100% {
2897
- transform: translateX(25%);
2898
- }
2899
- }
2900
-
2901
- .data-\[boost-mode\=normal\]\:tw-animate-move-to-right-with-spring-bounce[data-boost-mode=normal] {
2902
- animation: tw-move-to-right-with-spring-bounce var(--squid-animation-move-with-spring-bounce-duration, 0s) ease-out both;
2903
- }
2904
-
2905
- .tw-group[data-boost-mode=boost] .group-data-\[boost-mode\=boost\]\:tw-left-\[calc\(50\%-2px\)\] {
2906
- left: calc(50% - 2px);
2907
- }
2908
-
2909
- .tw-group[data-boost-mode=normal] .group-data-\[boost-mode\=normal\]\:tw-left-\[calc\(50\%-6px\)\] {
2910
- left: calc(50% - 6px);
2911
- }
2912
-
2913
- .tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-bg-grey-100 {
2914
- background-color: var(--squid-theme-grey-100);
2915
- }
2916
-
2917
- .tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-bg-grey-900 {
2918
- background-color: var(--squid-theme-grey-900);
2919
- }
2920
-
2921
- .tw-group[data-squid-theme-type='dark'] .group-data-\[squid-theme-type\=\'dark\'\]\:tw-bg-royal-dark {
2922
- background-image: linear-gradient(180deg, #BF91F2 0%, #A577D8 100%);
2923
- }
2924
-
2925
- .tw-group[data-squid-theme-type='light'] .group-data-\[squid-theme-type\=\'light\'\]\:tw-bg-royal-light {
2926
- background-image: linear-gradient(180deg, #A577D8 0%, #BF91F2 100%);
2927
- }
2928
-
2929
- .tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-grey-100 {
2930
- color: var(--squid-theme-grey-100);
2931
- }
2932
-
2933
- .tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-text-material-light-average {
2934
- color: var(--squid-theme-material-light-average);
2935
- }
2936
-
2937
- .tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-grey-900 {
2938
- color: var(--squid-theme-grey-900);
2939
- }
2940
-
2941
- .tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-text-transparent {
2942
- color: transparent;
2943
- }
2944
-
2945
- .tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-2 {
2946
- --tw-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.20), 0px 5px 20px -1px rgba(0, 0, 0, 0.33);
2947
- --tw-shadow-colored: 0px 2px 5px 1px var(--tw-shadow-color), 0px 5px 20px -1px var(--tw-shadow-color);
2948
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2949
- }
2950
-
2951
- .tw-group[data-squid-theme-type=dark] .group-data-\[squid-theme-type\=dark\]\:tw-shadow-elevation-dark-3 {
2952
- --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20), 0px 5px 50px -1px rgba(0, 0, 0, 0.33);
2953
- --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 5px 50px -1px var(--tw-shadow-color);
2954
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2955
- }
2956
-
2957
- .tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-2 {
2958
- --tw-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10);
2959
- --tw-shadow-colored: 0px 2px 5px 1px var(--tw-shadow-color), 0px 5px 20px -1px var(--tw-shadow-color);
2960
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2961
- }
2962
-
2963
- .tw-group[data-squid-theme-type=light] .group-data-\[squid-theme-type\=light\]\:tw-shadow-elevation-light-3 {
2964
- --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 5px 50px -1px rgba(0, 0, 0, 0.20);
2965
- --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 5px 50px -1px var(--tw-shadow-color);
2966
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2967
- }
2968
-
2969
- .tw-peer[data-boost-mode=boost] ~ .peer-data-\[boost-mode\=boost\]\:tw-bg-status-positive {
2970
- background-color: var(--squid-theme-status-positive);
2971
- }
2972
-
2973
- .tw-peer[data-boost-mode=normal] ~ .peer-data-\[boost-mode\=normal\]\:tw-bg-current {
2974
- background-color: currentColor;
2975
- }