@studiocubics/components 0.0.3 → 0.0.4

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 (237) hide show
  1. package/README.md +2 -0
  2. package/dist/Cards/Card/Card.js +1 -44
  3. package/dist/Cards/Card/Card.js.map +1 -1
  4. package/dist/Cards/Card/Card.module.css.js +1 -3
  5. package/dist/Cards/Card/Card.module.css.js.map +1 -1
  6. package/dist/Cards/CollectionItemCard/CollectionItemCard.js +1 -47
  7. package/dist/Cards/CollectionItemCard/CollectionItemCard.js.map +1 -1
  8. package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js +1 -3
  9. package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js.map +1 -1
  10. package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js +1 -33
  11. package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js.map +1 -1
  12. package/dist/Cards/GlassCard/GlassCard.js +1 -51
  13. package/dist/Cards/GlassCard/GlassCard.js.map +1 -1
  14. package/dist/Cards/GlassCard/GlassCard.module.css.js +1 -3
  15. package/dist/Cards/GlassCard/GlassCard.module.css.js.map +1 -1
  16. package/dist/Display/Accordion/Accordion.js +1 -27
  17. package/dist/Display/Accordion/Accordion.js.map +1 -1
  18. package/dist/Display/Accordion/Accordion.module.css.js +1 -3
  19. package/dist/Display/Accordion/Accordion.module.css.js.map +1 -1
  20. package/dist/Display/Accordion/AccordionItem.js +1 -55
  21. package/dist/Display/Accordion/AccordionItem.js.map +1 -1
  22. package/dist/Display/Chip/Chip.js +1 -42
  23. package/dist/Display/Chip/Chip.js.map +1 -1
  24. package/dist/Display/Chip/Chip.module.css.js +1 -3
  25. package/dist/Display/Chip/Chip.module.css.js.map +1 -1
  26. package/dist/Display/IdentityDisplay/IdentityDisplay.js +1 -35
  27. package/dist/Display/IdentityDisplay/IdentityDisplay.js.map +1 -1
  28. package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js +1 -3
  29. package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js.map +1 -1
  30. package/dist/Display/InputErrors/InputErrors.js +1 -24
  31. package/dist/Display/InputErrors/InputErrors.js.map +1 -1
  32. package/dist/Display/InputErrors/InputErrors.module.css.js +1 -3
  33. package/dist/Display/InputErrors/InputErrors.module.css.js.map +1 -1
  34. package/dist/Display/Kbd/Kbd.js +1 -18
  35. package/dist/Display/Kbd/Kbd.js.map +1 -1
  36. package/dist/Display/Kbd/Kbd.module.css.js +1 -3
  37. package/dist/Display/Kbd/Kbd.module.css.js.map +1 -1
  38. package/dist/Display/Kbd/buttonList.js +1 -197
  39. package/dist/Display/Kbd/buttonList.js.map +1 -1
  40. package/dist/Display/LabeledValue/LabeledValue.js +1 -10
  41. package/dist/Display/LabeledValue/LabeledValue.js.map +1 -1
  42. package/dist/Display/LabeledValue/LabeledValue.module.css.js +1 -3
  43. package/dist/Display/LabeledValue/LabeledValue.module.css.js.map +1 -1
  44. package/dist/Display/List/List.js +1 -95
  45. package/dist/Display/List/List.js.map +1 -1
  46. package/dist/Display/List/List.module.css.js +1 -3
  47. package/dist/Display/List/List.module.css.js.map +1 -1
  48. package/dist/Display/PasswordStrength/PasswordStrength.js +1 -16
  49. package/dist/Display/PasswordStrength/PasswordStrength.js.map +1 -1
  50. package/dist/Display/PasswordStrength/PasswordStrength.module.css.js +1 -3
  51. package/dist/Display/PasswordStrength/PasswordStrength.module.css.js.map +1 -1
  52. package/dist/Display/PasswordStrength/usePasswordStrength.js +1 -48
  53. package/dist/Display/PasswordStrength/usePasswordStrength.js.map +1 -1
  54. package/dist/Display/Skeleton/Skeleton.js +1 -10
  55. package/dist/Display/Skeleton/Skeleton.js.map +1 -1
  56. package/dist/Display/Skeleton/Skeleton.module.css.js +1 -3
  57. package/dist/Display/Skeleton/Skeleton.module.css.js.map +1 -1
  58. package/dist/Display/Toast/Toaster.js +1 -44
  59. package/dist/Display/Toast/Toaster.js.map +1 -1
  60. package/dist/Display/Toast/toast.js +1 -31
  61. package/dist/Display/Toast/toast.js.map +1 -1
  62. package/dist/Display/Tooltip/Tooltip.js +1 -44
  63. package/dist/Display/Tooltip/Tooltip.js.map +1 -1
  64. package/dist/Display/Tooltip/Tooltip.module.css.js +1 -3
  65. package/dist/Display/Tooltip/Tooltip.module.css.js.map +1 -1
  66. package/dist/Display/Tooltip/getArrowDirection.js +1 -47
  67. package/dist/Display/Tooltip/getArrowDirection.js.map +1 -1
  68. package/dist/Display/Tooltip/useTooltip.js +1 -47
  69. package/dist/Display/Tooltip/useTooltip.js.map +1 -1
  70. package/dist/Display/WIP/WIP.d.ts +5 -0
  71. package/dist/Forms/ConfirmationForm/ConfirmationForm.js +1 -11
  72. package/dist/Forms/ConfirmationForm/ConfirmationForm.js.map +1 -1
  73. package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js +1 -3
  74. package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js.map +1 -1
  75. package/dist/Inputs/Button/Button.js +1 -55
  76. package/dist/Inputs/Button/Button.js.map +1 -1
  77. package/dist/Inputs/Button/Button.module.css.js +1 -3
  78. package/dist/Inputs/Button/Button.module.css.js.map +1 -1
  79. package/dist/Inputs/Checkbox/Checkbox.js +1 -54
  80. package/dist/Inputs/Checkbox/Checkbox.js.map +1 -1
  81. package/dist/Inputs/Checkbox/Checkbox.module.css.js +1 -3
  82. package/dist/Inputs/Checkbox/Checkbox.module.css.js.map +1 -1
  83. package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -34
  84. package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
  85. package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js +1 -3
  86. package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js.map +1 -1
  87. package/dist/Inputs/Checkbox/CheckboxSelectAll.js +1 -18
  88. package/dist/Inputs/Checkbox/CheckboxSelectAll.js.map +1 -1
  89. package/dist/Inputs/PasswordInput/PasswordInput.js +1 -44
  90. package/dist/Inputs/PasswordInput/PasswordInput.js.map +1 -1
  91. package/dist/Inputs/PasswordInput/PasswordInput.module.css.js +1 -3
  92. package/dist/Inputs/PasswordInput/PasswordInput.module.css.js.map +1 -1
  93. package/dist/Inputs/Select/Select.js +1 -25
  94. package/dist/Inputs/Select/Select.js.map +1 -1
  95. package/dist/Inputs/Select/Select.module.css.js +1 -3
  96. package/dist/Inputs/Select/Select.module.css.js.map +1 -1
  97. package/dist/Inputs/Switch/Switch.js +1 -80
  98. package/dist/Inputs/Switch/Switch.js.map +1 -1
  99. package/dist/Inputs/Switch/Switch.module.css.js +1 -3
  100. package/dist/Inputs/Switch/Switch.module.css.js.map +1 -1
  101. package/dist/Inputs/TextAreaInput/TextAreaInput.js +1 -29
  102. package/dist/Inputs/TextAreaInput/TextAreaInput.js.map +1 -1
  103. package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js +1 -3
  104. package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js.map +1 -1
  105. package/dist/Inputs/TextInput/TextInput.js +1 -22
  106. package/dist/Inputs/TextInput/TextInput.js.map +1 -1
  107. package/dist/Inputs/TextInput/TextInput.module.css.js +1 -3
  108. package/dist/Inputs/TextInput/TextInput.module.css.js.map +1 -1
  109. package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js +1 -30
  110. package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js.map +1 -1
  111. package/dist/Layout/Dialog/Dialog.js +1 -74
  112. package/dist/Layout/Dialog/Dialog.js.map +1 -1
  113. package/dist/Layout/Dialog/Dialog.module.css.js +1 -3
  114. package/dist/Layout/Dialog/Dialog.module.css.js.map +1 -1
  115. package/dist/Layout/Drawer/Drawer.d.ts +1 -1
  116. package/dist/Layout/Drawer/Drawer.js +1 -38
  117. package/dist/Layout/Drawer/Drawer.js.map +1 -1
  118. package/dist/Layout/Drawer/Drawer.module.css.js +1 -3
  119. package/dist/Layout/Drawer/Drawer.module.css.js.map +1 -1
  120. package/dist/Layout/PageLayout/PageLayout.js +1 -24
  121. package/dist/Layout/PageLayout/PageLayout.js.map +1 -1
  122. package/dist/Layout/PageLayout/PageLayout.module.css.js +1 -3
  123. package/dist/Layout/PageLayout/PageLayout.module.css.js.map +1 -1
  124. package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js +1 -12
  125. package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js.map +1 -1
  126. package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js +1 -3
  127. package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js.map +1 -1
  128. package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js +1 -21
  129. package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js.map +1 -1
  130. package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js +1 -3
  131. package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js.map +1 -1
  132. package/dist/Layout/Popover/Popover.js +1 -102
  133. package/dist/Layout/Popover/Popover.js.map +1 -1
  134. package/dist/Layout/Popover/Popover.module.css.js +1 -3
  135. package/dist/Layout/Popover/Popover.module.css.js.map +1 -1
  136. package/dist/Layout/SectionWrapper/SectionWrapper.js +1 -10
  137. package/dist/Layout/SectionWrapper/SectionWrapper.js.map +1 -1
  138. package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js +1 -3
  139. package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js.map +1 -1
  140. package/dist/Layout/Sidebar/Sidebar.js +1 -24
  141. package/dist/Layout/Sidebar/Sidebar.js.map +1 -1
  142. package/dist/Layout/Sidebar/Sidebar.module.css.js +1 -3
  143. package/dist/Layout/Sidebar/Sidebar.module.css.js.map +1 -1
  144. package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js +1 -13
  145. package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js.map +1 -1
  146. package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js +1 -3
  147. package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js.map +1 -1
  148. package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js +1 -13
  149. package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js.map +1 -1
  150. package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js +1 -3
  151. package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js.map +1 -1
  152. package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js +1 -13
  153. package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js.map +1 -1
  154. package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js +1 -3
  155. package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js.map +1 -1
  156. package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js +1 -11
  157. package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js.map +1 -1
  158. package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js +1 -10
  159. package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js.map +1 -1
  160. package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js +1 -3
  161. package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js.map +1 -1
  162. package/dist/Layout/Table/Table.js +1 -130
  163. package/dist/Layout/Table/Table.js.map +1 -1
  164. package/dist/Layout/Table/Table.module.css.js +1 -3
  165. package/dist/Layout/Table/Table.module.css.js.map +1 -1
  166. package/dist/Layout/Table/TableFooter.js +1 -8
  167. package/dist/Layout/Table/TableFooter.js.map +1 -1
  168. package/dist/Layout/Table/TableHeader.js +1 -8
  169. package/dist/Layout/Table/TableHeader.js.map +1 -1
  170. package/dist/Layout/Table/tableUtils.js +1 -123
  171. package/dist/Layout/Table/tableUtils.js.map +1 -1
  172. package/dist/Misc/Cursor/Cursor.js +1 -58
  173. package/dist/Misc/Cursor/Cursor.js.map +1 -1
  174. package/dist/Misc/Cursor/Cursor.module.css.js +1 -3
  175. package/dist/Misc/Cursor/Cursor.module.css.js.map +1 -1
  176. package/dist/Misc/Logos.js +1 -28
  177. package/dist/Misc/Logos.js.map +1 -1
  178. package/dist/Misc/PoweredByBanner/PoweredByBanner.js +1 -11
  179. package/dist/Misc/PoweredByBanner/PoweredByBanner.js.map +1 -1
  180. package/dist/Misc/PoweredByBanner/PoweredByBanner.module.css.js +1 -3
  181. package/dist/Misc/PoweredByBanner/PoweredByBanner.module.css.js.map +1 -1
  182. package/dist/Misc/Ripple/Ripple.js +1 -61
  183. package/dist/Misc/Ripple/Ripple.js.map +1 -1
  184. package/dist/Misc/Ripple/Ripple.module.css.js +1 -3
  185. package/dist/Misc/Ripple/Ripple.module.css.js.map +1 -1
  186. package/dist/Misc/Spinner/Spinner.js +1 -11
  187. package/dist/Misc/Spinner/Spinner.js.map +1 -1
  188. package/dist/Misc/Spinner/Spinner.module.css.js +1 -3
  189. package/dist/Misc/Spinner/Spinner.module.css.js.map +1 -1
  190. package/dist/Misc/TransitionAnimation/TransitionAnimation.js +1 -86
  191. package/dist/Misc/TransitionAnimation/TransitionAnimation.js.map +1 -1
  192. package/dist/Misc/TransitionAnimation/TransitionAnimation.module.css.js +1 -3
  193. package/dist/Misc/TransitionAnimation/TransitionAnimation.module.css.js.map +1 -1
  194. package/dist/Navigation/Breadcrumbs/Breadcrumbs.js +1 -35
  195. package/dist/Navigation/Breadcrumbs/Breadcrumbs.js.map +1 -1
  196. package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js +1 -3
  197. package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js.map +1 -1
  198. package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js +1 -14
  199. package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js.map +1 -1
  200. package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js +1 -43
  201. package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js.map +1 -1
  202. package/dist/Navigation/Pagination/Pagination.js +1 -60
  203. package/dist/Navigation/Pagination/Pagination.js.map +1 -1
  204. package/dist/Navigation/Pagination/Pagination.module.css.js +1 -3
  205. package/dist/Navigation/Pagination/Pagination.module.css.js.map +1 -1
  206. package/dist/Navigation/Pagination/PaginationItem.js +1 -13
  207. package/dist/Navigation/Pagination/PaginationItem.js.map +1 -1
  208. package/dist/Navigation/Pagination/usePagination.js +1 -37
  209. package/dist/Navigation/Pagination/usePagination.js.map +1 -1
  210. package/dist/Navigation/Tabs/Tab/Tab.js +1 -69
  211. package/dist/Navigation/Tabs/Tab/Tab.js.map +1 -1
  212. package/dist/Navigation/Tabs/Tab/Tab.module.css.js +1 -3
  213. package/dist/Navigation/Tabs/Tab/Tab.module.css.js.map +1 -1
  214. package/dist/Navigation/Tabs/Tabs.js +1 -21
  215. package/dist/Navigation/Tabs/Tabs.js.map +1 -1
  216. package/dist/Navigation/Tabs/TabsBar/TabsBar.d.ts +5 -2
  217. package/dist/Navigation/Tabs/TabsBar/TabsBar.js +1 -43
  218. package/dist/Navigation/Tabs/TabsBar/TabsBar.js.map +1 -1
  219. package/dist/Navigation/Tabs/TabsBar/TabsBar.module.css.js +1 -3
  220. package/dist/Navigation/Tabs/TabsBar/TabsBar.module.css.js.map +1 -1
  221. package/dist/Typography/ClampedText/ClampedText.js +1 -43
  222. package/dist/Typography/ClampedText/ClampedText.js.map +1 -1
  223. package/dist/Typography/ClampedText/ClampedText.module.css.js +1 -3
  224. package/dist/Typography/ClampedText/ClampedText.module.css.js.map +1 -1
  225. package/dist/Typography/CopyableText/CopyableText.js +1 -38
  226. package/dist/Typography/CopyableText/CopyableText.js.map +1 -1
  227. package/dist/Typography/CopyableText/CopyableText.module.css.js +1 -3
  228. package/dist/Typography/CopyableText/CopyableText.module.css.js.map +1 -1
  229. package/dist/Typography/PageTitle/PageTitle.js +1 -9
  230. package/dist/Typography/PageTitle/PageTitle.js.map +1 -1
  231. package/dist/Typography/PageTitle/PageTitle.module.css.js +1 -3
  232. package/dist/Typography/PageTitle/PageTitle.module.css.js.map +1 -1
  233. package/dist/index.css +1 -2398
  234. package/dist/index.js +1 -64
  235. package/dist/index.js.map +1 -1
  236. package/package.json +6 -4
  237. package/rollup.config.js +0 -34
package/dist/index.css CHANGED
@@ -1,2398 +1 @@
1
- .Card-module_square__SK-KQ {
2
- aspect-ratio: 1;
3
- }
4
- .Card-module_fullWidth__pIEIZ {
5
- width: 100%;
6
- }
7
-
8
- .Card-module_size_sm__B3eSI {
9
- padding: var(--spacing-gap-2);
10
- border-radius: var(--shape-br-sm);
11
- }
12
- .Card-module_size_md__15alI {
13
- padding: var(--spacing-gap-4);
14
- border-radius: var(--shape-br-md);
15
- }
16
- .Card-module_size_lg__HCTUY {
17
- padding: var(--spacing-gap-6);
18
- border-radius: var(--shape-br-lg);
19
- }
20
-
21
- .Card-module_outlined__TPads {
22
- border: 1px solid var(--color-outline);
23
- background: none;
24
- }
25
- .Card-module_contained__EFPqh {
26
- background: var(--color-surface-alpha);
27
- }
28
-
29
- .CollectionItemCard-module_root__v3IlF {
30
- display: flex;
31
- flex-direction: column;
32
- align-items: stretch;
33
- overflow: hidden;
34
- border-radius: var(--shape-br-md);
35
- background-color: var(--color-background);
36
- pointer-events: none;
37
- }
38
- .CollectionItemCard-module_image__TfkAn {
39
- display: flex;
40
- justify-content: center;
41
- align-items: center;
42
- width: 100%;
43
- height: 20svh;
44
- overflow: hidden;
45
- & > img {
46
- width: 100%;
47
- height: 100%;
48
- object-fit: cover;
49
- }
50
- }
51
- .CollectionItemCard-module_main__47qRO {
52
- flex: 1;
53
- display: flex;
54
- flex-direction: column;
55
- gap: 0.1618em;
56
- padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
57
- overflow: hidden;
58
- transition: all var(--transition-time) var(--transition-tf);
59
- color: var(--color-on-surface);
60
- pointer-events: all;
61
- border-radius: calc(var(--shape-br-md) - var(--spacing-gap));
62
- margin: var(--spacing-gap);
63
- & > p {
64
- display: flex;
65
- align-items: center;
66
- }
67
- }
68
- .CollectionItemCard-module_description__BQapV {
69
- color: var(--color-on-background-faint);
70
- font-size: 0.8em;
71
- }
72
- .CollectionItemCard-module_subtitle__gThMk {
73
- color: var(--color-on-background-faint);
74
- font-size: 1em;
75
- }
76
- .CollectionItemCard-module_clickable__d3rRV {
77
- transition: all var(--transition-time) var(--transition-tf);
78
- & > .CollectionItemCard-module_main__47qRO {
79
- cursor: pointer;
80
- background: var(--color-background);
81
- }
82
- &:has(.CollectionItemCard-module_main__47qRO:hover) {
83
- background: var(--color-background-faint);
84
- }
85
- }
86
- .CollectionItemCard-module_title__B-sLi {
87
- display: flex;
88
- align-items: center;
89
- gap: var(--spacing-gap-2);
90
- & > h4 {
91
- flex: 1;
92
- font-size: 1.2em;
93
- }
94
- }
95
- .CollectionItemCard-module_footer__-8LZo {
96
- display: flex;
97
- justify-content: flex-end;
98
- pointer-events: all;
99
- }
100
-
101
- @container (min-width:600px) {
102
- .CollectionItemCard-module_root__v3IlF {
103
- flex-direction: row;
104
- & > .CollectionItemCard-module_image__TfkAn {
105
- width: 10vw;
106
- height: auto;
107
- aspect-ratio: 1;
108
- min-width: 3rem;
109
- max-width: 6rem;
110
- }
111
- }
112
- }
113
-
114
- .ClampedText-module_root__WGLiO {
115
- display: -webkit-box;
116
- -webkit-box-orient: vertical;
117
- overflow: hidden;
118
- }
119
-
120
- .Chip-module_root__aw3YS {
121
- --badge-outline-color: var(--color-outline);
122
- --badge-color: var(--color-on-surface);
123
- --badge-background: var(--color-surface);
124
- color: var(--badge-color);
125
- border: 1px solid var(--badge-outline-color);
126
- background: var(--badge-background);
127
- width: fit-content;
128
- font-size: 0.9em;
129
- display: flex;
130
- align-items: center;
131
- flex-wrap: wrap;
132
- gap: var(--spacing-gap);
133
- }
134
- .Chip-module_outlined__MdLuF {
135
- background: none;
136
- }
137
- .Chip-module_contained__h-xuY {
138
- border: none;
139
- }
140
- .Chip-module_size_sm__v0VIz {
141
- padding: calc(var(--spacing-gap) / 2) calc(1.618 * (var(--spacing-gap) / 2));
142
- font-size: 0.8em;
143
- border-radius: var(--shape-br-xs);
144
- }
145
- .Chip-module_size_md__Shvvz {
146
- padding: calc(var(--spacing-gap-2) / 2)
147
- calc(1.618 * (var(--spacing-gap-2) / 2));
148
- border-radius: var(--shape-br-sm);
149
- }
150
-
151
- .Chip-module_size_lg__sqT26 {
152
- padding: calc(var(--spacing-gap-3) / 2)
153
- calc(1.618 * (var(--spacing-gap-3) / 2));
154
- font-size: 1em;
155
- border-radius: var(--shape-br-sm);
156
- }
157
- .Chip-module_root__aw3YS[data-color="primary"] {
158
- --badge-color: var(--color-primary);
159
- --badge-background: none;
160
- --badge-outline-color: var(--color-primary);
161
- }
162
- .Chip-module_root__aw3YS[data-color="secondary"] {
163
- --badge-color: var(--color-secondary);
164
- --badge-background: none;
165
- --badge-outline-color: var(--color-secondary);
166
- }
167
- .Chip-module_root__aw3YS[data-color="error"] {
168
- --badge-color: var(--color-error);
169
- --badge-background: none;
170
- --badge-outline-color: var(--color-error);
171
- }
172
- .Chip-module_contained__h-xuY[data-color="primary"] {
173
- --badge-color: var(--color-on-primary);
174
- --badge-background: var(--color-primary);
175
- }
176
- .Chip-module_contained__h-xuY[data-color="secondary"] {
177
- --badge-color: var(--color-on-secondary);
178
- --badge-background: var(--color-secondary);
179
- }
180
- .Chip-module_contained__h-xuY[data-color="error"] {
181
- --badge-color: var(--color-on-error);
182
- --badge-background: var(--color-error);
183
- }
184
-
185
- .Ripple-module_container__4Dv-f {
186
- position: absolute;
187
- overflow: hidden;
188
- inset: 0;
189
- border-radius: inherit;
190
- pointer-events: none;
191
- }
192
- .Ripple-module_ripple__-a0Jv {
193
- --ripple-color: currentColor;
194
- --ripple-duration: 750ms;
195
- filter: blur(10px);
196
- position: absolute;
197
- border-radius: 50%;
198
- background: var(--ripple-color);
199
- transform: scale(0);
200
- opacity: 0.6;
201
- animation: Ripple-module_ripple-expand__jWi54 var(--ripple-duration, 750ms) var(--transition-tf);
202
- pointer-events: none;
203
- }
204
- @keyframes Ripple-module_ripple-expand__jWi54 {
205
- to {
206
- transform: scale(2);
207
- opacity: 0;
208
- }
209
- }
210
-
211
- .Button-module_root__hmumx {
212
- --button-color: var(--color-on-background);
213
- --button-background: none;
214
- --button-hover-color: var(--color-on-background);
215
- --button-hover-background: var(--color-background-faint);
216
- --button-outline-color: var(--color-on-background);
217
- position: relative;
218
- display: flex;
219
- justify-content: center;
220
- align-items: center;
221
- gap: var(--spacing-gap);
222
- padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap-3));
223
- cursor: pointer;
224
- border: none;
225
- background: var(--button-background);
226
- color: var(--button-color);
227
- font-family: var(--font-p);
228
- font-size: var(--fs-body2);
229
- font-weight: bold;
230
- transition: all var(--transition-time) var(--transition-tf);
231
- &:not(:disabled):hover {
232
- color: var(--button-hover-color);
233
- background: color-mix(
234
- in srgb,
235
- var(--button-hover-background) 50%,
236
- transparent
237
- );
238
- }
239
- &:disabled {
240
- opacity: 0.5;
241
- }
242
- }
243
-
244
- .Button-module_iconContainer__-VER1 {
245
- display: flex;
246
- align-items: center;
247
- justify-content: center;
248
- height: max-content;
249
- }
250
- .Button-module_square__Wu8jt {
251
- padding: var(--spacing-gap-2);
252
- }
253
- .Button-module_root__hmumx:disabled {
254
- cursor: not-allowed;
255
- }
256
- .Button-module_root__hmumx:focus-visible {
257
- outline: var(--focus-ring);
258
- }
259
- .Button-module_size_sm__Qk6rp {
260
- padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
261
- border-radius: var(--shape-br-sm);
262
- font-size: 0.9em;
263
- &.Button-module_square__Wu8jt {
264
- padding: var(--spacing-gap);
265
- }
266
- }
267
- .Button-module_size_md__qWVt- {
268
- padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
269
- border-radius: var(--shape-br-md);
270
- &.Button-module_square__Wu8jt {
271
- padding: var(--spacing-gap-2);
272
- }
273
- }
274
- .Button-module_size_lg__e7Ely {
275
- font-size: var(--fs-body);
276
- padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
277
- border-radius: var(--shape-br-lg);
278
- &.Button-module_square__Wu8jt {
279
- padding: var(--spacing-gap-3);
280
- }
281
- }
282
- .Button-module_contained__tlUyK {
283
- --button-color: var(--color-background);
284
- --button-background: var(--color-on-background);
285
-
286
- &:not(:disabled):hover {
287
- background: var(--button-hover-background);
288
- }
289
- }
290
- .Button-module_outlined__rgbFf {
291
- border: 1px solid var(--button-outline-color);
292
- }
293
-
294
- .Button-module_position_absolute__NN8P1 {
295
- position: absolute;
296
- }
297
- .Button-module_position_relative__r0CV0 {
298
- position: relative;
299
- }
300
- .Button-module_position_fixed__LilZy {
301
- position: fixed;
302
- }
303
- .Button-module_position_sticky__2ixpW {
304
- position: sticky;
305
- }
306
- .Button-module_fullWidth__5o7qa {
307
- width: 100%;
308
- }
309
- .Button-module_root__hmumx[data-color="primary"] {
310
- --button-color: var(--color-primary);
311
- --button-background: none;
312
- --button-hover-color: var(--color-on-primary-container);
313
- --button-hover-background: var(--color-primary-container);
314
- --button-outline-color: var(--color-primary);
315
- }
316
- .Button-module_root__hmumx[data-color="secondary"] {
317
- --button-color: var(--color-secondary);
318
- --button-background: none;
319
- --button-hover-color: var(--color-on-secondary-container);
320
- --button-hover-background: var(--color-secondary-container);
321
- --button-outline-color: var(--color-secondary);
322
- }
323
- .Button-module_root__hmumx[data-color="error"] {
324
- --button-color: var(--color-error);
325
- --button-background: none;
326
- --button-hover-color: var(--color-on-error-container);
327
- --button-hover-background: var(--color-error-container);
328
- --button-outline-color: var(--color-error);
329
- }
330
- .Button-module_contained__tlUyK[data-color="primary"] {
331
- --button-color: var(--color-on-primary);
332
- --button-background: var(--color-primary);
333
- }
334
- .Button-module_contained__tlUyK[data-color="secondary"] {
335
- --button-color: var(--color-on-secondary);
336
- --button-background: var(--color-secondary);
337
- }
338
- .Button-module_contained__tlUyK[data-color="error"] {
339
- --button-color: var(--color-on-error);
340
- --button-background: var(--color-error);
341
- }
342
-
343
- .Tooltip-module_root__nip6a {
344
- position: fixed;
345
- background: var(--color-surface);
346
- color: var(--color-on-surface);
347
- padding: var(--spacing-gap) var(--spacing-gap-2);
348
- border-radius: var(--shape-br-sm);
349
- font-size: var(--fs-body2);
350
- font-weight: bold;
351
- pointer-events: none;
352
- z-index: 9999;
353
- text-align: center;
354
- --spacing-arrow-offset: 6px;
355
- }
356
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-bottom__CuvK2 {
357
- margin-bottom: var(--spacing-arrow-offset);
358
- }
359
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-top__XaUyR {
360
- margin-top: var(--spacing-arrow-offset);
361
- }
362
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-right__O1HnI {
363
- margin-left: var(--spacing-arrow-offset);
364
- }
365
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-left__4o1J4 {
366
- margin-right: var(--spacing-arrow-offset);
367
- }
368
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-topLeft__WyNAm {
369
- border-top-left-radius: 0;
370
- }
371
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-topRight__-ILdh {
372
- border-top-right-radius: 0;
373
- }
374
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomLeft__E6w40 {
375
- border-bottom-left-radius: 0;
376
- }
377
- .Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomRight__mefBZ {
378
- border-bottom-right-radius: 0;
379
- }
380
- /* common arrow style */
381
- .Tooltip-module_root__nip6a::after {
382
- content: "";
383
- position: absolute;
384
- width: 0;
385
- height: 0;
386
- }
387
-
388
- /* arrow pointing up (tooltip below anchor) */
389
- .Tooltip-module_arrow-bottom__CuvK2::after {
390
- bottom: calc(-1 * var(--spacing-arrow-offset));
391
- left: 50%;
392
- transform: translateX(-50%);
393
- border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
394
- var(--spacing-arrow-offset);
395
- border-style: solid;
396
- border-color: var(--color-surface) transparent transparent transparent;
397
- }
398
-
399
- /* arrow pointing down (tooltip above anchor) */
400
- .Tooltip-module_arrow-top__XaUyR::after {
401
- top: calc(-1 * var(--spacing-arrow-offset));
402
- left: 50%;
403
- transform: translateX(-50%);
404
- border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
405
- var(--spacing-arrow-offset);
406
- border-style: solid;
407
- border-color: transparent transparent var(--color-surface) transparent;
408
- }
409
-
410
- /* arrow pointing left (tooltip right of anchor) */
411
- .Tooltip-module_arrow-right__O1HnI::after {
412
- right: calc(-1 * var(--spacing-arrow-offset));
413
- top: 50%;
414
- transform: translateY(-50%);
415
- border-width: var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset)
416
- var(--spacing-arrow-offset);
417
- border-style: solid;
418
- border-color: transparent transparent transparent var(--color-surface);
419
- }
420
-
421
- /* arrow pointing right (tooltip left of anchor) */
422
- .Tooltip-module_arrow-left__4o1J4::after {
423
- left: calc(-1 * var(--spacing-arrow-offset));
424
- top: 50%;
425
- transform: translateY(-50%);
426
- border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset)
427
- var(--spacing-arrow-offset) 0;
428
- border-style: solid;
429
- border-color: transparent var(--color-surface) transparent transparent;
430
- }
431
-
432
- /* arrow pointing down-left (tooltip above-right of anchor) */
433
- .Tooltip-module_arrow-topLeft__WyNAm::after {
434
- top: calc(-1 * var(--spacing-arrow-offset));
435
- left: 0;
436
- border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
437
- var(--spacing-arrow-offset);
438
- border-style: solid;
439
- border-color: transparent transparent var(--color-surface) transparent;
440
- }
441
-
442
- /* arrow pointing down-right (tooltip above-left of anchor) */
443
- .Tooltip-module_arrow-topRight__-ILdh::after {
444
- top: calc(-1 * var(--spacing-arrow-offset));
445
- right: 0;
446
- border-width: 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset)
447
- var(--spacing-arrow-offset);
448
- border-style: solid;
449
- border-color: transparent transparent var(--color-surface) transparent;
450
- }
451
-
452
- /* arrow pointing up-left (tooltip below-right of anchor) */
453
- .Tooltip-module_arrow-bottomLeft__E6w40::after {
454
- bottom: calc(-1 * var(--spacing-arrow-offset));
455
- left: 0;
456
- border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
457
- var(--spacing-arrow-offset);
458
- border-style: solid;
459
- border-color: var(--color-surface) transparent transparent transparent;
460
- }
461
-
462
- /* arrow pointing up-right (tooltip below-left of anchor) */
463
- .Tooltip-module_arrow-bottomRight__mefBZ::after {
464
- bottom: calc(-1 * var(--spacing-arrow-offset));
465
- right: 0;
466
- border-width: var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0
467
- var(--spacing-arrow-offset);
468
- border-style: solid;
469
- border-color: var(--color-surface) transparent transparent transparent;
470
- }
471
-
472
- .Popover-module_root__HE-kk {
473
- position: absolute;
474
- background: none;
475
- border: none;
476
- }
477
- .Popover-module_root__HE-kk.Popover-module_open__1aLk-::backdrop {
478
- /* background-color: red; */
479
- cursor: initial;
480
- }
481
-
482
- .GlassCard-module_root__rmCxh {
483
- --glass-tint: var(--color-primary);
484
- --glass-border-width: 2px;
485
- --glass-border-radius: var(--shape-br-md);
486
- --glass-border-color: var(--color-outline);
487
- --glass-mouse-pointer-color: color-mix(
488
- in srgb,
489
- var(--color-primary) 50%,
490
- transparent
491
- );
492
- --glass-shadow: color-mix(in srgb, var(--color-primary) 15%, transparent);
493
- --glass-backdrop-blur: 5px;
494
- --glass-position: relative;
495
-
496
- isolation: isolate;
497
- border-radius: var(--glass-border-radius);
498
- position: var(--glass-position);
499
- box-shadow: inset 0px 0px 4px var(--glass-shadow);
500
- backdrop-filter: blur(var(--glass-backdrop-blur));
501
-
502
- /* Border */
503
- &::after {
504
- --glass-reflection-i: color-mix(
505
- in srgb,
506
- var(--glass-tint) 20%,
507
- transparent
508
- );
509
- --glass-reflection: color-mix(in srgb, var(--glass-tint) 40%, transparent);
510
- --glass-reflection-w: #ffffff79;
511
- content: "";
512
- position: absolute;
513
- inset: 0;
514
- border-radius: inherit;
515
- padding: var(--glass-border-width);
516
- background-image: linear-gradient(
517
- var(--gradient-angle, 255deg),
518
- var(--glass-reflection-w) 0%,
519
- var(--glass-reflection) 0.5%,
520
- transparent 30%,
521
- transparent 70%,
522
- var(--glass-reflection-i) 100%
523
- );
524
- opacity: var(--glass-reflection-intensity, 1);
525
- mask:
526
- linear-gradient(#000 0 0) exclude,
527
- linear-gradient(#000 0 0) content-box;
528
-
529
- z-index: -2;
530
- }
531
-
532
- /* Mouse Pointer Light */
533
- &::before {
534
- content: "";
535
- inset: 0;
536
- position: absolute;
537
- transition: opacity var(--transition-time);
538
- pointer-events: none;
539
- opacity: 1;
540
- padding: var(--glass-border-width);
541
- mask:
542
- linear-gradient(#000 0 0) exclude,
543
- linear-gradient(#000 0 0) content-box;
544
- border-radius: inherit;
545
- background: radial-gradient(
546
- 250px circle at var(--mouse-x) var(--mouse-y),
547
- var(--glass-mouse-pointer-color),
548
- transparent 40%
549
- );
550
- z-index: -1;
551
- }
552
- }
553
-
554
- .Accordion-module_summary__3uXXu {
555
- cursor: pointer;
556
- display: flex;
557
- align-items: center;
558
- gap: var(--spacing-gap);
559
- padding: var(--spacing-gap);
560
- border-radius: var(--shape-br-md);
561
- position: relative;
562
- isolation: isolate;
563
- transition: all var(--transition-time) var(--transition-tf);
564
- /* background: var(--color-background); */
565
- &:hover {
566
- background: var(--color-background-faint);
567
- }
568
- }
569
- .Accordion-module_highlight__YzcnA {
570
- position: absolute;
571
- inset: 0;
572
- z-index: -1;
573
- }
574
- .Accordion-module_summaryContent__-Wu52 {
575
- flex: 1;
576
- border-radius: calc(var(--shape-br-md) - var(--spacing-gap));
577
- container-type: inline-size;
578
- overflow: hidden;
579
- }
580
- .Accordion-module_marker__7gmt8 {
581
- flex: 0 0 var(--spacing-gap-4);
582
- width: var(--spacing-gap-4);
583
- height: var(--spacing-gap-4);
584
- position: relative;
585
- & > svg {
586
- position: absolute;
587
- inset: 0;
588
- }
589
- }
590
- .Accordion-module_root__-tG1G {
591
- background: var(--color-background);
592
- border-radius: var(--shape-br-md);
593
- overflow: hidden;
594
- transition: margin-block var(--transition-time) var(--transition-tf);
595
- margin-block: 0;
596
-
597
- @media (prefers-reduced-motion: no-preference) {
598
- interpolate-size: allow-keywords;
599
- }
600
- &::details-content {
601
- overflow: hidden;
602
- max-height: 0;
603
- transition:
604
- content-visibility var(--transition-time) allow-discrete,
605
- max-height var(--transition-time) var(--transition-tf);
606
- }
607
- &[open] {
608
- margin-block: var(--spacing-gap-2);
609
- & > .Accordion-module_summary__3uXXu {
610
- background: var(--color-surface);
611
- }
612
- &::details-content {
613
- max-height: 999px;
614
- @supports (interpolate-size: allow-keywords) {
615
- max-height: auto;
616
- }
617
- }
618
- }
619
- }
620
- .Accordion-module_content__NPbBr {
621
- padding: var(--spacing-gap-3);
622
- }
623
-
624
- .IdentityDisplay-module_root__nEI-t {
625
- position: relative;
626
- display: flex;
627
- flex-direction: column;
628
- padding: var(--spacing-gap-2);
629
- border-radius: var(--shape-br-md);
630
- overflow: hidden;
631
- transition:
632
- padding var(--transition-time) var(--transition-tf),
633
- width 0.1s var(--transition-time) var(--transition-tf),
634
- color var(--transition-time) var(--transition-tf),
635
- background var(--transition-time) var(--transition-tf);
636
- }
637
- .IdentityDisplay-module_clickable__Xloez {
638
- cursor: pointer;
639
- &:hover {
640
- color: var(--color-on-primary-container);
641
- background: var(--color-primary-container);
642
- }
643
- }
644
- .IdentityDisplay-module_main__27-fb {
645
- display: flex;
646
- align-items: center;
647
- gap: var(--spacing-gap-2);
648
- }
649
- .IdentityDisplay-module_image__YD-pm {
650
- display: flex;
651
- justify-content: center;
652
- align-items: center;
653
- & > img {
654
- width: 48px;
655
- height: 48px;
656
- object-fit: cover;
657
- overflow: hidden;
658
- border-radius: 50%;
659
- }
660
- }
661
- .IdentityDisplay-module_details__kSAvW {
662
- color: inherit;
663
- display: flex;
664
- flex-direction: column;
665
- & h4 {
666
- font-weight: bold;
667
- font-size: 1.1em;
668
- overflow: hidden;
669
- white-space: nowrap;
670
- text-overflow: ellipsis;
671
- text-align: left;
672
- }
673
- & > p {
674
- text-align: left;
675
- font-size: 0.9em;
676
- font-weight: 400;
677
- overflow: hidden;
678
- white-space: nowrap;
679
- text-overflow: ellipsis;
680
- color: var(--color-on-background-faint);
681
- }
682
- }
683
- .IdentityDisplay-module_desc__QHEz8 {
684
- font-size: 0.9em;
685
- }
686
- .IdentityDisplay-module_image-only__LBjOr {
687
- padding: 0;
688
- & .IdentityDisplay-module_main__27-fb,
689
- & .IdentityDisplay-module_image__YD-pm {
690
- width: 100%;
691
- }
692
- .IdentityDisplay-module_details__kSAvW {
693
- display: none;
694
- }
695
- .IdentityDisplay-module_desc__QHEz8 {
696
- display: none;
697
- }
698
- }
699
- .IdentityDisplay-module_square__f2jb0 {
700
- .IdentityDisplay-module_main__27-fb {
701
- flex-direction: column;
702
- align-items: center;
703
- }
704
- .IdentityDisplay-module_details__kSAvW {
705
- & > h4,
706
- & > p {
707
- text-align: center;
708
- }
709
- }
710
- .IdentityDisplay-module_desc__QHEz8 {
711
- display: none;
712
- }
713
- }
714
- .IdentityDisplay-module_compact__ilrg- {
715
- .IdentityDisplay-module_desc__QHEz8 {
716
- display: none;
717
- }
718
- }
719
-
720
- .PoweredByBanner-module_root__EtEjU {
721
- display: flex;
722
- justify-content: center;
723
- align-items: center;
724
- padding-block: var(--spacing-gap);
725
- gap: var(--spacing-gap);
726
- color: inherit;
727
- width: 100%;
728
- }
729
- .PoweredByBanner-module_size_sm__8S6Jb {
730
- font-size: var(--fs-body2);
731
- }
732
- .PoweredByBanner-module_size_md__HKrCD {
733
- font-size: var(--fs-body);
734
- }
735
- .PoweredByBanner-module_size_lg__6oEhl {
736
- font-size: var(--fs-body);
737
- font-weight: bold;
738
- }
739
-
740
- .Cursor-module_root__xyOg- {
741
- position: fixed;
742
- width: 100%;
743
- height: 100vh;
744
- top: 0;
745
- left: 0;
746
- z-index: -1;
747
- isolation: isolate;
748
- pointer-events: none;
749
- }
750
- .Cursor-module_main__FUTOy {
751
- /* --cursor-mouse-down-size: 11em; */
752
- background: radial-gradient(
753
- 41.94% 82.95% at 50% 50%,
754
- color-mix(in srgb, var(--color-primary) 50%, transparent) 0%,
755
- color-mix(in srgb, var(--color-secondary) 50%, transparent) 100%
756
- );
757
- filter: blur(90px);
758
-
759
- position: absolute;
760
- transition-property: width, height, filter;
761
- transition-duration: var(--transition-time);
762
- transition-timing-function: var(--transition-tf);
763
- translate: -50% -50%;
764
- border-radius: 50%;
765
- }
766
- /* .mouseDowned {
767
- filter: blur(50px);
768
- width: calc(1.618 * var(--cursor-mouse-down-size));
769
- height: var(--cursor-mouse-down-size);
770
- } */
771
-
772
- @keyframes Spinner-module_spinning__1J1HL {
773
- 12% {
774
- x: 13px;
775
- y: 1px;
776
- }
777
- 25% {
778
- x: 13px;
779
- y: 1px;
780
- }
781
- 37% {
782
- x: 13px;
783
- y: 13px;
784
- }
785
- 50% {
786
- x: 13px;
787
- y: 13px;
788
- }
789
- 62% {
790
- x: 1px;
791
- y: 13px;
792
- }
793
- 75% {
794
- x: 1px;
795
- y: 13px;
796
- }
797
- 87% {
798
- x: 1px;
799
- y: 1px;
800
- }
801
- }
802
- .Spinner-module_main__dBojo {
803
- animation: Spinner-module_spinning__1J1HL 1.6s linear infinite;
804
- animation-delay: -1.6s;
805
- }
806
- .Spinner-module_trailing__jtCPy {
807
- animation-delay: -1s;
808
- fill-opacity: 0.5;
809
- }
810
-
811
- /* Grow Animation - Max-Width/Max-Height based */
812
- .TransitionAnimation-module_growEnter__bI9tZ {
813
- transform: scale(0);
814
- max-width: 0;
815
- max-height: 0;
816
- opacity: 0;
817
- overflow: hidden;
818
- }
819
-
820
- .TransitionAnimation-module_growEnterActive__yXQ1B {
821
- transform: scale(1);
822
- max-width: 100vw;
823
- max-height: 100vh;
824
- opacity: 1;
825
- overflow: hidden;
826
- transition:
827
- transform var(--transition-tf),
828
- max-width var(--transition-tf),
829
- max-height var(--transition-tf),
830
- opacity var(--transition-tf);
831
- }
832
-
833
- .TransitionAnimation-module_growExit__xZ6nz {
834
- transform: scale(1);
835
- max-width: 100vw;
836
- max-height: 100vh;
837
- opacity: 1;
838
- overflow: hidden;
839
- }
840
-
841
- .TransitionAnimation-module_growExitActive__t6tOi {
842
- transform: scale(0);
843
- max-width: 0;
844
- max-height: 0;
845
- opacity: 0;
846
- overflow: hidden;
847
- transition:
848
- transform var(--transition-tf),
849
- max-width var(--transition-tf),
850
- max-height var(--transition-tf),
851
- opacity var(--transition-tf);
852
- }
853
-
854
- /* Fade Animation */
855
- .TransitionAnimation-module_fadeEnter__ZQc-U {
856
- opacity: 0;
857
- }
858
-
859
- .TransitionAnimation-module_fadeEnterActive__ZQP8J {
860
- opacity: 1;
861
- transition: opacity var(--transition-tf);
862
- }
863
-
864
- .TransitionAnimation-module_fadeExit__eYDrT {
865
- opacity: 1;
866
- }
867
-
868
- .TransitionAnimation-module_fadeExitActive__1HT2J {
869
- opacity: 0;
870
- transition: opacity var(--transition-tf);
871
- }
872
-
873
- /* Slide Animation */
874
- .TransitionAnimation-module_slideEnter__9OKMI {
875
- transform: translateY(-20px);
876
- opacity: 0;
877
- }
878
-
879
- .TransitionAnimation-module_slideEnterActive__DMXWB {
880
- transform: translateY(0);
881
- opacity: 1;
882
- transition:
883
- transform var(--transition-tf),
884
- opacity var(--transition-tf);
885
- }
886
-
887
- .TransitionAnimation-module_slideExit__P7dM2 {
888
- transform: translateY(0);
889
- opacity: 1;
890
- }
891
-
892
- .TransitionAnimation-module_slideExitActive__Z4put {
893
- transform: translateY(-20px);
894
- opacity: 0;
895
- transition:
896
- transform var(--transition-tf),
897
- opacity var(--transition-tf);
898
- }
899
-
900
- /* Zoom Animation - Max-Width/Max-Height based */
901
- .TransitionAnimation-module_zoomEnter__6ELcc {
902
- transform: scale(0.5);
903
- max-width: 0;
904
- max-height: 0;
905
- opacity: 0;
906
- overflow: hidden;
907
- }
908
-
909
- .TransitionAnimation-module_zoomEnterActive__2T6j4 {
910
- transform: scale(1);
911
- max-width: 100vw;
912
- max-height: 100vh;
913
- opacity: 1;
914
- overflow: hidden;
915
- transition:
916
- transform var(--transition-tf),
917
- max-width var(--transition-tf),
918
- max-height var(--transition-tf),
919
- opacity var(--transition-tf);
920
- }
921
-
922
- .TransitionAnimation-module_zoomExit__SUc94 {
923
- transform: scale(1);
924
- max-width: 100vw;
925
- max-height: 100vh;
926
- opacity: 1;
927
- overflow: hidden;
928
- }
929
-
930
- .TransitionAnimation-module_zoomExitActive__QWH8r {
931
- transform: scale(1.5);
932
- max-width: 0;
933
- max-height: 0;
934
- opacity: 0;
935
- overflow: hidden;
936
- transition:
937
- transform var(--transition-tf),
938
- max-width var(--transition-tf),
939
- max-height var(--transition-tf),
940
- opacity var(--transition-tf);
941
- }
942
- .InputErrors-module_root__APxhq {
943
- display: flex;
944
- flex-direction: column;
945
- color: var(--color-error);
946
- font-size: 0.9em;
947
- }
948
-
949
- .Kbd-module_root__OFPCy {
950
- display: flex;
951
- align-items: center;
952
- gap: var(--spacing-gap);
953
- }
954
- .Kbd-module_kbd__F-c6z {
955
- --kbd-size-x: 1;
956
- --kbd-size-y: 1;
957
- --kbd-base: 30px;
958
- width: calc(var(--kbd-size-x) * var(--kbd-base));
959
- height: calc(var(--kbd-size-y) * var(--kbd-base));
960
- padding: 0.2em;
961
- display: flex;
962
- flex-direction: column;
963
- justify-content: center;
964
- gap: 0.1em;
965
- text-align: center;
966
- font-size: 60%;
967
- /* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; */
968
- font-family:
969
- ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
970
- /* font-weight: bold; */
971
-
972
- &.Kbd-module_surface__xpquz {
973
- color: #ebd6dc;
974
- background: #313133;
975
- border-radius: 0.4em;
976
- }
977
- }
978
-
979
- .LabeledValue-module_root__Vu-iA {
980
- display: flex;
981
- flex-direction: row;
982
- padding-block: var(--spacing-gap);
983
- align-items: center;
984
- /* padding-inline: var(--spacing-gap-4); */
985
- /* & > label, */
986
- & > .LabeledValue-module_content__EIsuq {
987
- flex: 1;
988
- }
989
- & > label {
990
- padding-right: var(--spacing-gap-2);
991
- font-size: 0.9em;
992
- color: var(--color-on-background-faint);
993
- }
994
- & > .LabeledValue-module_content__EIsuq {
995
- padding-left: var(--spacing-gap-2);
996
- border-left: 1px solid var(--color-outline);
997
- }
998
- }
999
- @container (max-width:400px) {
1000
- .LabeledValue-module_root__Vu-iA {
1001
- flex-direction: column;
1002
- & > label {
1003
- padding-right: 0;
1004
- }
1005
- & > .LabeledValue-module_content__EIsuq {
1006
- padding-left: 0;
1007
- border-left: none;
1008
- }
1009
- }
1010
- }
1011
-
1012
- .List-module_root__VY-ni {
1013
- list-style-type: none;
1014
- padding-inline: var(--spacing-gap-3);
1015
- display: flex;
1016
- flex-direction: column;
1017
- position: relative;
1018
- }
1019
- .List-module_root__VY-ni:has(.List-module_shortened__cbFoK) {
1020
- padding: 0;
1021
- }
1022
- .List-module_secondary__lU6qH {
1023
- border-left: 1px solid var(--color-outline);
1024
- margin-left: var(--spacing-gap-3);
1025
- padding-inline: var(--spacing-gap);
1026
- margin-block: var(--spacing-gap-2);
1027
- }
1028
- .List-module_listItem__8lcu6 {
1029
- --list-color: var(--color-on-background);
1030
- --list-background: transparent;
1031
- --list-hover-color: var(--color-on-background);
1032
- --list-hover-background: var(--color-background-faint);
1033
- --list-selected-color: var(--color-primary);
1034
- --list-selected-background: none;
1035
- --list-selected-hover-color: var(--color-on-background);
1036
- --list-selected-hover-background: none;
1037
- padding: calc(var(--spacing-gap-3) / 1.75)
1038
- calc(1.618 * var(--spacing-gap-3) / 1.75);
1039
- display: flex;
1040
- align-items: center;
1041
- justify-content: center;
1042
- gap: var(--spacing-gap);
1043
- overflow: hidden;
1044
- position: relative;
1045
- border-radius: var(--shape-br-sm);
1046
- color: var(--list-color);
1047
- transition: all var(--transition-time) var(--transition-tf);
1048
- background: var(--list-background);
1049
- }
1050
-
1051
- .List-module_listItem__8lcu6.List-module_clickable__3Fj4n {
1052
- cursor: pointer;
1053
- }
1054
- .List-module_listItem__8lcu6.List-module_clickable__3Fj4n:not(.List-module_selected__nXBs4):not(:disabled):hover {
1055
- background: color-mix(in srgb, var(--list-hover-background) 50%, transparent);
1056
- color: var(--list-hover-color);
1057
- }
1058
- .List-module_listItem__8lcu6:focus-visible {
1059
- outline: var(--focus-ring);
1060
- }
1061
- .List-module_selected__nXBs4 {
1062
- background: var(--list-selected-background);
1063
- color: var(--list-selected-color);
1064
- &:hover {
1065
- background: var(--list-selected-hover-background);
1066
- color: var(--list-selected-hover-color);
1067
- }
1068
- }
1069
- .List-module_disabled__RJxHm {
1070
- cursor: not-allowed;
1071
- background: var(--color-background-faint);
1072
- color: var(--color-on-background-faint);
1073
- }
1074
- .List-module_shortened__cbFoK {
1075
- gap: 0;
1076
- & > *:not(.List-module_primaryIcon__WyWmw) {
1077
- max-width: 0;
1078
- }
1079
- }
1080
- .List-module_content__Q2M2b {
1081
- flex: 1;
1082
- display: flex;
1083
- align-items: center;
1084
- max-width: 50ch;
1085
- color: inherit;
1086
- font-weight: bold;
1087
- transition: max-width var(--transition-time) var(--transition-tf);
1088
- overflow: hidden;
1089
- }
1090
-
1091
- .List-module_iconContainer__ZHqxe {
1092
- display: flex;
1093
- align-items: center;
1094
- justify-content: center;
1095
- color: inherit;
1096
- max-width: 50ch;
1097
- transition: max-width var(--transition-time) var(--transition-tf);
1098
- }
1099
-
1100
- .List-module_dropDownIcon__XfJpu {
1101
- position: relative;
1102
- display: block;
1103
- }
1104
- .List-module_dropDownIcon__XfJpu.List-module_openSublist__Izz1t {
1105
- rotate: 180deg;
1106
- }
1107
-
1108
- .List-module_marker__o4rTn {
1109
- display: none;
1110
- position: absolute;
1111
- left: 0;
1112
- width: 0;
1113
- z-index: -1;
1114
- transition:
1115
- width 0s linear,
1116
- top var(--transition-time) var(--transition-tf),
1117
- left var(--transition-time) var(--transition-tf);
1118
- --glass-border-radius: var(--shape-br-sm);
1119
- background-color: color-mix(
1120
- in srgb,
1121
- var(--color-background) 50%,
1122
- transparent
1123
- );
1124
- }
1125
- .List-module_listItem__8lcu6[data-color="primary"] {
1126
- --list-color: var(--color-primary);
1127
- --list-background: transparent;
1128
- --list-hover-color: var(--color-on-primary-container);
1129
- --list-hover-background: var(--color-primary-container);
1130
- --list-selected-color: none;
1131
- --list-selected-background: none;
1132
- --list-selected-hover-color: var(--color-on-background);
1133
- --list-selected-hover-background: none;
1134
- }
1135
- .List-module_listItem__8lcu6[data-color="secondary"] {
1136
- --list-color: var(--color-secondary);
1137
- --list-background: transparent;
1138
- --list-hover-color: var(--color-on-secondary-container);
1139
- --list-hover-background: var(--color-secondary-container);
1140
- --list-selected-color: none;
1141
- --list-selected-background: none;
1142
- --list-selected-hover-color: var(--color-on-background);
1143
- --list-selected-hover-background: none;
1144
- }
1145
- .List-module_listItem__8lcu6[data-color="error"] {
1146
- --list-color: var(--color-error);
1147
- --list-background: transparent;
1148
- --list-hover-color: var(--color-on-error-container);
1149
- --list-hover-background: var(--color-error-container);
1150
- --list-selected-color: none;
1151
- --list-selected-background: none;
1152
- --list-selected-hover-color: var(--color-on-secondary);
1153
- --list-selected-hover-background: none;
1154
- }
1155
-
1156
- .Skeleton-module_root__Ft3Ey {
1157
- --skeleton-color-main: var(--color-surface);
1158
- --skeleton-color-wave: color-mix(
1159
- in srgb,
1160
- var(--color-surface) 80%,
1161
- var(--color-primary) 10%
1162
- );
1163
-
1164
- background-image: linear-gradient(
1165
- to right,
1166
- var(--skeleton-color-main) 0%,
1167
- var(--skeleton-color-wave) 50%,
1168
- var(--skeleton-color-main) 100%
1169
- );
1170
- background-size: 1000px 1000px;
1171
- background-repeat: repeat-x;
1172
- animation: Skeleton-module_throb__SxiMC 2s var(--transition-tf) infinite;
1173
- /* animation: wave 0.8s linear infinite forwards; */
1174
- border-radius: var(--shape-br-md);
1175
- }
1176
- .Skeleton-module_large__LnDji {
1177
- font-size: 2rem;
1178
- }
1179
- .Skeleton-module_medium__LjhY7 {
1180
- font-size: 1.2rem;
1181
- }
1182
- .Skeleton-module_small__j9Re2 {
1183
- font-size: 0.75rem;
1184
- }
1185
-
1186
- @keyframes Skeleton-module_wave__mC2od {
1187
- 0% {
1188
- background-position: 0% 0%;
1189
- }
1190
-
1191
- 100% {
1192
- background-position: -200% 0%;
1193
- }
1194
- }
1195
- @keyframes Skeleton-module_throb__SxiMC {
1196
- 0% {
1197
- background: var(--color-surface);
1198
- }
1199
- 50% {
1200
- background: color-mix(
1201
- in srgb,
1202
- var(--color-primary) 10%,
1203
- var(--color-surface) 100%
1204
- );
1205
- }
1206
- 100% {
1207
- background: var(--color-surface);
1208
- }
1209
- }
1210
-
1211
- .ConfirmationForm-module_root__ltcoI {
1212
- display: flex;
1213
- flex-direction: column;
1214
- font-size: var(--fs-body2);
1215
- gap: var(--spacing-gap-3);
1216
- color: var(--color-on-background-faint);
1217
- & > h4 {
1218
- font-size: 1.2em;
1219
- color: var(--color-on-background-faint);
1220
- padding-bottom: var(--spacing-gap-3);
1221
- border-bottom: 1px solid var(--color-outline);
1222
- }
1223
- }
1224
- .ConfirmationForm-module_danger__C1MyS {
1225
- & > h4 {
1226
- color: var(--color-error);
1227
- }
1228
- }
1229
- .ConfirmationForm-module_actions__TSHEJ {
1230
- display: flex;
1231
- justify-content: flex-end;
1232
- gap: var(--spacing-gap-2);
1233
- }
1234
-
1235
- .CheckboxGroup-module_root__yODdU {
1236
- display: flex;
1237
- flex-direction: column;
1238
- gap: var(--spacing-gap-2);
1239
- padding-top: var(--spacing-gap-3);
1240
- }
1241
- .CheckboxGroup-module_legend__q-7v4 {
1242
- font-weight: bold;
1243
- font-family: var(--font-h);
1244
- }
1245
-
1246
- .Checkbox-module_root__52eFu {
1247
- --input-border: var(--color-outline);
1248
- --input-color: var(--color-on-surface);
1249
- --input-fs: var(--fs-body2);
1250
- --input-background: var(--color-surface);
1251
- --input-focus-background: var(--color-background);
1252
- --input-checked-color: var(--color-surface);
1253
- --input-checked-background: var(--color-on-surface);
1254
- --input-indeterminate-color: var(--color-surface);
1255
- --input-indeterminate-background: var(--color-on-surface);
1256
- display: flex;
1257
- align-items: center;
1258
- gap: var(--spacing-gap-2);
1259
- }
1260
-
1261
- .Checkbox-module_inputWrapper__JZjHc {
1262
- position: relative;
1263
- height: fit-content;
1264
- display: flex;
1265
- border-radius: var(--shape-br-xs);
1266
- overflow: hidden;
1267
-
1268
- & > input[type="checkbox"] {
1269
- font: inherit;
1270
- color: var(--input-color);
1271
- background: var(--input-background);
1272
- width: var(--spacing-gap-4);
1273
- height: var(--spacing-gap-4);
1274
- border: 2.3px solid var(--input-border);
1275
- border-radius: inherit;
1276
- cursor: pointer;
1277
- transition: all var(--transition-time) var(--transition-tf);
1278
- }
1279
-
1280
- &:has(input[type="checkbox"]:checked) {
1281
- --input-color: var(--input-checked-color);
1282
- --input-background: var(--input-checked-background);
1283
- }
1284
-
1285
- &:has(input[type="checkbox"]:indeterminate) {
1286
- --input-color: var(--input-indeterminate-color);
1287
- --input-background: var(--input-indeterminate-background);
1288
- }
1289
- }
1290
- .Checkbox-module_inputWrapper__JZjHc > span {
1291
- position: absolute;
1292
- inset: 0;
1293
- color: var(--input-color);
1294
- pointer-events: none;
1295
- height: 100%;
1296
- & > svg {
1297
- position: absolute;
1298
- }
1299
- }
1300
- .Checkbox-module_show__jXFKu {
1301
- display: block;
1302
- /* opacity: 1; */
1303
- }
1304
- .Checkbox-module_hide__j-2PL {
1305
- display: none;
1306
- }
1307
- .Checkbox-module_show__jXFKu path {
1308
- stroke-dasharray: 45; /* path length, adjust per path */
1309
- stroke-dashoffset: 45; /* start hidden */
1310
- animation: Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) forwards;
1311
- }
1312
- .Checkbox-module_hide__j-2PL path {
1313
- animation: Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) reverse;
1314
- }
1315
- @keyframes Checkbox-module_draw-check__THEN8 {
1316
- to {
1317
- stroke-dashoffset: 0; /* reveal path */
1318
- }
1319
- }
1320
- .Checkbox-module_label__4Llik {
1321
- cursor: pointer;
1322
- }
1323
-
1324
- .PasswordInput-module_root__NPboh {
1325
- --input-border: var(--color-outline);
1326
- --input-color: var(--color-on-surface);
1327
- --input-fs: var(--fs-body2);
1328
- --input-background: var(--color-background-alpha);
1329
- --input-focus-background: var(--color-background);
1330
-
1331
- display: flex;
1332
- flex-direction: column;
1333
- gap: var(--spacing-gap);
1334
- font-size: var(--input-fs);
1335
- &.PasswordInput-module_fullWidth__rpxCo {
1336
- width: 100%;
1337
- }
1338
- &:has(.PasswordInput-module_inputWrapper__mq2VY > .PasswordInput-module_input__4CMJv:focus) {
1339
- & > .PasswordInput-module_inputWrapper__mq2VY {
1340
- outline: none;
1341
- background: var(--input-focus-background);
1342
- }
1343
- .PasswordInput-module_label__3PGfK {
1344
- color: var(--input-color);
1345
- }
1346
- }
1347
- &:has(.PasswordInput-module_inputWrapper__mq2VY > .PasswordInput-module_input__4CMJv:disabled) {
1348
- opacity: 0.5;
1349
- }
1350
- }
1351
- .PasswordInput-module_inputWrapper__mq2VY {
1352
- position: relative;
1353
- display: flex;
1354
- border-radius: var(--shape-br-sm);
1355
- outline: 1px solid var(--input-border);
1356
- background: var(--input-background);
1357
- }
1358
- .PasswordInput-module_label__3PGfK {
1359
- color: var(--color-on-background-faint);
1360
- margin-left: var(--spacing-gap);
1361
- width: max-content;
1362
- cursor: pointer;
1363
- }
1364
- .PasswordInput-module_input__4CMJv {
1365
- flex: 1 1 100%;
1366
- font-family: var(--font-p);
1367
- font-size: inherit;
1368
- border: none;
1369
- background: none;
1370
- color: var(--input-color);
1371
- &:focus {
1372
- outline: none;
1373
- }
1374
- }
1375
- .PasswordInput-module_iconContainer__Irk1R {
1376
- display: flex;
1377
- justify-content: center;
1378
- font-size: inherit;
1379
- align-items: center;
1380
- color: var(--color-on-background-faint);
1381
- /* Start Icon */
1382
- &:nth-of-type(1) {
1383
- margin-left: var(--spacing-gap-2);
1384
- &.PasswordInput-module_disableGutters__Do0n8 {
1385
- margin-left: 0;
1386
- }
1387
- }
1388
- /* End Icon */
1389
- &:nth-of-type(2) {
1390
- margin-right: var(--spacing-gap-2);
1391
- &.PasswordInput-module_disableGutters__Do0n8 {
1392
- margin-right: 0;
1393
- }
1394
- }
1395
- }
1396
-
1397
- .PasswordInput-module_errored__eEIPd {
1398
- --input-border: var(--color-error);
1399
- --input-color: var(--color-error);
1400
- & > .PasswordInput-module_inputWrapper__mq2VY {
1401
- outline: 1px solid var(--input-border);
1402
- & > .PasswordInput-module_iconContainer__Irk1R {
1403
- color: var(--input-color);
1404
- }
1405
- }
1406
- & > .PasswordInput-module_label__3PGfK {
1407
- color: var(--input-color);
1408
- }
1409
- }
1410
-
1411
- .PasswordInput-module_size_sm__zlHt4 {
1412
- .PasswordInput-module_label__3PGfK {
1413
- font-size: 0.8em;
1414
- }
1415
- .PasswordInput-module_input__4CMJv {
1416
- padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
1417
- }
1418
- }
1419
- .PasswordInput-module_size_md__-PLMI {
1420
- .PasswordInput-module_label__3PGfK {
1421
- font-size: 0.9em;
1422
- }
1423
- .PasswordInput-module_input__4CMJv {
1424
- padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
1425
- }
1426
- }
1427
- .PasswordInput-module_size_lg__bWNCd {
1428
- .PasswordInput-module_label__3PGfK {
1429
- font-size: 1em;
1430
- }
1431
- .PasswordInput-module_input__4CMJv {
1432
- padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
1433
- }
1434
- }
1435
-
1436
- .PasswordStrength-module_root__YPak5 {
1437
- display: flex;
1438
- align-items: center;
1439
- gap: var(--spacing-gap);
1440
- flex-wrap: wrap;
1441
- padding-inline: var(--spacing-gap);
1442
- scale: 1 0;
1443
- transition: scale var(--transition-time) var(--transition-tf);
1444
- }
1445
- .PasswordStrength-module_title__PnvjF {
1446
- font-size: 0.5rem;
1447
- flex: 0 0 auto;
1448
- }
1449
- .PasswordStrength-module_strengthBars__VDp4V {
1450
- flex: 1 1 50%;
1451
- display: flex;
1452
- align-items: flex-start;
1453
- gap: var(--spacing-gap);
1454
- }
1455
- .PasswordStrength-module_bar__cVDvu {
1456
- transition: all var(--transition-time) var(--transition-tf);
1457
- background-color: currentColor;
1458
- scale: 0 0;
1459
- flex: 1 1 25%;
1460
- transform-origin: top left;
1461
- border-radius: 999px;
1462
- }
1463
- .PasswordStrength-module_weak__1uds9 {
1464
- height: 3px;
1465
- opacity: 0.3;
1466
- }
1467
- .PasswordStrength-module_medium__iDdic {
1468
- height: 5px;
1469
- opacity: 0.5;
1470
- }
1471
- .PasswordStrength-module_good__WkBFX {
1472
- height: 7px;
1473
- opacity: 0.8;
1474
- }
1475
- .PasswordStrength-module_strong__WKvRA {
1476
- height: 9px;
1477
- }
1478
- .PasswordStrength-module_show__D2ml- {
1479
- scale: 1 1;
1480
- }
1481
-
1482
- .Select-module_root__dxgVk {
1483
- --input-border: var(--color-outline);
1484
- --input-color: var(--color-on-surface);
1485
- --input-fs: var(--fs-body2);
1486
- --input-background: var(--color-surface);
1487
- --input-focus-background: var(--color-background);
1488
-
1489
- display: flex;
1490
- flex-direction: column;
1491
- gap: var(--spacing-gap);
1492
- font-size: var(--input-fs);
1493
-
1494
- &.Select-module_fullWidth__Sm-ZO {
1495
- width: 100%;
1496
- }
1497
- &:has(.Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:focus, .Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:open) {
1498
- & > .Select-module_inputWrapper__WbY3I {
1499
- outline: none;
1500
- background: var(--input-focus-background);
1501
- }
1502
- .Select-module_label__AHkLr {
1503
- color: var(--input-color);
1504
- }
1505
- }
1506
- &:has(.Select-module_inputWrapper__WbY3I > .Select-module_input__RZaAp:disabled) {
1507
- opacity: 0.5;
1508
- }
1509
- }
1510
-
1511
- .Select-module_inputWrapper__WbY3I {
1512
- position: relative;
1513
- display: flex;
1514
- border-radius: var(--shape-br-sm);
1515
- outline: 1px solid var(--input-border);
1516
- background: var(--input-background);
1517
- }
1518
- .Select-module_label__AHkLr {
1519
- font-size: 0.9em;
1520
- color: var(--color-on-background-faint);
1521
- margin-left: var(--spacing-gap);
1522
- width: fit-content;
1523
- cursor: pointer;
1524
- }
1525
- .Select-module_input__RZaAp {
1526
- flex: 1 1 100%;
1527
- font-family: var(--font-p);
1528
- padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
1529
- font-size: inherit;
1530
- border: none;
1531
- cursor: pointer;
1532
- background-color: var(--input-background);
1533
- color: var(--input-color);
1534
- border-radius: var(--shape-br-sm);
1535
- appearance: base-select;
1536
- transition: all var(--transition-time) var(--transition-tf);
1537
-
1538
- &:focus,
1539
- &:open {
1540
- outline: none;
1541
- background-color: var(--input-focus-background);
1542
- }
1543
- & > option {
1544
- appearance: base-select;
1545
- cursor: pointer;
1546
- background-color: var(--input-background);
1547
- font-family: var(--font-p), sans-serif;
1548
- padding: var(--spacing-gap);
1549
- border-radius: var(--shape-br-sm);
1550
- transition: all var(--transition-time) var(--transition-tf);
1551
- &:hover {
1552
- background-color: var(--input-focus-background);
1553
- }
1554
- &:checked {
1555
- background-color: var(--color-primary-container);
1556
- color: var(--color-on-primary-container);
1557
- font-weight: bold;
1558
- transition: all var(--transition-time) var(--transition-tf);
1559
- &:hover {
1560
- background-color: var(--color-primary);
1561
- color: var(--color-on-primary);
1562
- }
1563
- }
1564
-
1565
- &::checkmark {
1566
- display: none;
1567
- }
1568
- }
1569
- }
1570
- .Select-module_input__RZaAp::picker(select) {
1571
- appearance: base-select;
1572
- border-radius: var(--shape-br-sm);
1573
- background-color: var(--input-background);
1574
- border: 1px solid var(--color-outline);
1575
- padding: var(--spacing-gap);
1576
- }
1577
- .Select-module_input__RZaAp::picker-icon {
1578
- transition: rotate var(--transition-time) var(--transition-tf);
1579
- }
1580
- .Select-module_input__RZaAp:open::picker-icon {
1581
- rotate: 180deg;
1582
-
1583
- /* background-image: url('data:image/svg+xml;utf8,<svg fill="#FF0000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); */
1584
- }
1585
- .Select-module_iconContainer__Xlvlm {
1586
- display: flex;
1587
- justify-content: center;
1588
- font-size: inherit;
1589
- align-items: center;
1590
- color: var(--color-on-background-faint);
1591
- /* Start Icon */
1592
- &:nth-of-type(1) {
1593
- margin-left: var(--spacing-gap-2);
1594
- &.Select-module_disableGutters__7Lu6I {
1595
- margin-left: 0;
1596
- }
1597
- }
1598
- /* End Icon */
1599
- &:nth-of-type(2) {
1600
- margin-right: var(--spacing-gap-2);
1601
- &.Select-module_disableGutters__7Lu6I {
1602
- margin-right: 0;
1603
- }
1604
- }
1605
- }
1606
-
1607
- .Select-module_errored__IDw1f {
1608
- --input-border: var(--color-error);
1609
- --input-color: var(--color-error);
1610
- & > .Select-module_inputWrapper__WbY3I {
1611
- outline: 1px solid var(--input-border);
1612
- & > .Select-module_iconContainer__Xlvlm {
1613
- color: var(--input-color);
1614
- }
1615
- }
1616
- & > .Select-module_label__AHkLr {
1617
- color: var(--input-color);
1618
- }
1619
- }
1620
-
1621
- .Switch-module_root__iigu- {
1622
- --switch-track-width: 54px;
1623
- --switch-track-height: 30px;
1624
- --switch-thumb-width: 60%;
1625
- --switch-track-color: var(--color-background-alpha);
1626
- --switch-track-checked-color: var(--color-background);
1627
- --switch-thumb-color: var(--color-primary-container);
1628
- --switch-thumb-checked-color: var(--color-primary);
1629
- --switch-thumb-text-color: var(--color-on-primary-container);
1630
- --switch-thumb-checked-text-color: var(--color-on-primary);
1631
- display: flex;
1632
- gap: var(--spacing-gap-2);
1633
- align-items: center;
1634
- &:not(.Switch-module_disabled__OpgQK) .Switch-module_switch__JRFZI:hover .Switch-module_thumb__s4iLS {
1635
- scale: 1;
1636
- }
1637
- }
1638
- .Switch-module_inputWrapper__o8uEI {
1639
- width: var(--switch-track-width);
1640
- height: var(--switch-track-height);
1641
- position: relative;
1642
- overflow: hidden;
1643
- padding-inline: 0.2em;
1644
- }
1645
- .Switch-module_disabled__OpgQK {
1646
- --switch-thumb-color: var(--color-surface-alpha);
1647
- --switch-thumb-text-color: var(--color-on-surface);
1648
- --switch-thumb-checked-color: var(--color-background-faint);
1649
- --switch-thumb-checked-text-color: var(--color-on-background-faint);
1650
-
1651
- & .Switch-module_switch__JRFZI,
1652
- & .Switch-module_label__vk4At {
1653
- cursor: not-allowed;
1654
- }
1655
- }
1656
- .Switch-module_input__pSFbl {
1657
- /* visibility: hidden; */
1658
- position: absolute;
1659
- inset: 0;
1660
- opacity: 0;
1661
- /* left: 99999px; */
1662
- }
1663
- .Switch-module_inputWrapper__o8uEI:has(.Switch-module_input__pSFbl:focus) .Switch-module_switch__JRFZI {
1664
- border: var(--focus-ring);
1665
- background: var(--switch-track-checked-color);
1666
- }
1667
- .Switch-module_switch__JRFZI {
1668
- display: block;
1669
- width: 100%;
1670
- height: 100%;
1671
- cursor: pointer;
1672
- position: relative;
1673
- background-color: var(--switch-track-color);
1674
- border: 1px solid var(--color-outline);
1675
- border-radius: var(--shape-br-md);
1676
- &.Switch-module_checked__7JJ9o {
1677
- background: var(--switch-track-checked-color);
1678
- & .Switch-module_thumb__s4iLS {
1679
- left: 50%;
1680
- color: var(--switch-thumb-checked-text-color);
1681
- animation: Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;
1682
- background-color: var(--switch-thumb-checked-color);
1683
- }
1684
- }
1685
- }
1686
- .Switch-module_thumb__s4iLS {
1687
- display: flex;
1688
- justify-content: center;
1689
- align-items: center;
1690
- position: absolute;
1691
- left: 0;
1692
- top: 50%;
1693
- translate: 0% -50%;
1694
- width: var(--switch-thumb-width);
1695
- height: 100%;
1696
- background-color: var(--switch-thumb-color);
1697
- transition: all var(--transition-time) var(--transition-tf);
1698
- color: var(--switch-thumb-text-color);
1699
- border-radius: var(--shape-br-md);
1700
- scale: 80%;
1701
- animation: Switch-module_checkoff__8YwSV var(--transition-time) var(--transition-tf) forwards;
1702
- }
1703
- .Switch-module_label__vk4At {
1704
- cursor: pointer;
1705
- }
1706
- @keyframes Switch-module_checkon__B-djH {
1707
- 0% {
1708
- left: 0%;
1709
- width: var(--switch-thumb-width);
1710
- height: 100%;
1711
- }
1712
- 50% {
1713
- left: 0;
1714
- width: 100%;
1715
- height: 80%;
1716
- }
1717
- 100% {
1718
- left: calc(100% - var(--switch-thumb-width));
1719
- width: var(--switch-thumb-width);
1720
- height: 100%;
1721
- }
1722
- }
1723
- @keyframes Switch-module_checkoff__8YwSV {
1724
- 0% {
1725
- left: 50%;
1726
- width: var(--switch-thumb-width);
1727
- height: 100%;
1728
- }
1729
- 50% {
1730
- left: 0;
1731
- width: 100%;
1732
- height: 80%;
1733
- }
1734
- 100% {
1735
- left: 0;
1736
- width: var(--switch-thumb-width);
1737
- height: 100%;
1738
- }
1739
- }
1740
-
1741
- .TextInput-module_root__PFCcK {
1742
- --input-border: var(--color-outline);
1743
- --input-color: var(--color-on-surface);
1744
- --input-fs: var(--fs-body2);
1745
- --input-background: var(--color-background-alpha);
1746
- --input-focus-background: var(--color-background);
1747
-
1748
- display: flex;
1749
- flex-direction: column;
1750
- gap: var(--spacing-gap);
1751
- font-size: var(--input-fs);
1752
- &.TextInput-module_fullWidth__AT0dl {
1753
- width: 100%;
1754
- }
1755
- &:has(.TextInput-module_inputWrapper__SJTji > .TextInput-module_input__I-YSj:focus) {
1756
- & > .TextInput-module_inputWrapper__SJTji {
1757
- outline: none;
1758
- background: var(--input-focus-background);
1759
- }
1760
- .TextInput-module_label__AVOE4 {
1761
- color: var(--input-color);
1762
- }
1763
- }
1764
- &:has(.TextInput-module_inputWrapper__SJTji > .TextInput-module_input__I-YSj:disabled) {
1765
- opacity: 0.5;
1766
- }
1767
- }
1768
-
1769
- .TextInput-module_inputWrapper__SJTji {
1770
- position: relative;
1771
- display: flex;
1772
- border-radius: var(--shape-br-sm);
1773
- outline: 1px solid var(--input-border);
1774
- background: var(--input-background);
1775
- }
1776
- .TextInput-module_label__AVOE4 {
1777
- color: var(--color-on-background-faint);
1778
- margin-left: var(--spacing-gap);
1779
- width: max-content;
1780
- cursor: pointer;
1781
- }
1782
- .TextInput-module_input__I-YSj {
1783
- flex: 1 1 100%;
1784
- font-family: var(--font-p);
1785
- font-size: inherit;
1786
- border: none;
1787
- background: none;
1788
- color: var(--input-color);
1789
- &:focus {
1790
- outline: none;
1791
- }
1792
- }
1793
- .TextInput-module_iconContainer__Mkob8 {
1794
- display: flex;
1795
- justify-content: center;
1796
- font-size: inherit;
1797
- align-items: center;
1798
- color: var(--color-on-background-faint);
1799
- /* Start Icon */
1800
- &:nth-of-type(1) {
1801
- margin-left: var(--spacing-gap-2);
1802
- &.TextInput-module_disableGutters__zleWJ {
1803
- margin-left: 0;
1804
- }
1805
- }
1806
- /* End Icon */
1807
- &:nth-of-type(2) {
1808
- margin-right: var(--spacing-gap-2);
1809
- &.TextInput-module_disableGutters__zleWJ {
1810
- margin-right: 0;
1811
- }
1812
- }
1813
- }
1814
-
1815
- .TextInput-module_errored__OtcwB {
1816
- --input-border: var(--color-error);
1817
- --input-color: var(--color-error);
1818
- & > .TextInput-module_inputWrapper__SJTji {
1819
- outline: 1px solid var(--input-border);
1820
- & > .TextInput-module_iconContainer__Mkob8 {
1821
- color: var(--input-color);
1822
- }
1823
- }
1824
- & > .TextInput-module_label__AVOE4 {
1825
- color: var(--input-color);
1826
- }
1827
- }
1828
-
1829
- .TextInput-module_size_sm__5Y5wE {
1830
- .TextInput-module_label__AVOE4 {
1831
- font-size: 0.8em;
1832
- }
1833
- .TextInput-module_input__I-YSj {
1834
- padding: var(--spacing-gap) calc(1.618 * var(--spacing-gap));
1835
- }
1836
- }
1837
- .TextInput-module_size_md__ngwcL {
1838
- .TextInput-module_label__AVOE4 {
1839
- font-size: 0.9em;
1840
- }
1841
- .TextInput-module_input__I-YSj {
1842
- padding: var(--spacing-gap-2) calc(1.618 * var(--spacing-gap-2));
1843
- }
1844
- }
1845
- .TextInput-module_size_lg__vFWvg {
1846
- .TextInput-module_label__AVOE4 {
1847
- font-size: 1em;
1848
- }
1849
- .TextInput-module_input__I-YSj {
1850
- padding: var(--spacing-gap-3) calc(1.618 * var(--spacing-gap-3));
1851
- }
1852
- }
1853
-
1854
- .TextAreaInput-module_root__HtNc8 {
1855
- --input-border: var(--color-outline);
1856
- --input-color: var(--color-on-surface);
1857
- --input-fs: var(--fs-body2);
1858
- --input-background: var(--color-background-faint);
1859
- --input-focus-background: var(--color-background);
1860
-
1861
- display: flex;
1862
- flex-direction: column;
1863
- gap: var(--spacing-gap);
1864
- font-size: var(--input-fs);
1865
- &.TextAreaInput-module_fullWidth__TUiOx {
1866
- width: 100%;
1867
- }
1868
- &:has(.TextAreaInput-module_inputWrapper__P-2Yf > .TextAreaInput-module_input__1xpZl:focus) {
1869
- & > .TextAreaInput-module_inputWrapper__P-2Yf {
1870
- outline: none;
1871
- background: var(--input-focus-background);
1872
- }
1873
- .TextAreaInput-module_label__Fgykg {
1874
- color: var(--input-color);
1875
- }
1876
- }
1877
- &:has(.TextAreaInput-module_inputWrapper__P-2Yf > .TextAreaInput-module_input__1xpZl:disabled) {
1878
- opacity: 0.5;
1879
- }
1880
- }
1881
- .TextAreaInput-module_inputWrapper__P-2Yf {
1882
- position: relative;
1883
- display: flex;
1884
- border-radius: var(--shape-br-sm);
1885
- outline: 1px solid var(--input-border);
1886
- background: var(--input-background);
1887
- }
1888
- .TextAreaInput-module_label__Fgykg {
1889
- font-size: 0.9em;
1890
- color: var(--color-on-background-faint);
1891
- margin-left: var(--spacing-gap);
1892
- }
1893
- .TextAreaInput-module_input__1xpZl {
1894
- flex: 1 1 100%;
1895
- font-family: var(--font-p);
1896
- padding: calc(1.618 * var(--spacing-gap-2));
1897
- font-size: inherit;
1898
- border: none;
1899
- background: none;
1900
- color: var(--input-color);
1901
- &:focus {
1902
- outline: none;
1903
- }
1904
- &.TextAreaInput-module_disableResize__uaUnX {
1905
- resize: none;
1906
- }
1907
- }
1908
-
1909
- .TextAreaInput-module_errored__HJAUZ {
1910
- --input-border: var(--color-error);
1911
- --input-color: var(--color-error);
1912
- & > .TextAreaInput-module_inputWrapper__P-2Yf {
1913
- outline: 1px solid var(--input-border);
1914
- }
1915
- & > .TextAreaInput-module_label__Fgykg {
1916
- color: var(--input-color);
1917
- }
1918
- }
1919
-
1920
- .Dialog-module_root__tN0RQ[open] {
1921
- background-color: var(--color-surface);
1922
- width: 50%;
1923
- max-height: 80%;
1924
- max-width: 45rem;
1925
- min-width: 350px;
1926
- backdrop-filter: var(--backdrop-blur);
1927
- margin: auto;
1928
- border-radius: var(--shape-br-lg);
1929
- overflow: hidden;
1930
- padding: var(--spacing-gap-6);
1931
- }
1932
- .Dialog-module_root__tN0RQ::backdrop {
1933
- backdrop-filter: var(--backdrop-blur);
1934
- }
1935
-
1936
- .Drawer-module_drawer__i-80z {
1937
- margin-block: auto;
1938
- max-height: 100%;
1939
- margin-left: auto;
1940
- margin-right: 0;
1941
- }
1942
-
1943
- .PageLayout-module_root__H4l4t {
1944
- display: flex;
1945
- flex-direction: column;
1946
- height: 100%;
1947
- overflow: hidden;
1948
- }
1949
- .PageLayout-module_titleBar__Be27V {
1950
- padding-inline: var(--spacing-gap-3);
1951
- }
1952
- .PageLayout-module_body__yjAdc {
1953
- flex: 1;
1954
- overflow: hidden auto;
1955
- padding-block: var(--spacing-gap-2);
1956
- }
1957
- .PageLayout-module_footer__iR2sk {
1958
- padding-top: var(--spacing-gap-2);
1959
- padding-bottom: 3dvh;
1960
- display: flex;
1961
- justify-content: center;
1962
- }
1963
-
1964
- .PageTitle-module_root__qgEO4 {
1965
- display: flex;
1966
- justify-content: space-between;
1967
- width: 100%;
1968
- padding: var(--spacing-gap-4);
1969
- border-bottom: 1px solid var(--color-outline);
1970
- gap: var(--spacing-gap-3);
1971
- & h1 {
1972
- font-size: var(--fs-h2);
1973
- }
1974
- & h2 {
1975
- font-weight: normal;
1976
- color: var(--color-on-background-faint);
1977
- font-size: var(--fs-body2);
1978
- }
1979
- }
1980
- .PageTitle-module_noBorder__hoNLA {
1981
- border-bottom: none;
1982
- }
1983
- .PageTitle-module_size_lg__VBUCT {
1984
- padding: var(--spacing-gap-6);
1985
- & h1 {
1986
- font-size: var(--fs-h1);
1987
- }
1988
- & h2 {
1989
- font-size: var(--fs-body);
1990
- }
1991
- }
1992
- .PageTitle-module_size_sm__QmF4G {
1993
- padding: var(--spacing-gap-2);
1994
- & h1 {
1995
- font-size: var(--fs-h4);
1996
- }
1997
- }
1998
- .PageTitle-module_main__bncFv {
1999
- display: flex;
2000
- flex-direction: column;
2001
- justify-content: flex-end;
2002
- }
2003
- .PageTitle-module_actions__Wef1k {
2004
- display: flex;
2005
- justify-content: flex-end;
2006
- gap: var(--spacing-gap-2);
2007
- align-items: center;
2008
- flex: 1;
2009
- overflow: hidden;
2010
- }
2011
-
2012
- .PageLayoutPagination-module_list__lyhYm {
2013
- display: flex;
2014
- flex-direction: column;
2015
- gap: var(--spacing-gap);
2016
- }
2017
-
2018
- .TabsBar-module_root__Uve19 {
2019
- overflow: hidden;
2020
- display: flex;
2021
- background: var(--color-background-alpha);
2022
- border-radius: var(--shape-br-sm);
2023
- backdrop-filter: blur(5px);
2024
- pointer-events: all;
2025
- }
2026
- .TabsBar-module_overflowContainer__FuUXd {
2027
- isolation: isolate;
2028
- display: flex;
2029
- gap: var(--spacing-gap);
2030
- position: relative;
2031
- }
2032
- .TabsBar-module_rowContainer__qeTaq {
2033
- width: max-content;
2034
- justify-content: flex-start;
2035
- padding: var(--spacing-gap) var(--spacing-gap-2);
2036
- overflow: auto hidden;
2037
- }
2038
-
2039
- .TabsBar-module_columnContainer__G1t-z {
2040
- height: 100%;
2041
- width: 100%;
2042
- flex-direction: column;
2043
- padding: var(--spacing-gap-2);
2044
- overflow: hidden auto;
2045
- gap: var(--spacing-gap);
2046
- }
2047
- .TabsBar-module_marker__2e4am {
2048
- position: absolute;
2049
- left: 0;
2050
- width: 0;
2051
- z-index: -1;
2052
- transition: all var(--transition-time) var(--transition-tf);
2053
- }
2054
- .TabsBar-module_markerGlass__-8xd8 {
2055
- width: 100%;
2056
- height: 100%;
2057
- --glass-border-radius: var(--shape-br-sm);
2058
- --glass-backdrop-blur: 0;
2059
- /* background-color: color-mix(
2060
- in srgb,
2061
- var(--color-background) 50%,
2062
- transparent
2063
- ); */
2064
- }
2065
-
2066
- .Tab-module_root__ySv89 {
2067
- cursor: pointer;
2068
- position: relative;
2069
- padding: var(--spacing-gap) var(--spacing-gap-2);
2070
- display: flex;
2071
- align-items: center;
2072
- gap: var(--spacing-gap);
2073
-
2074
- font-size: var(--fs-body2);
2075
- font-family: var(--font-p);
2076
- color: var(--color-on-background);
2077
- text-wrap: nowrap;
2078
-
2079
- border-radius: var(--shape-br-sm);
2080
- border: none;
2081
- background-color: transparent;
2082
-
2083
- transition: background-color var(--transition-time) var(--transition-tf);
2084
- }
2085
- .Tab-module_clickable__d8Iy-:not(.Tab-module_selected__vToav):hover {
2086
- background-color: var(--color-background-faint);
2087
- color: var(--color-on-surface);
2088
- }
2089
-
2090
- .Tab-module_selected__vToav {
2091
- font-weight: bold;
2092
- color: var(--color-primary);
2093
- &:hover {
2094
- background-color: transparent;
2095
- color: var(--color-on-surface);
2096
- }
2097
- }
2098
-
2099
- .Tab-module_disabled__Leret {
2100
- color: var(--color-on-background-faint);
2101
- cursor: not-allowed;
2102
- }
2103
- .Tab-module_iconContainer__-SQ6s {
2104
- display: flex;
2105
- align-items: center;
2106
- justify-content: center;
2107
- color: inherit;
2108
- }
2109
-
2110
- .PageLayoutTabs-module_body__baK6C {
2111
- padding-inline: var(--spacing-gap-3);
2112
- }
2113
-
2114
- .SectionWrapper-module_root__K-O4Y {
2115
- display: grid;
2116
- grid-template-columns: 1fr;
2117
- padding-inline: var(--spacing-gap-4);
2118
- padding-block: var(--spacing-gap-3);
2119
- gap: var(--spacing-gap-2);
2120
- }
2121
- .SectionWrapper-module_header__8-h-6 {
2122
- /* outline: 1px solid red; */
2123
- & > h4 {
2124
- font-size: 1em;
2125
- }
2126
- & > p {
2127
- font-size: var(--fs-body2);
2128
- color: var(--color-on-background-faint);
2129
- }
2130
- }
2131
- .SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe) {
2132
- border-top: 1px solid var(--color-outline);
2133
- }
2134
- .SectionWrapper-module_content__Ruu8X {
2135
- display: flex;
2136
- flex-direction: column;
2137
- font-size: var(--fs-body2);
2138
- container-type: inline-size;
2139
- }
2140
- @container (min-width:600px) {
2141
- .SectionWrapper-module_root__K-O4Y {
2142
- grid-template-columns: 0.4fr 1fr;
2143
- }
2144
- }
2145
-
2146
- .Sidebar-module_root__1stxg {
2147
- --sidebar-closed-width: 4rem;
2148
- --sidebar-open-width: 20rem;
2149
- --sidebar-body-height: 65dvh;
2150
- --sidebar-header-height: 4.875rem;
2151
- --sidebar-color-surface: var(--color-surface-alpha);
2152
- display: flex;
2153
- height: 100%;
2154
- flex-direction: column;
2155
- gap: var(--spacing-gap);
2156
- isolation: isolate;
2157
- }
2158
- @media (min-width: 600px) {
2159
- .Sidebar-module_root__1stxg {
2160
- flex-direction: row;
2161
- }
2162
- }
2163
-
2164
- .SidebarBody-module_root__yPbfH {
2165
- /* display: none; */
2166
- position: fixed;
2167
- left: -100%;
2168
- top: var(--sidebar-header-height);
2169
- width: var(--sidebar-open-width);
2170
- background-color: var(--color-surface-alpha);
2171
- backdrop-filter: var(--backdrop-blur);
2172
- height: var(--sidebar-body-height);
2173
- transition: left var(--transition-time) var(--transition-tf);
2174
- overflow-x: hidden;
2175
- }
2176
- .SidebarBody-module_open__gtCKF {
2177
- left: 0;
2178
- overflow-x: auto;
2179
- }
2180
- @media (min-width: 600px) {
2181
- .SidebarBody-module_root__yPbfH {
2182
- flex: 1;
2183
- left: 0;
2184
- position: relative;
2185
- height: unset;
2186
- width: unset;
2187
- top: 0;
2188
- background-color: transparent;
2189
- backdrop-filter: none;
2190
- }
2191
- .SidebarBody-module_open__gtCKF {
2192
- left: 0;
2193
- }
2194
- }
2195
-
2196
- .SidebarDrawer-module_root__CJch2 {
2197
- background: var(--color-surface);
2198
- transition: width var(--transition-time) var(--transition-tf);
2199
- width: 100%;
2200
- display: flex;
2201
- flex-direction: row;
2202
- z-index: -1;
2203
- }
2204
-
2205
- @media (min-width: 600px) {
2206
- .SidebarDrawer-module_root__CJch2 {
2207
- background: var(--sidebar-color-surface);
2208
- flex-direction: column;
2209
- width: var(--sidebar-closed-width);
2210
- z-index: 0;
2211
- }
2212
- .SidebarDrawer-module_open__E60Tc {
2213
- width: var(--sidebar-open-width);
2214
- }
2215
- }
2216
-
2217
- .SidebarFooter-module_root__AdFmj {
2218
- /* display: none; */
2219
-
2220
- position: fixed;
2221
- left: -100%;
2222
- top: calc(var(--sidebar-header-height) + var(--sidebar-body-height));
2223
- width: var(--sidebar-open-width);
2224
- padding-bottom: var(--spacing-gap-2);
2225
- padding-top: var(--spacing-gap-1);
2226
-
2227
- background-color: var(--color-surface-alpha);
2228
- backdrop-filter: var(--backdrop-blur);
2229
- height: calc(
2230
- 100dvh - var(--sidebar-body-height) - var(--sidebar-header-height)
2231
- );
2232
- overflow: auto;
2233
- transition: left var(--transition-time) var(--transition-tf);
2234
- }
2235
- .SidebarFooter-module_open__qHsZf {
2236
- left: 0;
2237
- }
2238
- @media (min-width: 600px) {
2239
- .SidebarFooter-module_root__AdFmj {
2240
- position: relative;
2241
- left: 0;
2242
- height: unset;
2243
- width: unset;
2244
- top: 0;
2245
- background-color: transparent;
2246
- backdrop-filter: none;
2247
- }
2248
- .SidebarFooter-module_open__qHsZf {
2249
- left: 0;
2250
- }
2251
- }
2252
-
2253
- .SidebarViewport-module_root__KAGAg {
2254
- /* background: var(--sidebar-color-surface); */
2255
- flex: 1;
2256
- z-index: -3;
2257
- overflow: auto;
2258
- container-type: inline-size;
2259
- }
2260
- @media (min-width: 600px) {
2261
- .SidebarViewport-module_root__KAGAg {
2262
- z-index: 0;
2263
- }
2264
- }
2265
-
2266
- .Table-module_root__-0lhT {
2267
- overflow: auto;
2268
- max-width: 100%;
2269
- max-height: 100%;
2270
- }
2271
- .Table-module_table__f1fEX {
2272
- display: grid;
2273
- width: 100%;
2274
- /* border-collapse: collapse; */
2275
- font-family:
2276
- system-ui,
2277
- -apple-system,
2278
- BlinkMacSystemFont,
2279
- sans-serif;
2280
- font-size: var(--fs-body2);
2281
- line-height: 1.4;
2282
- border-radius: var(--shape-br-md);
2283
- overflow: hidden;
2284
- }
2285
- .Table-module_tableCell__tKgEQ {
2286
- padding: 8px 12px;
2287
- border-right: 1px solid var(--color-outline);
2288
- border-bottom: 1px solid var(--color-outline);
2289
- background: var(--color-background);
2290
- overflow: hidden;
2291
- text-overflow: ellipsis;
2292
- white-space: nowrap;
2293
- user-select: none;
2294
- &:hover {
2295
- background: var(--color-background-faint);
2296
- }
2297
- &:focus-visible {
2298
- outline: 2px solid var(--color-primary);
2299
- outline-offset: -2px;
2300
- }
2301
- /* Last column */
2302
- &:nth-child(n) {
2303
- border-right: none;
2304
- }
2305
- &[data-selected="true"] {
2306
- background: var(--color-surface);
2307
- outline: 2px solid var(--color-primary);
2308
- outline-offset: -2px;
2309
- z-index: 1;
2310
- }
2311
- }
2312
-
2313
- .Pagination-module_root__at76F {
2314
- display: flex;
2315
- flex-wrap: wrap;
2316
- gap: var(--spacing-gap-2);
2317
- list-style-type: none;
2318
- }
2319
- .Pagination-module_item__2GFks {
2320
- --pagination-item-fs: var(--fs-body2);
2321
- cursor: pointer;
2322
- color: var(--color-on-background);
2323
- border-radius: var(--shape-br-sm);
2324
- font-size: var(--pagination-item-fs);
2325
- transition: all var(--transition-time) var(--transition-tf);
2326
- width: 32px;
2327
- height: 32px;
2328
- min-width: fit-content;
2329
- padding-inline: var(--spacing-gap);
2330
- display: flex;
2331
- justify-content: center;
2332
- align-items: center;
2333
- }
2334
-
2335
- .Pagination-module_disabled__KG8Cb {
2336
- cursor: not-allowed;
2337
- opacity: 0.5;
2338
- }
2339
- .Pagination-module_item__2GFks:not(.Pagination-module_disabled__KG8Cb):hover {
2340
- background: var(--color-surface);
2341
- }
2342
- .Pagination-module_activeItem__BVg0A {
2343
- outline: 1px solid var(--color-primary);
2344
- }
2345
-
2346
- .Pagination-module_icon__OcxQW > svg {
2347
- --pagination-item-icon-size: calc(1.25 * var(--pagination-item-fs));
2348
- width: var(--pagination-item-icon-size);
2349
- height: var(--pagination-item-icon-size);
2350
- }
2351
- .Pagination-module_icon__OcxQW:nth-child(2) ~ .Pagination-module_icon__OcxQW {
2352
- transform: rotate(180deg);
2353
- }
2354
-
2355
- .Breadcrumbs-module_root__KmBxB {
2356
- display: flex;
2357
- align-items: center;
2358
- gap: 1ch;
2359
- & > svg {
2360
- color: var(--color-on-background-faint);
2361
- }
2362
- }
2363
- .Breadcrumbs-module_item__G3HWH {
2364
- display: content;
2365
- color: var(--color-on-background-faint);
2366
- &:not(.Breadcrumbs-module_activeItem__-C8yn):hover {
2367
- color: var(--color-primary);
2368
- }
2369
- }
2370
- .Breadcrumbs-module_activeItem__-C8yn {
2371
- color: var(--color-on-background);
2372
- /* border: 1px solid blue; */
2373
- }
2374
- .Breadcrumbs-module_ellipses__R-y7b {
2375
- color: var(--color-on-background-faint);
2376
- }
2377
-
2378
- .CopyableText-module_root__bhwTN {
2379
- display: flex;
2380
- align-items: center;
2381
- gap: var(--spacing-gap);
2382
- & > span {
2383
- background-color: var(--color-surface);
2384
- border-radius: var(--shape-br-sm);
2385
- padding: var(--spacing-gap);
2386
- overflow: auto hidden;
2387
- -ms-overflow-style: none; /* IE and Edge */
2388
- scrollbar-width: none; /* Firefox */
2389
- text-overflow: ellipsis;
2390
- white-space: nowrap;
2391
- font-size: 0.9em;
2392
- flex: 1;
2393
- &::-webkit-scrollbar {
2394
- /* Hide scrollbar for Chrome, Safari, and Opera */
2395
- display: none;
2396
- }
2397
- }
2398
- }
1
+ .Card-module_square__SK-KQ{aspect-ratio:1}.Card-module_fullWidth__pIEIZ{width:100%}.Card-module_size_sm__B3eSI{border-radius:var(--shape-br-sm);padding:var(--spacing-gap-2)}.Card-module_size_md__15alI{border-radius:var(--shape-br-md);padding:var(--spacing-gap-4)}.Card-module_size_lg__HCTUY{border-radius:var(--shape-br-lg);padding:var(--spacing-gap-6)}.Card-module_outlined__TPads{background:none;border:1px solid var(--color-outline)}.Card-module_contained__EFPqh{background:var(--color-surface-alpha)}.CollectionItemCard-module_root__v3IlF{align-items:stretch;background-color:var(--color-background);border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;pointer-events:none}.CollectionItemCard-module_image__TfkAn{align-items:center;display:flex;height:20svh;justify-content:center;overflow:hidden;width:100%;&>img{height:100%;object-fit:cover;width:100%}}.CollectionItemCard-module_main__47qRO{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));color:var(--color-on-surface);display:flex;flex:1;flex-direction:column;gap:.1618em;margin:var(--spacing-gap);overflow:hidden;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);pointer-events:all;transition:all var(--transition-time) var(--transition-tf);&>p{align-items:center;display:flex}}.CollectionItemCard-module_description__BQapV{color:var(--color-on-background-faint);font-size:.8em}.CollectionItemCard-module_subtitle__gThMk{color:var(--color-on-background-faint);font-size:1em}.CollectionItemCard-module_clickable__d3rRV{transition:all var(--transition-time) var(--transition-tf);&>.CollectionItemCard-module_main__47qRO{background:var(--color-background);cursor:pointer}&:has(.CollectionItemCard-module_main__47qRO:hover){background:var(--color-background-faint)}}.CollectionItemCard-module_title__B-sLi{align-items:center;display:flex;gap:var(--spacing-gap-2);&>h4{flex:1;font-size:1.2em}}.CollectionItemCard-module_footer__-8LZo{display:flex;justify-content:flex-end;pointer-events:all}@container (min-width:600px){.CollectionItemCard-module_root__v3IlF{flex-direction:row;&>.CollectionItemCard-module_image__TfkAn{aspect-ratio:1;height:auto;max-width:6rem;min-width:3rem;width:10vw}}}.ClampedText-module_root__WGLiO{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Chip-module_root__aw3YS{--badge-outline-color:var(--color-outline);--badge-color:var(--color-on-surface);--badge-background:var(--color-surface);align-items:center;background:var(--badge-background);border:1px solid var(--badge-outline-color);color:var(--badge-color);display:flex;flex-wrap:wrap;font-size:.9em;gap:var(--spacing-gap);width:fit-content}.Chip-module_outlined__MdLuF{background:none}.Chip-module_contained__h-xuY{border:none}.Chip-module_size_sm__v0VIz{border-radius:var(--shape-br-xs);font-size:.8em;padding:calc(var(--spacing-gap)/2) calc((var(--spacing-gap)/2)*1.618)}.Chip-module_size_md__Shvvz{border-radius:var(--shape-br-sm);padding:calc(var(--spacing-gap-2)/2) calc((var(--spacing-gap-2)/2)*1.618)}.Chip-module_size_lg__sqT26{border-radius:var(--shape-br-sm);font-size:1em;padding:calc(var(--spacing-gap-3)/2) calc((var(--spacing-gap-3)/2)*1.618)}.Chip-module_root__aw3YS[data-color=primary]{--badge-color:var(--color-primary);--badge-background:none;--badge-outline-color:var(--color-primary)}.Chip-module_root__aw3YS[data-color=secondary]{--badge-color:var(--color-secondary);--badge-background:none;--badge-outline-color:var(--color-secondary)}.Chip-module_root__aw3YS[data-color=error]{--badge-color:var(--color-error);--badge-background:none;--badge-outline-color:var(--color-error)}.Chip-module_contained__h-xuY[data-color=primary]{--badge-color:var(--color-on-primary);--badge-background:var(--color-primary)}.Chip-module_contained__h-xuY[data-color=secondary]{--badge-color:var(--color-on-secondary);--badge-background:var(--color-secondary)}.Chip-module_contained__h-xuY[data-color=error]{--badge-color:var(--color-on-error);--badge-background:var(--color-error)}.Ripple-module_container__4Dv-f{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.Ripple-module_ripple__-a0Jv{--ripple-color:currentColor;--ripple-duration:750ms;animation:Ripple-module_ripple-expand__jWi54 var(--ripple-duration,.75s) var(--transition-tf);background:var(--ripple-color);border-radius:50%;filter:blur(10px);opacity:.6;pointer-events:none;position:absolute;transform:scale(0)}@keyframes Ripple-module_ripple-expand__jWi54{to{opacity:0;transform:scale(2)}}.Button-module_root__hmumx{--button-color:var(--color-on-background);--button-background:none;--button-hover-color:var(--color-on-background);--button-hover-background:var(--color-background-faint);--button-outline-color:var(--color-on-background);align-items:center;background:var(--button-background);border:none;color:var(--button-color);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);font-weight:700;gap:var(--spacing-gap);justify-content:center;padding:var(--spacing-gap) calc(var(--spacing-gap-3)*1.618);position:relative;transition:all var(--transition-time) var(--transition-tf);&:not(:disabled):hover{background:color-mix(in srgb,var(--button-hover-background) 50%,transparent);color:var(--button-hover-color)}&:disabled{opacity:.5}}.Button-module_iconContainer__-VER1{align-items:center;display:flex;height:max-content;justify-content:center}.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}.Button-module_root__hmumx:disabled{cursor:not-allowed}.Button-module_root__hmumx:focus-visible{outline:var(--focus-ring)}.Button-module_size_sm__Qk6rp{border-radius:var(--shape-br-sm);font-size:.9em;padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap)}}.Button-module_size_md__qWVt-{border-radius:var(--shape-br-md);padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-2)}}.Button-module_size_lg__e7Ely{border-radius:var(--shape-br-lg);font-size:var(--fs-body);padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618);&.Button-module_square__Wu8jt{padding:var(--spacing-gap-3)}}.Button-module_contained__tlUyK{--button-color:var(--color-background);--button-background:var(--color-on-background);&:not(:disabled):hover{background:var(--button-hover-background)}}.Button-module_outlined__rgbFf{border:1px solid var(--button-outline-color)}.Button-module_position_absolute__NN8P1{position:absolute}.Button-module_position_relative__r0CV0{position:relative}.Button-module_position_fixed__LilZy{position:fixed}.Button-module_position_sticky__2ixpW{position:sticky}.Button-module_fullWidth__5o7qa{width:100%}.Button-module_root__hmumx[data-color=primary]{--button-color:var(--color-primary);--button-background:none;--button-hover-color:var(--color-on-primary-container);--button-hover-background:var(--color-primary-container);--button-outline-color:var(--color-primary)}.Button-module_root__hmumx[data-color=secondary]{--button-color:var(--color-secondary);--button-background:none;--button-hover-color:var(--color-on-secondary-container);--button-hover-background:var(--color-secondary-container);--button-outline-color:var(--color-secondary)}.Button-module_root__hmumx[data-color=error]{--button-color:var(--color-error);--button-background:none;--button-hover-color:var(--color-on-error-container);--button-hover-background:var(--color-error-container);--button-outline-color:var(--color-error)}.Button-module_contained__tlUyK[data-color=primary]{--button-color:var(--color-on-primary);--button-background:var(--color-primary)}.Button-module_contained__tlUyK[data-color=secondary]{--button-color:var(--color-on-secondary);--button-background:var(--color-secondary)}.Button-module_contained__tlUyK[data-color=error]{--button-color:var(--color-on-error);--button-background:var(--color-error)}.Tooltip-module_root__nip6a{--spacing-arrow-offset:6px;background:var(--color-surface);border-radius:var(--shape-br-sm);color:var(--color-on-surface);font-size:var(--fs-body2);font-weight:700;padding:var(--spacing-gap) var(--spacing-gap-2);pointer-events:none;position:fixed;text-align:center;z-index:9999}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottom__CuvK2{margin-bottom:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-top__XaUyR{margin-top:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-right__O1HnI{margin-left:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-left__4o1J4{margin-right:var(--spacing-arrow-offset)}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topLeft__WyNAm{border-top-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-topRight__-ILdh{border-top-right-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomLeft__E6w40{border-bottom-left-radius:0}.Tooltip-module_root__nip6a.Tooltip-module_arrow-bottomRight__mefBZ{border-bottom-right-radius:0}.Tooltip-module_root__nip6a:after{content:"";height:0;position:absolute;width:0}.Tooltip-module_arrow-bottom__CuvK2:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1);left:50%;transform:translateX(-50%)}.Tooltip-module_arrow-top__XaUyR:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);left:50%;top:calc(var(--spacing-arrow-offset)*-1);transform:translateX(-50%)}.Tooltip-module_arrow-right__O1HnI:after{border-color:transparent transparent transparent var(--color-surface);border-style:solid;border-width:var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset) var(--spacing-arrow-offset);right:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow-left__4o1J4:after{border-color:transparent var(--color-surface) transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0;left:calc(var(--spacing-arrow-offset)*-1);top:50%;transform:translateY(-50%)}.Tooltip-module_arrow-topLeft__WyNAm:after{left:0}.Tooltip-module_arrow-topLeft__WyNAm:after,.Tooltip-module_arrow-topRight__-ILdh:after{border-color:transparent transparent var(--color-surface) transparent;border-style:solid;border-width:0 var(--spacing-arrow-offset) var(--spacing-arrow-offset) var(--spacing-arrow-offset);top:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow-topRight__-ILdh:after{right:0}.Tooltip-module_arrow-bottomLeft__E6w40:after{left:0}.Tooltip-module_arrow-bottomLeft__E6w40:after,.Tooltip-module_arrow-bottomRight__mefBZ:after{border-color:var(--color-surface) transparent transparent transparent;border-style:solid;border-width:var(--spacing-arrow-offset) var(--spacing-arrow-offset) 0 var(--spacing-arrow-offset);bottom:calc(var(--spacing-arrow-offset)*-1)}.Tooltip-module_arrow-bottomRight__mefBZ:after{right:0}.Popover-module_root__HE-kk{background:none;border:none;position:absolute}.Popover-module_root__HE-kk.Popover-module_open__1aLk-::backdrop{cursor:auto}.GlassCard-module_root__rmCxh{--glass-tint:var(--color-primary);--glass-border-width:2px;--glass-border-radius:var(--shape-br-md);--glass-border-color:var(--color-outline);--glass-mouse-pointer-color:color-mix(in srgb,var(--color-primary) 50%,transparent);--glass-shadow:color-mix(in srgb,var(--color-primary) 15%,transparent);--glass-backdrop-blur:5px;--glass-position:relative;backdrop-filter:blur(var(--glass-backdrop-blur));border-radius:var(--glass-border-radius);box-shadow:inset 0 0 4px var(--glass-shadow);isolation:isolate;position:var(--glass-position);&:after{--glass-reflection-i:color-mix(in srgb,var(--glass-tint) 20%,transparent);--glass-reflection:color-mix(in srgb,var(--glass-tint) 40%,transparent);--glass-reflection-w:#ffffff79;background-image:linear-gradient(var(--gradient-angle,255deg),var(--glass-reflection-w) 0,var(--glass-reflection) .5%,transparent 30%,transparent 70%,var(--glass-reflection-i) 100%);opacity:var(--glass-reflection-intensity,1);z-index:-2}&:after,&:before{border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) exclude,linear-gradient(#000 0 0) content-box;padding:var(--glass-border-width);position:absolute}&:before{background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y),var(--glass-mouse-pointer-color),transparent 40%);opacity:1;pointer-events:none;transition:opacity var(--transition-time);z-index:-1}}.Accordion-module_summary__3uXXu{align-items:center;border-radius:var(--shape-br-md);cursor:pointer;display:flex;gap:var(--spacing-gap);isolation:isolate;padding:var(--spacing-gap);position:relative;transition:all var(--transition-time) var(--transition-tf);&:hover{background:var(--color-background-faint)}}.Accordion-module_highlight__YzcnA{inset:0;position:absolute;z-index:-1}.Accordion-module_summaryContent__-Wu52{border-radius:calc(var(--shape-br-md) - var(--spacing-gap));container-type:inline-size;flex:1;overflow:hidden}.Accordion-module_marker__7gmt8{flex:0 0 var(--spacing-gap-4);height:var(--spacing-gap-4);position:relative;width:var(--spacing-gap-4);&>svg{inset:0;position:absolute}}.Accordion-module_root__-tG1G{background:var(--color-background);border-radius:var(--shape-br-md);margin-block:0;overflow:hidden;transition:margin-block var(--transition-time) var(--transition-tf);@media (prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{max-height:0;overflow:hidden;transition:content-visibility var(--transition-time) allow-discrete,max-height var(--transition-time) var(--transition-tf)}&[open]{margin-block:var(--spacing-gap-2);&>.Accordion-module_summary__3uXXu{background:var(--color-surface)}&::details-content{max-height:999px;@supports (interpolate-size:allow-keywords){max-height:auto}}}}.Accordion-module_content__NPbBr{padding:var(--spacing-gap-3)}.IdentityDisplay-module_root__nEI-t{border-radius:var(--shape-br-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-gap-2);position:relative;transition:padding var(--transition-time) var(--transition-tf),width .1s var(--transition-time) var(--transition-tf),color var(--transition-time) var(--transition-tf),background var(--transition-time) var(--transition-tf)}.IdentityDisplay-module_clickable__Xloez{cursor:pointer;&:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}}.IdentityDisplay-module_main__27-fb{align-items:center;display:flex;gap:var(--spacing-gap-2)}.IdentityDisplay-module_image__YD-pm{align-items:center;display:flex;justify-content:center;&>img{border-radius:50%;height:48px;object-fit:cover;overflow:hidden;width:48px}}.IdentityDisplay-module_details__kSAvW{color:inherit;display:flex;flex-direction:column;& h4{font-size:1.1em;font-weight:700}& h4,&>p{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}&>p{color:var(--color-on-background-faint);font-size:.9em;font-weight:400}}.IdentityDisplay-module_desc__QHEz8{font-size:.9em}.IdentityDisplay-module_image-only__LBjOr{padding:0;& .IdentityDisplay-module_image__YD-pm,& .IdentityDisplay-module_main__27-fb{width:100%}.IdentityDisplay-module_desc__QHEz8,.IdentityDisplay-module_details__kSAvW{display:none}}.IdentityDisplay-module_square__f2jb0{.IdentityDisplay-module_main__27-fb{align-items:center;flex-direction:column}.IdentityDisplay-module_details__kSAvW{&>h4,&>p{text-align:center}}.IdentityDisplay-module_desc__QHEz8{display:none}}.IdentityDisplay-module_compact__ilrg-{.IdentityDisplay-module_desc__QHEz8{display:none}}.PoweredByBanner-module_root__EtEjU{align-items:center;color:inherit;display:flex;gap:var(--spacing-gap);justify-content:center;padding-block:var(--spacing-gap);width:100%}.PoweredByBanner-module_size_sm__8S6Jb{font-size:var(--fs-body2)}.PoweredByBanner-module_size_md__HKrCD{font-size:var(--fs-body)}.PoweredByBanner-module_size_lg__6oEhl{font-size:var(--fs-body);font-weight:700}.Cursor-module_root__xyOg-{height:100vh;isolation:isolate;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.Cursor-module_main__FUTOy{background:radial-gradient(41.94% 82.95% at 50% 50%,color-mix(in srgb,var(--color-primary) 50%,transparent) 0,color-mix(in srgb,var(--color-secondary) 50%,transparent) 100%);border-radius:50%;filter:blur(90px);position:absolute;transition-duration:var(--transition-time);transition-property:width,height,filter;transition-timing-function:var(--transition-tf);translate:-50% -50%}@keyframes Spinner-module_spinning__1J1HL{12%{x:13px;y:1px}25%{x:13px;y:1px}37%{x:13px;y:13px}50%{x:13px;y:13px}62%{x:1px;y:13px}75%{x:1px;y:13px}87%{x:1px;y:1px}}.Spinner-module_main__dBojo{animation:Spinner-module_spinning__1J1HL 1.6s linear infinite;animation-delay:-1.6s}.Spinner-module_trailing__jtCPy{fill-opacity:.5;animation-delay:-1s}.TransitionAnimation-module_growEnter__bI9tZ{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0)}.TransitionAnimation-module_growEnterActive__yXQ1B{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_growEnterActive__yXQ1B,.TransitionAnimation-module_growExit__xZ6nz{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_growExitActive__t6tOi{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(0);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_fadeEnter__ZQc-U{opacity:0}.TransitionAnimation-module_fadeEnterActive__ZQP8J{opacity:1;transition:opacity var(--transition-tf)}.TransitionAnimation-module_fadeExit__eYDrT{opacity:1}.TransitionAnimation-module_fadeExitActive__1HT2J{opacity:0;transition:opacity var(--transition-tf)}.TransitionAnimation-module_slideEnter__9OKMI{opacity:0;transform:translateY(-20px)}.TransitionAnimation-module_slideEnterActive__DMXWB{opacity:1;transform:translateY(0);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_slideExit__P7dM2{opacity:1;transform:translateY(0)}.TransitionAnimation-module_slideExitActive__Z4put{opacity:0;transform:translateY(-20px);transition:transform var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnter__6ELcc{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(.5)}.TransitionAnimation-module_zoomEnterActive__2T6j4{transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.TransitionAnimation-module_zoomEnterActive__2T6j4,.TransitionAnimation-module_zoomExit__SUc94{max-height:100vh;max-width:100vw;opacity:1;overflow:hidden;transform:scale(1)}.TransitionAnimation-module_zoomExitActive__QWH8r{max-height:0;max-width:0;opacity:0;overflow:hidden;transform:scale(1.5);transition:transform var(--transition-tf),max-width var(--transition-tf),max-height var(--transition-tf),opacity var(--transition-tf)}.InputErrors-module_root__APxhq{color:var(--color-error);display:flex;flex-direction:column;font-size:.9em}.Kbd-module_root__OFPCy{align-items:center;display:flex;gap:var(--spacing-gap)}.Kbd-module_kbd__F-c6z{--kbd-size-x:1;--kbd-size-y:1;--kbd-base:30px;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:60%;gap:.1em;height:calc(var(--kbd-size-y)*var(--kbd-base));justify-content:center;padding:.2em;text-align:center;width:calc(var(--kbd-size-x)*var(--kbd-base));&.Kbd-module_surface__xpquz{background:#313133;border-radius:.4em;color:#ebd6dc}}.LabeledValue-module_root__Vu-iA{align-items:center;display:flex;flex-direction:row;padding-block:var(--spacing-gap);&>.LabeledValue-module_content__EIsuq{flex:1}&>label{color:var(--color-on-background-faint);font-size:.9em;padding-right:var(--spacing-gap-2)}&>.LabeledValue-module_content__EIsuq{border-left:1px solid var(--color-outline);padding-left:var(--spacing-gap-2)}}@container (max-width:400px){.LabeledValue-module_root__Vu-iA{flex-direction:column;&>label{padding-right:0}&>.LabeledValue-module_content__EIsuq{border-left:none;padding-left:0}}}.List-module_root__VY-ni{display:flex;flex-direction:column;list-style-type:none;padding-inline:var(--spacing-gap-3);position:relative}.List-module_root__VY-ni:has(.List-module_shortened__cbFoK){padding:0}.List-module_secondary__lU6qH{border-left:1px solid var(--color-outline);margin-left:var(--spacing-gap-3);margin-block:var(--spacing-gap-2);padding-inline:var(--spacing-gap)}.List-module_listItem__8lcu6{--list-color:var(--color-on-background);--list-background:transparent;--list-hover-color:var(--color-on-background);--list-hover-background:var(--color-background-faint);--list-selected-color:var(--color-primary);--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none;align-items:center;background:var(--list-background);border-radius:var(--shape-br-sm);color:var(--list-color);display:flex;gap:var(--spacing-gap);justify-content:center;overflow:hidden;padding:calc(var(--spacing-gap-3)/1.75) calc(var(--spacing-gap-3)*1.618/1.75);position:relative;transition:all var(--transition-time) var(--transition-tf)}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n{cursor:pointer}.List-module_listItem__8lcu6.List-module_clickable__3Fj4n:not(.List-module_selected__nXBs4):not(:disabled):hover{background:color-mix(in srgb,var(--list-hover-background) 50%,transparent);color:var(--list-hover-color)}.List-module_listItem__8lcu6:focus-visible{outline:var(--focus-ring)}.List-module_selected__nXBs4{background:var(--list-selected-background);color:var(--list-selected-color);&:hover{background:var(--list-selected-hover-background);color:var(--list-selected-hover-color)}}.List-module_disabled__RJxHm{background:var(--color-background-faint);color:var(--color-on-background-faint);cursor:not-allowed}.List-module_shortened__cbFoK{gap:0;&>:not(.List-module_primaryIcon__WyWmw){max-width:0}}.List-module_content__Q2M2b{flex:1;font-weight:700;overflow:hidden}.List-module_content__Q2M2b,.List-module_iconContainer__ZHqxe{align-items:center;color:inherit;display:flex;max-width:50ch;transition:max-width var(--transition-time) var(--transition-tf)}.List-module_iconContainer__ZHqxe{justify-content:center}.List-module_dropDownIcon__XfJpu{display:block;position:relative}.List-module_dropDownIcon__XfJpu.List-module_openSublist__Izz1t{rotate:180deg}.List-module_marker__o4rTn{--glass-border-radius:var(--shape-br-sm);background-color:color-mix(in srgb,var(--color-background) 50%,transparent);display:none;left:0;position:absolute;transition:width 0s linear,top var(--transition-time) var(--transition-tf),left var(--transition-time) var(--transition-tf);width:0;z-index:-1}.List-module_listItem__8lcu6[data-color=primary]{--list-color:var(--color-primary);--list-background:transparent;--list-hover-color:var(--color-on-primary-container);--list-hover-background:var(--color-primary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=secondary]{--list-color:var(--color-secondary);--list-background:transparent;--list-hover-color:var(--color-on-secondary-container);--list-hover-background:var(--color-secondary-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-background);--list-selected-hover-background:none}.List-module_listItem__8lcu6[data-color=error]{--list-color:var(--color-error);--list-background:transparent;--list-hover-color:var(--color-on-error-container);--list-hover-background:var(--color-error-container);--list-selected-color:none;--list-selected-background:none;--list-selected-hover-color:var(--color-on-secondary);--list-selected-hover-background:none}.Skeleton-module_root__Ft3Ey{--skeleton-color-main:var(--color-surface);--skeleton-color-wave:color-mix(in srgb,var(--color-surface) 80%,var(--color-primary) 10%);animation:Skeleton-module_throb__SxiMC 2s var(--transition-tf) infinite;background-image:linear-gradient(to right,var(--skeleton-color-main) 0,var(--skeleton-color-wave) 50%,var(--skeleton-color-main) 100%);background-repeat:repeat-x;background-size:1000px 1000px;border-radius:var(--shape-br-md)}.Skeleton-module_large__LnDji{font-size:2rem}.Skeleton-module_medium__LjhY7{font-size:1.2rem}.Skeleton-module_small__j9Re2{font-size:.75rem}@keyframes Skeleton-module_wave__mC2od{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes Skeleton-module_throb__SxiMC{0%{background:var(--color-surface)}50%{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface) 100%)}to{background:var(--color-surface)}}.ConfirmationForm-module_root__ltcoI{color:var(--color-on-background-faint);display:flex;flex-direction:column;font-size:var(--fs-body2);gap:var(--spacing-gap-3);&>h4{border-bottom:1px solid var(--color-outline);color:var(--color-on-background-faint);font-size:1.2em;padding-bottom:var(--spacing-gap-3)}}.ConfirmationForm-module_danger__C1MyS{&>h4{color:var(--color-error)}}.ConfirmationForm-module_actions__TSHEJ{display:flex;gap:var(--spacing-gap-2);justify-content:flex-end}.CheckboxGroup-module_root__yODdU{display:flex;flex-direction:column;gap:var(--spacing-gap-2);padding-top:var(--spacing-gap-3)}.CheckboxGroup-module_legend__q-7v4{font-family:var(--font-h);font-weight:700}.Checkbox-module_root__52eFu{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-surface);--input-focus-background:var(--color-background);--input-checked-color:var(--color-surface);--input-checked-background:var(--color-on-surface);--input-indeterminate-color:var(--color-surface);--input-indeterminate-background:var(--color-on-surface);align-items:center;display:flex;gap:var(--spacing-gap-2)}.Checkbox-module_inputWrapper__JZjHc{border-radius:var(--shape-br-xs);display:flex;height:fit-content;overflow:hidden;position:relative;&>input[type=checkbox]{background:var(--input-background);border:2.3px solid var(--input-border);border-radius:inherit;color:var(--input-color);cursor:pointer;font:inherit;height:var(--spacing-gap-4);transition:all var(--transition-time) var(--transition-tf);width:var(--spacing-gap-4)}&:has(input[type=checkbox]:checked){--input-color:var(--input-checked-color);--input-background:var(--input-checked-background)}&:has(input[type=checkbox]:indeterminate){--input-color:var(--input-indeterminate-color);--input-background:var(--input-indeterminate-background)}}.Checkbox-module_inputWrapper__JZjHc>span{color:var(--input-color);height:100%;inset:0;pointer-events:none;position:absolute;&>svg{position:absolute}}.Checkbox-module_show__jXFKu{display:block}.Checkbox-module_hide__j-2PL{display:none}.Checkbox-module_show__jXFKu path{stroke-dasharray:45;stroke-dashoffset:45;animation:Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) forwards}.Checkbox-module_hide__j-2PL path{animation:Checkbox-module_draw-check__THEN8 var(--transition-time) var(--transition-tf) reverse}@keyframes Checkbox-module_draw-check__THEN8{to{stroke-dashoffset:0}}.Checkbox-module_label__4Llik{cursor:pointer}.PasswordInput-module_root__NPboh{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.PasswordInput-module_fullWidth__rpxCo{width:100%}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:focus){&>.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-focus-background);outline:none}.PasswordInput-module_label__3PGfK{color:var(--input-color)}}&:has(.PasswordInput-module_inputWrapper__mq2VY>.PasswordInput-module_input__4CMJv:disabled){opacity:.5}}.PasswordInput-module_inputWrapper__mq2VY{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.PasswordInput-module_label__3PGfK{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.PasswordInput-module_input__4CMJv{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.PasswordInput-module_iconContainer__Irk1R{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.PasswordInput-module_disableGutters__Do0n8{margin-right:0}}}.PasswordInput-module_errored__eEIPd{--input-border:var(--color-error);--input-color:var(--color-error);&>.PasswordInput-module_inputWrapper__mq2VY{outline:1px solid var(--input-border);&>.PasswordInput-module_iconContainer__Irk1R{color:var(--input-color)}}&>.PasswordInput-module_label__3PGfK{color:var(--input-color)}}.PasswordInput-module_size_sm__zlHt4{.PasswordInput-module_label__3PGfK{font-size:.8em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618)}}.PasswordInput-module_size_md__-PLMI{.PasswordInput-module_label__3PGfK{font-size:.9em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618)}}.PasswordInput-module_size_lg__bWNCd{.PasswordInput-module_label__3PGfK{font-size:1em}.PasswordInput-module_input__4CMJv{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618)}}.PasswordStrength-module_root__YPak5{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-gap);padding-inline:var(--spacing-gap);scale:1 0;transition:scale var(--transition-time) var(--transition-tf)}.PasswordStrength-module_title__PnvjF{flex:0 0 auto;font-size:.5rem}.PasswordStrength-module_strengthBars__VDp4V{align-items:flex-start;display:flex;flex:1 1 50%;gap:var(--spacing-gap)}.PasswordStrength-module_bar__cVDvu{background-color:currentColor;border-radius:999px;flex:1 1 25%;scale:0 0;transform-origin:top left;transition:all var(--transition-time) var(--transition-tf)}.PasswordStrength-module_weak__1uds9{height:3px;opacity:.3}.PasswordStrength-module_medium__iDdic{height:5px;opacity:.5}.PasswordStrength-module_good__WkBFX{height:7px;opacity:.8}.PasswordStrength-module_strong__WKvRA{height:9px}.PasswordStrength-module_show__D2ml-{scale:1 1}.Select-module_root__dxgVk{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-surface);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.Select-module_fullWidth__Sm-ZO{width:100%}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:focus,.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:open){&>.Select-module_inputWrapper__WbY3I{background:var(--input-focus-background);outline:none}.Select-module_label__AHkLr{color:var(--input-color)}}&:has(.Select-module_inputWrapper__WbY3I>.Select-module_input__RZaAp:disabled){opacity:.5}}.Select-module_inputWrapper__WbY3I{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.Select-module_label__AHkLr{color:var(--color-on-background-faint);cursor:pointer;font-size:.9em;margin-left:var(--spacing-gap);width:fit-content}.Select-module_input__RZaAp{appearance:base-select;background-color:var(--input-background);border:none;border-radius:var(--shape-br-sm);color:var(--input-color);cursor:pointer;flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618);transition:all var(--transition-time) var(--transition-tf);&:focus,&:open{background-color:var(--input-focus-background);outline:none}&>option{appearance:base-select;background-color:var(--input-background);border-radius:var(--shape-br-sm);cursor:pointer;font-family:var(--font-p),sans-serif;padding:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--input-focus-background)}&:checked{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:700;transition:all var(--transition-time) var(--transition-tf);&:hover{background-color:var(--color-primary);color:var(--color-on-primary)}}&::checkmark{display:none}}}.Select-module_input__RZaAp::picker(select){appearance:base-select;background-color:var(--input-background);border:1px solid var(--color-outline);border-radius:var(--shape-br-sm);padding:var(--spacing-gap)}.Select-module_input__RZaAp::picker-icon{transition:rotate var(--transition-time) var(--transition-tf)}.Select-module_input__RZaAp:open::picker-icon{rotate:180deg}.Select-module_iconContainer__Xlvlm{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.Select-module_disableGutters__7Lu6I{margin-right:0}}}.Select-module_errored__IDw1f{--input-border:var(--color-error);--input-color:var(--color-error);&>.Select-module_inputWrapper__WbY3I{outline:1px solid var(--input-border);&>.Select-module_iconContainer__Xlvlm{color:var(--input-color)}}&>.Select-module_label__AHkLr{color:var(--input-color)}}.Switch-module_root__iigu-{--switch-track-width:54px;--switch-track-height:30px;--switch-thumb-width:60%;--switch-track-color:var(--color-background-alpha);--switch-track-checked-color:var(--color-background);--switch-thumb-color:var(--color-primary-container);--switch-thumb-checked-color:var(--color-primary);--switch-thumb-text-color:var(--color-on-primary-container);--switch-thumb-checked-text-color:var(--color-on-primary);align-items:center;display:flex;gap:var(--spacing-gap-2);&:not(.Switch-module_disabled__OpgQK) .Switch-module_switch__JRFZI:hover .Switch-module_thumb__s4iLS{scale:1}}.Switch-module_inputWrapper__o8uEI{height:var(--switch-track-height);overflow:hidden;padding-inline:.2em;position:relative;width:var(--switch-track-width)}.Switch-module_disabled__OpgQK{--switch-thumb-color:var(--color-surface-alpha);--switch-thumb-text-color:var(--color-on-surface);--switch-thumb-checked-color:var(--color-background-faint);--switch-thumb-checked-text-color:var(--color-on-background-faint);& .Switch-module_label__vk4At,& .Switch-module_switch__JRFZI{cursor:not-allowed}}.Switch-module_input__pSFbl{inset:0;opacity:0;position:absolute}.Switch-module_inputWrapper__o8uEI:has(.Switch-module_input__pSFbl:focus) .Switch-module_switch__JRFZI{background:var(--switch-track-checked-color);border:var(--focus-ring)}.Switch-module_switch__JRFZI{background-color:var(--switch-track-color);border:1px solid var(--color-outline);border-radius:var(--shape-br-md);cursor:pointer;display:block;height:100%;position:relative;width:100%;&.Switch-module_checked__7JJ9o{background:var(--switch-track-checked-color);& .Switch-module_thumb__s4iLS{animation:Switch-module_checkon__B-djH var(--transition-time) var(--transition-tf) forwards;background-color:var(--switch-thumb-checked-color);color:var(--switch-thumb-checked-text-color);left:50%}}}.Switch-module_thumb__s4iLS{align-items:center;animation:Switch-module_checkoff__8YwSV var(--transition-time) var(--transition-tf) forwards;background-color:var(--switch-thumb-color);border-radius:var(--shape-br-md);color:var(--switch-thumb-text-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;scale:80%;top:50%;transition:all var(--transition-time) var(--transition-tf);translate:0 -50%;width:var(--switch-thumb-width)}.Switch-module_label__vk4At{cursor:pointer}@keyframes Switch-module_checkon__B-djH{0%{height:100%;left:0;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:calc(100% - var(--switch-thumb-width));width:var(--switch-thumb-width)}}@keyframes Switch-module_checkoff__8YwSV{0%{height:100%;left:50%;width:var(--switch-thumb-width)}50%{height:80%;left:0;width:100%}to{height:100%;left:0;width:var(--switch-thumb-width)}}.TextInput-module_root__PFCcK{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-alpha);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextInput-module_fullWidth__AT0dl{width:100%}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:focus){&>.TextInput-module_inputWrapper__SJTji{background:var(--input-focus-background);outline:none}.TextInput-module_label__AVOE4{color:var(--input-color)}}&:has(.TextInput-module_inputWrapper__SJTji>.TextInput-module_input__I-YSj:disabled){opacity:.5}}.TextInput-module_inputWrapper__SJTji{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextInput-module_label__AVOE4{color:var(--color-on-background-faint);cursor:pointer;margin-left:var(--spacing-gap);width:max-content}.TextInput-module_input__I-YSj{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;&:focus{outline:none}}.TextInput-module_iconContainer__Mkob8{align-items:center;color:var(--color-on-background-faint);display:flex;font-size:inherit;justify-content:center;&:first-of-type{margin-left:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-left:0}}&:nth-of-type(2){margin-right:var(--spacing-gap-2);&.TextInput-module_disableGutters__zleWJ{margin-right:0}}}.TextInput-module_errored__OtcwB{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextInput-module_inputWrapper__SJTji{outline:1px solid var(--input-border);&>.TextInput-module_iconContainer__Mkob8{color:var(--input-color)}}&>.TextInput-module_label__AVOE4{color:var(--input-color)}}.TextInput-module_size_sm__5Y5wE{.TextInput-module_label__AVOE4{font-size:.8em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap) calc(var(--spacing-gap)*1.618)}}.TextInput-module_size_md__ngwcL{.TextInput-module_label__AVOE4{font-size:.9em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-2) calc(var(--spacing-gap-2)*1.618)}}.TextInput-module_size_lg__vFWvg{.TextInput-module_label__AVOE4{font-size:1em}.TextInput-module_input__I-YSj{padding:var(--spacing-gap-3) calc(var(--spacing-gap-3)*1.618)}}.TextAreaInput-module_root__HtNc8{--input-border:var(--color-outline);--input-color:var(--color-on-surface);--input-fs:var(--fs-body2);--input-background:var(--color-background-faint);--input-focus-background:var(--color-background);display:flex;flex-direction:column;font-size:var(--input-fs);gap:var(--spacing-gap);&.TextAreaInput-module_fullWidth__TUiOx{width:100%}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:focus){&>.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-focus-background);outline:none}.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}&:has(.TextAreaInput-module_inputWrapper__P-2Yf>.TextAreaInput-module_input__1xpZl:disabled){opacity:.5}}.TextAreaInput-module_inputWrapper__P-2Yf{background:var(--input-background);border-radius:var(--shape-br-sm);display:flex;outline:1px solid var(--input-border);position:relative}.TextAreaInput-module_label__Fgykg{color:var(--color-on-background-faint);font-size:.9em;margin-left:var(--spacing-gap)}.TextAreaInput-module_input__1xpZl{background:none;border:none;color:var(--input-color);flex:1 1 100%;font-family:var(--font-p);font-size:inherit;padding:calc(var(--spacing-gap-2)*1.618);&:focus{outline:none}&.TextAreaInput-module_disableResize__uaUnX{resize:none}}.TextAreaInput-module_errored__HJAUZ{--input-border:var(--color-error);--input-color:var(--color-error);&>.TextAreaInput-module_inputWrapper__P-2Yf{outline:1px solid var(--input-border)}&>.TextAreaInput-module_label__Fgykg{color:var(--input-color)}}.Dialog-module_root__tN0RQ[open]{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface);border-radius:var(--shape-br-lg);margin:auto;max-height:80%;max-width:45rem;min-width:350px;overflow:hidden;padding:var(--spacing-gap-6);width:50%}.Dialog-module_root__tN0RQ::backdrop{backdrop-filter:var(--backdrop-blur)}.Drawer-module_drawer__i-80z{margin-block:auto;margin-left:auto;margin-right:0;max-height:100%}.PageLayout-module_root__H4l4t{display:flex;flex-direction:column;height:100%;overflow:hidden}.PageLayout-module_titleBar__Be27V{padding-inline:var(--spacing-gap-3)}.PageLayout-module_body__yjAdc{flex:1;overflow:hidden auto;padding-block:var(--spacing-gap-2)}.PageLayout-module_footer__iR2sk{display:flex;justify-content:center;padding-bottom:3dvh;padding-top:var(--spacing-gap-2)}.PageTitle-module_root__qgEO4{border-bottom:1px solid var(--color-outline);display:flex;gap:var(--spacing-gap-3);justify-content:space-between;padding:var(--spacing-gap-4);width:100%;& h1{font-size:var(--fs-h2)}& h2{color:var(--color-on-background-faint);font-size:var(--fs-body2);font-weight:400}}.PageTitle-module_noBorder__hoNLA{border-bottom:none}.PageTitle-module_size_lg__VBUCT{padding:var(--spacing-gap-6);& h1{font-size:var(--fs-h1)}& h2{font-size:var(--fs-body)}}.PageTitle-module_size_sm__QmF4G{padding:var(--spacing-gap-2);& h1{font-size:var(--fs-h4)}}.PageTitle-module_main__bncFv{display:flex;flex-direction:column;justify-content:flex-end}.PageTitle-module_actions__Wef1k{align-items:center;display:flex;flex:1;gap:var(--spacing-gap-2);justify-content:flex-end;overflow:hidden}.PageLayoutPagination-module_list__lyhYm{display:flex;flex-direction:column;gap:var(--spacing-gap)}.TabsBar-module_root__Uve19{--bar-color:var(--color-background-alpha);--bar-tab-color-text:var(--color-on-background);--bar-marker-color:var(--color-primary);--bar-marker-color-text:var(--color-on-primary);--bar-marker-hover-text:var(--color-on-background);backdrop-filter:blur(5px);background-color:var(--bar-color);border-radius:var(--shape-br-sm);display:flex;margin-inline:auto;max-width:100%;overflow:hidden}.TabsBar-module_root__Uve19[data-color=primary]{--bar-color:var(--color-primary-container);--bar-tab-color-text:var(--color-on-primary-container);--bar-marker-color:var(--color-primary);--bar-marker-color-text:var(--color-on-primary);--bar-marker-hover-text:var(--color-on-primary-container)}.TabsBar-module_root__Uve19[data-color=secondary]{--bar-color:var(--color-secondary-container);--bar-tab-color-text:var(--color-on-secondary-container);--bar-marker-color:var(--color-secondary);--bar-marker-color-text:var(--color-on-secondary);--bar-marker-hover-text:var(--color-on-secondary-container)}.TabsBar-module_overflowContainer__FuUXd{display:flex;gap:var(--spacing-gap);isolation:isolate;position:relative}.TabsBar-module_row__5PKvn{overflow:auto hidden;padding:var(--spacing-gap) var(--spacing-gap-2);width:max-content}.TabsBar-module_column__8Mc64{flex-direction:column;height:100%;overflow:hidden auto;padding:var(--spacing-gap-2);width:100%}.TabsBar-module_tab__jD1nX{color:var(--bar-tab-color-text)}.TabsBar-module_active__ESPgA{color:var(--bar-marker-color-text);transition:color var(--transition-time) var(--transition-tf)}.TabsBar-module_active__ESPgA:hover{color:var(--bar-marker-hover-text)}.TabsBar-module_marker__2e4am{border-radius:var(--shape-br-sm);left:0;position:absolute;transition:all var(--transition-time) var(--transition-tf);z-index:-1}.TabsBar-module_markerGlass__-8xd8{border-radius:inherit;height:100%;width:100%}.TabsBar-module_markerInner__T0FZ3{background-color:var(--bar-marker-color);border-radius:var(--shape-br-md);height:100%;width:100%}.Tab-module_root__ySv89{text-wrap:nowrap;align-items:center;background-color:transparent;border:none;border-radius:var(--shape-br-sm);color:var(--color-on-background);cursor:pointer;display:flex;font-family:var(--font-p);font-size:var(--fs-body2);gap:var(--spacing-gap);padding:var(--spacing-gap) var(--spacing-gap-2);position:relative;transition:background-color var(--transition-time) var(--transition-tf)}.Tab-module_clickable__d8Iy-:not(.Tab-module_selected__vToav):hover{background-color:var(--color-background-faint);color:var(--color-on-surface)}.Tab-module_selected__vToav{color:var(--color-primary);font-weight:700;&:hover{background-color:transparent;color:var(--color-on-surface)}}.Tab-module_disabled__Leret{color:var(--color-on-background-faint);cursor:not-allowed}.Tab-module_iconContainer__-SQ6s{align-items:center;color:inherit;display:flex;justify-content:center}.PageLayoutTabs-module_body__baK6C{padding-inline:var(--spacing-gap-3)}.SectionWrapper-module_root__K-O4Y{display:grid;gap:var(--spacing-gap-2);grid-template-columns:1fr;padding-block:var(--spacing-gap-3);padding-inline:var(--spacing-gap-4)}.SectionWrapper-module_header__8-h-6{&>h4{font-size:1em}&>p{color:var(--color-on-background-faint);font-size:var(--fs-body2)}}.SectionWrapper-module_root__K-O4Y:not(.SectionWrapper-module_noBorders__brOqe){border-top:1px solid var(--color-outline)}.SectionWrapper-module_content__Ruu8X{container-type:inline-size;display:flex;flex-direction:column;font-size:var(--fs-body2)}@container (min-width:600px){.SectionWrapper-module_root__K-O4Y{grid-template-columns:.4fr 1fr}}.Sidebar-module_root__1stxg{--sidebar-closed-width:4rem;--sidebar-open-width:20rem;--sidebar-body-height:65dvh;--sidebar-header-height:4.875rem;--sidebar-color-surface:var(--color-surface-alpha);display:flex;flex-direction:column;gap:var(--spacing-gap);height:100%;isolation:isolate}@media (min-width:600px){.Sidebar-module_root__1stxg{flex-direction:row}}.SidebarBody-module_root__yPbfH{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:var(--sidebar-body-height);left:-100%;overflow-x:hidden;position:fixed;top:var(--sidebar-header-height);transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarBody-module_open__gtCKF{left:0;overflow-x:auto}@media (min-width:600px){.SidebarBody-module_root__yPbfH{backdrop-filter:none;background-color:transparent;flex:1;height:unset;left:0;position:relative;top:0;width:unset}.SidebarBody-module_open__gtCKF{left:0}}.SidebarDrawer-module_root__CJch2{background:var(--color-surface);display:flex;flex-direction:row;transition:width var(--transition-time) var(--transition-tf);width:100%;z-index:-1}@media (min-width:600px){.SidebarDrawer-module_root__CJch2{background:var(--sidebar-color-surface);flex-direction:column;width:var(--sidebar-closed-width);z-index:0}.SidebarDrawer-module_open__E60Tc{width:var(--sidebar-open-width)}}.SidebarFooter-module_root__AdFmj{backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-alpha);height:calc(100dvh - var(--sidebar-body-height) - var(--sidebar-header-height));left:-100%;overflow:auto;padding-bottom:var(--spacing-gap-2);padding-top:var(--spacing-gap-1);position:fixed;top:calc(var(--sidebar-header-height) + var(--sidebar-body-height));transition:left var(--transition-time) var(--transition-tf);width:var(--sidebar-open-width)}.SidebarFooter-module_open__qHsZf{left:0}@media (min-width:600px){.SidebarFooter-module_root__AdFmj{backdrop-filter:none;background-color:transparent;height:unset;left:0;position:relative;top:0;width:unset}.SidebarFooter-module_open__qHsZf{left:0}}.SidebarViewport-module_root__KAGAg{container-type:inline-size;flex:1;overflow:auto;z-index:-3}@media (min-width:600px){.SidebarViewport-module_root__KAGAg{z-index:0}}.Table-module_root__-0lhT{max-height:100%;max-width:100%;overflow:auto}.Table-module_table__f1fEX{border-radius:var(--shape-br-md);display:grid;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-body2);line-height:1.4;overflow:hidden;width:100%}.Table-module_tableCell__tKgEQ{background:var(--color-background);border-bottom:1px solid var(--color-outline);border-right:1px solid var(--color-outline);overflow:hidden;padding:8px 12px;text-overflow:ellipsis;user-select:none;white-space:nowrap;&:hover{background:var(--color-background-faint)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}&:nth-child(n){border-right:none}&[data-selected=true]{background:var(--color-surface);outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}}.Pagination-module_root__at76F{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-2);list-style-type:none}.Pagination-module_item__2GFks{--pagination-item-fs:var(--fs-body2);align-items:center;border-radius:var(--shape-br-sm);color:var(--color-on-background);cursor:pointer;display:flex;font-size:var(--pagination-item-fs);height:32px;justify-content:center;min-width:fit-content;padding-inline:var(--spacing-gap);transition:all var(--transition-time) var(--transition-tf);width:32px}.Pagination-module_disabled__KG8Cb{cursor:not-allowed;opacity:.5}.Pagination-module_item__2GFks:not(.Pagination-module_disabled__KG8Cb):hover{background:var(--color-surface)}.Pagination-module_activeItem__BVg0A{outline:1px solid var(--color-primary)}.Pagination-module_icon__OcxQW>svg{--pagination-item-icon-size:calc(var(--pagination-item-fs)*1.25);height:var(--pagination-item-icon-size);width:var(--pagination-item-icon-size)}.Pagination-module_icon__OcxQW:nth-child(2)~.Pagination-module_icon__OcxQW{transform:rotate(180deg)}.Breadcrumbs-module_root__KmBxB{align-items:center;display:flex;gap:1ch;&>svg{color:var(--color-on-background-faint)}}.Breadcrumbs-module_item__G3HWH{color:var(--color-on-background-faint);display:content;&:not(.Breadcrumbs-module_activeItem__-C8yn):hover{color:var(--color-primary)}}.Breadcrumbs-module_activeItem__-C8yn{color:var(--color-on-background)}.Breadcrumbs-module_ellipses__R-y7b{color:var(--color-on-background-faint)}.CopyableText-module_root__bhwTN{align-items:center;display:flex;gap:var(--spacing-gap);&>span{-ms-overflow-style:none;background-color:var(--color-surface);border-radius:var(--shape-br-sm);flex:1;font-size:.9em;overflow:auto hidden;padding:var(--spacing-gap);scrollbar-width:none;text-overflow:ellipsis;white-space:nowrap;&::-webkit-scrollbar{display:none}}}