@octohirono/stitch-design-system 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/README.md +7 -0
  2. package/dist/components/Accordion/Accordion.d.ts +45 -0
  3. package/dist/components/Accordion/Accordion.js +26 -0
  4. package/dist/components/Accordion/accordion.module.js +4 -0
  5. package/dist/components/Accordion/index.d.ts +2 -0
  6. package/dist/components/AlertDialog/AlertDialog.d.ts +45 -0
  7. package/dist/components/AlertDialog/AlertDialog.js +32 -0
  8. package/dist/components/AlertDialog/alert-dialog.module.js +4 -0
  9. package/dist/components/AlertDialog/index.d.ts +2 -0
  10. package/dist/components/AspectRatio/AspectRatio.d.ts +29 -0
  11. package/dist/components/AspectRatio/AspectRatio.js +15 -0
  12. package/dist/components/AspectRatio/aspect-ratio.module.js +4 -0
  13. package/dist/components/AspectRatio/index.d.ts +2 -0
  14. package/dist/components/Avatar/Avatar.d.ts +42 -0
  15. package/dist/components/Avatar/Avatar.js +21 -0
  16. package/dist/components/Avatar/avatar.module.js +13 -0
  17. package/dist/components/Avatar/index.d.ts +2 -0
  18. package/dist/components/Button/Button.d.ts +60 -0
  19. package/dist/components/Button/Button.js +22 -0
  20. package/dist/components/Button/button.module.js +19 -0
  21. package/dist/components/Button/index.d.ts +2 -0
  22. package/dist/components/Card/Card.d.ts +50 -0
  23. package/dist/components/Card/Card.js +21 -0
  24. package/dist/components/Card/card.module.js +22 -0
  25. package/dist/components/Card/index.d.ts +2 -0
  26. package/dist/components/Checkbox/Checkbox.d.ts +45 -0
  27. package/dist/components/Checkbox/Checkbox.js +56 -0
  28. package/dist/components/Checkbox/checkbox.module.js +17 -0
  29. package/dist/components/Checkbox/index.d.ts +2 -0
  30. package/dist/components/CodeBlock/CodeBlock.d.ts +10 -0
  31. package/dist/components/CodeBlock/CodeBlock.js +50 -0
  32. package/dist/components/CodeBlock/codeblock.module.js +17 -0
  33. package/dist/components/CodeBlock/index.d.ts +2 -0
  34. package/dist/components/Collapse/Collapse.d.ts +38 -0
  35. package/dist/components/Collapse/Collapse.js +50 -0
  36. package/dist/components/Collapse/collapse.module.js +13 -0
  37. package/dist/components/Collapse/index.d.ts +2 -0
  38. package/dist/components/ContextMenu/ContextMenu.d.ts +47 -0
  39. package/dist/components/ContextMenu/ContextMenu.js +50 -0
  40. package/dist/components/ContextMenu/context-menu.module.js +13 -0
  41. package/dist/components/ContextMenu/index.d.ts +2 -0
  42. package/dist/components/Divider/Divider.d.ts +50 -0
  43. package/dist/components/Divider/Divider.js +23 -0
  44. package/dist/components/Divider/divider.module.js +14 -0
  45. package/dist/components/Divider/index.d.ts +2 -0
  46. package/dist/components/Drawer/Drawer.d.ts +36 -0
  47. package/dist/components/Drawer/Drawer.js +76 -0
  48. package/dist/components/Drawer/drawer.module.js +21 -0
  49. package/dist/components/Drawer/index.d.ts +2 -0
  50. package/dist/components/DropdownMenu/DropdownMenu.d.ts +55 -0
  51. package/dist/components/DropdownMenu/DropdownMenu.js +54 -0
  52. package/dist/components/DropdownMenu/dropdown-menu.module.js +13 -0
  53. package/dist/components/DropdownMenu/index.d.ts +2 -0
  54. package/dist/components/Form/Form.d.ts +20 -0
  55. package/dist/components/Form/Form.js +105 -0
  56. package/dist/components/Form/FormItem.d.ts +3 -0
  57. package/dist/components/Form/FormItem.js +96 -0
  58. package/dist/components/Form/context.d.ts +22 -0
  59. package/dist/components/Form/context.js +5 -0
  60. package/dist/components/Form/form.module.js +25 -0
  61. package/dist/components/Form/index.d.ts +7 -0
  62. package/dist/components/Form/types.d.ts +164 -0
  63. package/dist/components/Form/types.js +6 -0
  64. package/dist/components/Form/useForm.d.ts +15 -0
  65. package/dist/components/Form/useForm.js +188 -0
  66. package/dist/components/Form/validators.d.ts +3 -0
  67. package/dist/components/Form/validators.js +73 -0
  68. package/dist/components/HoverCard/HoverCard.d.ts +47 -0
  69. package/dist/components/HoverCard/HoverCard.js +26 -0
  70. package/dist/components/HoverCard/hover-card.module.js +9 -0
  71. package/dist/components/HoverCard/index.d.ts +2 -0
  72. package/dist/components/Icon/Icon.d.ts +100 -0
  73. package/dist/components/Icon/Icon.js +150 -0
  74. package/dist/components/Icon/icon.module.js +7 -0
  75. package/dist/components/Icon/index.d.ts +2 -0
  76. package/dist/components/Image/Image.d.ts +50 -0
  77. package/dist/components/Image/Image.js +95 -0
  78. package/dist/components/Image/image.module.js +27 -0
  79. package/dist/components/Image/index.d.ts +2 -0
  80. package/dist/components/Input/Input.d.ts +41 -0
  81. package/dist/components/Input/Input.js +62 -0
  82. package/dist/components/Input/index.d.ts +2 -0
  83. package/dist/components/Input/input.module.js +17 -0
  84. package/dist/components/Label/Label.d.ts +28 -0
  85. package/dist/components/Label/Label.js +15 -0
  86. package/dist/components/Label/index.d.ts +2 -0
  87. package/dist/components/Label/label.module.js +4 -0
  88. package/dist/components/Loading/Loading.d.ts +22 -0
  89. package/dist/components/Loading/Loading.js +32 -0
  90. package/dist/components/Loading/index.d.ts +2 -0
  91. package/dist/components/Loading/loading.module.js +14 -0
  92. package/dist/components/Menubar/Menubar.d.ts +64 -0
  93. package/dist/components/Menubar/Menubar.js +70 -0
  94. package/dist/components/Menubar/index.d.ts +2 -0
  95. package/dist/components/Menubar/menubar.module.js +15 -0
  96. package/dist/components/Modal/Modal.d.ts +38 -0
  97. package/dist/components/Modal/Modal.js +68 -0
  98. package/dist/components/Modal/index.d.ts +2 -0
  99. package/dist/components/Modal/modal.module.js +13 -0
  100. package/dist/components/NavigationMenu/NavigationMenu.d.ts +47 -0
  101. package/dist/components/NavigationMenu/NavigationMenu.js +47 -0
  102. package/dist/components/NavigationMenu/index.d.ts +2 -0
  103. package/dist/components/NavigationMenu/navigation-menu.module.js +16 -0
  104. package/dist/components/Notification/Notification.d.ts +14 -0
  105. package/dist/components/Notification/Notification.js +87 -0
  106. package/dist/components/Notification/NotificationPortal.d.ts +29 -0
  107. package/dist/components/Notification/NotificationPortal.js +90 -0
  108. package/dist/components/Notification/index.d.ts +4 -0
  109. package/dist/components/Notification/notification.module.js +31 -0
  110. package/dist/components/Notification/types.d.ts +44 -0
  111. package/dist/components/OtpField/OtpField.d.ts +40 -0
  112. package/dist/components/OtpField/OtpField.js +20 -0
  113. package/dist/components/OtpField/index.d.ts +2 -0
  114. package/dist/components/OtpField/otp-field.module.js +7 -0
  115. package/dist/components/PasswordInput/PasswordInput.d.ts +36 -0
  116. package/dist/components/PasswordInput/PasswordInput.js +28 -0
  117. package/dist/components/PasswordInput/index.d.ts +2 -0
  118. package/dist/components/PasswordInput/password-input.module.js +4 -0
  119. package/dist/components/Popover/Popover.d.ts +42 -0
  120. package/dist/components/Popover/Popover.js +24 -0
  121. package/dist/components/Popover/index.d.ts +2 -0
  122. package/dist/components/Popover/popover.module.js +9 -0
  123. package/dist/components/Progress/Progress.d.ts +44 -0
  124. package/dist/components/Progress/Progress.js +55 -0
  125. package/dist/components/Progress/index.d.ts +2 -0
  126. package/dist/components/Progress/progress.module.js +21 -0
  127. package/dist/components/Radio/Radio.d.ts +47 -0
  128. package/dist/components/Radio/Radio.js +102 -0
  129. package/dist/components/Radio/index.d.ts +2 -0
  130. package/dist/components/Radio/radio.module.js +17 -0
  131. package/dist/components/ScrollArea/ScrollArea.d.ts +34 -0
  132. package/dist/components/ScrollArea/ScrollArea.js +34 -0
  133. package/dist/components/ScrollArea/index.d.ts +2 -0
  134. package/dist/components/ScrollArea/scroll-area.module.js +10 -0
  135. package/dist/components/Select/Select.d.ts +54 -0
  136. package/dist/components/Select/Select.js +118 -0
  137. package/dist/components/Select/index.d.ts +2 -0
  138. package/dist/components/Select/select.module.js +24 -0
  139. package/dist/components/Skeleton/Skeleton.d.ts +71 -0
  140. package/dist/components/Skeleton/Skeleton.js +147 -0
  141. package/dist/components/Skeleton/index.d.ts +2 -0
  142. package/dist/components/Skeleton/skeleton.module.js +16 -0
  143. package/dist/components/Slider/Slider.d.ts +58 -0
  144. package/dist/components/Slider/Slider.js +33 -0
  145. package/dist/components/Slider/index.d.ts +2 -0
  146. package/dist/components/Slider/slider.module.js +9 -0
  147. package/dist/components/Switch/Switch.d.ts +50 -0
  148. package/dist/components/Switch/Switch.js +43 -0
  149. package/dist/components/Switch/index.d.ts +2 -0
  150. package/dist/components/Switch/switch.module.js +15 -0
  151. package/dist/components/Table/Table.d.ts +65 -0
  152. package/dist/components/Table/Table.js +75 -0
  153. package/dist/components/Table/index.d.ts +2 -0
  154. package/dist/components/Table/table.module.js +21 -0
  155. package/dist/components/Tabs/Tabs.d.ts +37 -0
  156. package/dist/components/Tabs/Tabs.js +68 -0
  157. package/dist/components/Tabs/index.d.ts +2 -0
  158. package/dist/components/Tabs/tabs.module.js +13 -0
  159. package/dist/components/Tag/Tag.d.ts +67 -0
  160. package/dist/components/Tag/Tag.js +54 -0
  161. package/dist/components/Tag/index.d.ts +2 -0
  162. package/dist/components/Tag/tag.module.js +28 -0
  163. package/dist/components/Toggle/Toggle.d.ts +39 -0
  164. package/dist/components/Toggle/Toggle.js +29 -0
  165. package/dist/components/Toggle/index.d.ts +2 -0
  166. package/dist/components/Toggle/toggle.module.js +7 -0
  167. package/dist/components/ToggleGroup/ToggleGroup.d.ts +88 -0
  168. package/dist/components/ToggleGroup/ToggleGroup.js +42 -0
  169. package/dist/components/ToggleGroup/index.d.ts +2 -0
  170. package/dist/components/ToggleGroup/toggle-group.module.js +8 -0
  171. package/dist/components/Toolbar/Toolbar.d.ts +116 -0
  172. package/dist/components/Toolbar/Toolbar.js +72 -0
  173. package/dist/components/Toolbar/index.d.ts +2 -0
  174. package/dist/components/Toolbar/toolbar.module.js +14 -0
  175. package/dist/components/Tooltip/Tooltip.d.ts +41 -0
  176. package/dist/components/Tooltip/Tooltip.js +38 -0
  177. package/dist/components/Tooltip/index.d.ts +2 -0
  178. package/dist/components/Tooltip/tooltip.module.js +21 -0
  179. package/dist/components/_internal/useOverlay.d.ts +15 -0
  180. package/dist/components/_internal/useOverlay.js +55 -0
  181. package/dist/index.d.ts +82 -0
  182. package/dist/index.js +43 -0
  183. package/dist/style.css +3693 -0
  184. package/package.json +36 -0
package/dist/style.css ADDED
@@ -0,0 +1,3693 @@
1
+ /* generated for site: seline. DO NOT EDIT. */
2
+ :root {
3
+ --stitch-bg-canvas: #fafaf9;
4
+ --stitch-bg-section: #fafaf9;
5
+ --stitch-bg-card: #ffffff;
6
+ --stitch-bg-elevated: #ffffff;
7
+ --stitch-bg-accent: #c1e1f7;
8
+ --stitch-bg-inverted: #1c1917;
9
+ --stitch-text-primary: #0c0a09;
10
+ --stitch-text-secondary: #78716c;
11
+ --stitch-text-muted: #a8a29e;
12
+ --stitch-text-on-accent: #3398e1;
13
+ --stitch-text-on-dark: #ffffff;
14
+ --stitch-accent: #3ba6f1;
15
+ --stitch-accent-hover: color-mix(in srgb, var(--stitch-accent), black 12%);
16
+ --stitch-accent-active: color-mix(in srgb, var(--stitch-accent), black 22%);
17
+ --stitch-accent-text: #0c0a09;
18
+ --stitch-link: #3398e1;
19
+ --stitch-cat-1: #3ba6f1;
20
+ --stitch-cat-2: #78716c;
21
+ --stitch-cat-3: #a8a29e;
22
+ --stitch-cat-4: #0c0a09;
23
+ --stitch-cat-5: #c1e1f7;
24
+ --stitch-cat-6: #d6d3d1;
25
+ --stitch-font-display: 'Roobert', 'Inter Tight', 'Satoshi', ui-sans-serif, system-ui, sans-serif;
26
+ --stitch-font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
27
+ --stitch-font-mono: ui-monospace, monospace;
28
+ --stitch-font-weight-normal: 400;
29
+ --stitch-font-weight-medium: 500;
30
+ --stitch-radius-button: 9999px;
31
+ --stitch-radius-card: 10px;
32
+ --stitch-radius-input: 6px;
33
+ --stitch-radius-image: 16px;
34
+ --stitch-shadow-sm: rgba(0,0,0,0.05) 0px 1px 2px 0px;
35
+ --stitch-shadow-base: rgba(0,0,0,0.05) 0px 4px 16px 0px;
36
+ --stitch-shadow-lg: rgba(17,12,46,0.12) 0px 12px 45px 0px;
37
+ --stitch-border: #e8e6e5;
38
+ --stitch-border-strong: #d6d3d1;
39
+ --stitch-border-width: 1px;
40
+ --stitch-icon-stroke-width: 1;
41
+ --stitch-font-size-sm: 14px;
42
+ --stitch-font-size-base: 14px;
43
+ --stitch-font-size-lg: 20px;
44
+ --stitch-font-size-display: 52px;
45
+ --stitch-line-height-base: 1.5;
46
+ --stitch-danger: #c0392b;
47
+ --stitch-danger-hover: color-mix(in srgb, var(--stitch-danger), black 12%);
48
+ --stitch-danger-active: color-mix(in srgb, var(--stitch-danger), black 22%);
49
+ --stitch-danger-bg: color-mix(in srgb, var(--stitch-danger), var(--stitch-bg-canvas) 88%);
50
+ --stitch-success: #2e7d32;
51
+ --stitch-success-hover: color-mix(in srgb, var(--stitch-success), black 12%);
52
+ --stitch-success-active: color-mix(in srgb, var(--stitch-success), black 22%);
53
+ --stitch-success-bg: color-mix(in srgb, var(--stitch-success), var(--stitch-bg-canvas) 88%);
54
+ --stitch-warning: #b8860b;
55
+ --stitch-warning-hover: color-mix(in srgb, var(--stitch-warning), black 12%);
56
+ --stitch-warning-active: color-mix(in srgb, var(--stitch-warning), black 22%);
57
+ --stitch-warning-bg: color-mix(in srgb, var(--stitch-warning), var(--stitch-bg-canvas) 88%);
58
+ --stitch-info: #2b7fd8;
59
+ --stitch-info-hover: color-mix(in srgb, var(--stitch-info), black 12%);
60
+ --stitch-info-active: color-mix(in srgb, var(--stitch-info), black 22%);
61
+ --stitch-info-bg: color-mix(in srgb, var(--stitch-info), var(--stitch-bg-canvas) 88%);
62
+ --stitch-text-disabled: color-mix(in srgb, var(--stitch-text-muted), var(--stitch-bg-canvas) 45%);
63
+ --stitch-bg-disabled: #f0f0f0;
64
+ --stitch-focus-ring: var(--stitch-accent);
65
+ --stitch-spacing-xs: 4px;
66
+ --stitch-spacing-sm: 8px;
67
+ --stitch-spacing-md: 12px;
68
+ --stitch-spacing-lg: 16px;
69
+ --stitch-spacing-xl: 24px;
70
+ --stitch-mask-bg: rgba(0,0,0,.45);
71
+ --stitch-height-sm: 32px;
72
+ --stitch-height-base: 40px;
73
+ --stitch-height-lg: 48px;
74
+ --stitch-motion-duration-fast: 120ms;
75
+ --stitch-motion-duration-base: 200ms;
76
+ --stitch-motion-ease: cubic-bezier(.4,0,.2,1);
77
+ }
78
+ ._btn_18xhb_1 {
79
+ position: relative;
80
+ display: inline-flex;
81
+ align-items: center;
82
+ justify-content: center;
83
+ gap: var(--stitch-spacing-sm);
84
+ font-family: var(--stitch-font-body);
85
+ font-weight: var(--stitch-font-weight-normal);
86
+ white-space: nowrap;
87
+ cursor: pointer;
88
+ border: var(--stitch-border-width) solid transparent;
89
+ border-radius: var(--stitch-radius-button);
90
+ transition: color var(--stitch-motion-duration-base) var(--stitch-motion-ease), background var(--stitch-motion-duration-base) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease), transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
91
+ user-select: none;
92
+ outline: none;
93
+ line-height: 1;
94
+ letter-spacing: 0.02em;
95
+ box-shadow: var(--stitch-shadow-sm);
96
+ }
97
+ ._btn_18xhb_1:focus-visible {
98
+ outline: 2px solid var(--stitch-focus-ring);
99
+ outline-offset: 2px;
100
+ }
101
+ ._btn_18xhb_1:disabled {
102
+ cursor: not-allowed;
103
+ opacity: 0.5;
104
+ box-shadow: none;
105
+ }
106
+ ._btn-small_18xhb_29 {
107
+ height: var(--stitch-height-sm);
108
+ padding: 0 var(--stitch-spacing-lg);
109
+ font-size: var(--stitch-font-size-sm);
110
+ }
111
+ ._btn-middle_18xhb_34 {
112
+ height: var(--stitch-height-base);
113
+ padding: 0 var(--stitch-spacing-lg);
114
+ font-size: var(--stitch-font-size-base);
115
+ }
116
+ ._btn-large_18xhb_39 {
117
+ height: var(--stitch-height-lg);
118
+ padding: 0 var(--stitch-spacing-xl);
119
+ font-size: var(--stitch-font-size-lg);
120
+ }
121
+ ._btn-default_18xhb_44 {
122
+ color: var(--stitch-text-primary);
123
+ background: var(--stitch-bg-elevated);
124
+ border-color: var(--stitch-border);
125
+ }
126
+ ._btn-default_18xhb_44:hover:not(:disabled) {
127
+ color: var(--stitch-accent);
128
+ border-color: var(--stitch-accent);
129
+ box-shadow: var(--stitch-shadow-base);
130
+ transform: translateY(-1px);
131
+ }
132
+ ._btn-default_18xhb_44:active:not(:disabled) {
133
+ color: var(--stitch-accent-active);
134
+ border-color: var(--stitch-accent-active);
135
+ transform: translateY(0);
136
+ box-shadow: var(--stitch-shadow-sm);
137
+ }
138
+ ._btn-primary_18xhb_61 {
139
+ color: var(--stitch-accent-text);
140
+ background: var(--stitch-accent);
141
+ border-color: var(--stitch-accent);
142
+ font-weight: var(--stitch-font-weight-medium);
143
+ }
144
+ ._btn-primary_18xhb_61:hover:not(:disabled) {
145
+ background: var(--stitch-accent-hover);
146
+ border-color: var(--stitch-accent-hover);
147
+ box-shadow: var(--stitch-shadow-base);
148
+ transform: translateY(-1px);
149
+ }
150
+ ._btn-primary_18xhb_61:active:not(:disabled) {
151
+ background: var(--stitch-accent-active);
152
+ border-color: var(--stitch-accent-active);
153
+ transform: translateY(0);
154
+ box-shadow: var(--stitch-shadow-sm);
155
+ }
156
+ ._btn-primary_18xhb_61:not(._btn-ghost_18xhb_79):focus-visible {
157
+ outline: none;
158
+ box-shadow: 0 0 0 2px var(--stitch-bg-elevated), 0 0 0 4px var(--stitch-focus-ring);
159
+ }
160
+ ._btn-dashed_18xhb_83 {
161
+ color: var(--stitch-text-primary);
162
+ background: var(--stitch-bg-elevated);
163
+ border-color: var(--stitch-border);
164
+ border-style: dashed;
165
+ }
166
+ ._btn-dashed_18xhb_83:hover:not(:disabled) {
167
+ color: var(--stitch-accent);
168
+ border-color: var(--stitch-accent);
169
+ transform: translateY(-1px);
170
+ }
171
+ ._btn-dashed_18xhb_83:active:not(:disabled) {
172
+ color: var(--stitch-accent-active);
173
+ border-color: var(--stitch-accent-active);
174
+ transform: translateY(0);
175
+ }
176
+ ._btn-text_18xhb_99 {
177
+ color: var(--stitch-text-primary);
178
+ background: transparent;
179
+ border-color: transparent;
180
+ box-shadow: none;
181
+ }
182
+ ._btn-text_18xhb_99:hover:not(:disabled) {
183
+ background: var(--stitch-bg-section);
184
+ }
185
+ ._btn-text_18xhb_99:active:not(:disabled) {
186
+ background: color-mix(in srgb, var(--stitch-bg-section), black 5%);
187
+ }
188
+ ._btn-link_18xhb_111 {
189
+ color: var(--stitch-link);
190
+ background: transparent;
191
+ border-color: transparent;
192
+ box-shadow: none;
193
+ }
194
+ ._btn-link_18xhb_111:hover:not(:disabled) {
195
+ color: var(--stitch-accent);
196
+ }
197
+ ._btn-link_18xhb_111:active:not(:disabled) {
198
+ color: var(--stitch-accent-active);
199
+ }
200
+ ._btn-danger_18xhb_123._btn-primary_18xhb_61 {
201
+ color: var(--stitch-text-on-dark);
202
+ background: var(--stitch-danger);
203
+ border-color: var(--stitch-danger);
204
+ }
205
+ ._btn-danger_18xhb_123._btn-primary_18xhb_61:hover:not(:disabled) {
206
+ background: var(--stitch-danger-hover);
207
+ border-color: var(--stitch-danger-hover);
208
+ }
209
+ ._btn-danger_18xhb_123._btn-primary_18xhb_61:active:not(:disabled) {
210
+ background: var(--stitch-danger-active);
211
+ border-color: var(--stitch-danger-active);
212
+ }
213
+ ._btn-danger_18xhb_123._btn-default_18xhb_44,
214
+ ._btn-danger_18xhb_123._btn-dashed_18xhb_83 {
215
+ color: var(--stitch-danger);
216
+ border-color: var(--stitch-danger);
217
+ }
218
+ ._btn-danger_18xhb_123._btn-default_18xhb_44:hover:not(:disabled),
219
+ ._btn-danger_18xhb_123._btn-dashed_18xhb_83:hover:not(:disabled) {
220
+ color: var(--stitch-danger-hover);
221
+ border-color: var(--stitch-danger-hover);
222
+ }
223
+ ._btn-danger_18xhb_123._btn-default_18xhb_44:active:not(:disabled),
224
+ ._btn-danger_18xhb_123._btn-dashed_18xhb_83:active:not(:disabled) {
225
+ color: var(--stitch-danger-active);
226
+ border-color: var(--stitch-danger-active);
227
+ }
228
+ ._btn-danger_18xhb_123._btn-text_18xhb_99,
229
+ ._btn-danger_18xhb_123._btn-link_18xhb_111 {
230
+ color: var(--stitch-danger);
231
+ }
232
+ ._btn-danger_18xhb_123._btn-text_18xhb_99:hover:not(:disabled),
233
+ ._btn-danger_18xhb_123._btn-link_18xhb_111:hover:not(:disabled) {
234
+ color: var(--stitch-danger-hover);
235
+ }
236
+ ._btn-danger_18xhb_123._btn-text_18xhb_99:active:not(:disabled),
237
+ ._btn-danger_18xhb_123._btn-link_18xhb_111:active:not(:disabled) {
238
+ color: var(--stitch-danger-active);
239
+ }
240
+ ._btn-ghost_18xhb_79 {
241
+ background: transparent;
242
+ box-shadow: none;
243
+ }
244
+ ._btn-ghost_18xhb_79._btn-primary_18xhb_61 {
245
+ color: var(--stitch-accent);
246
+ background: transparent;
247
+ border-color: var(--stitch-accent);
248
+ box-shadow: none;
249
+ }
250
+ ._btn-ghost_18xhb_79._btn-primary_18xhb_61:hover:not(:disabled) {
251
+ color: var(--stitch-accent-hover);
252
+ border-color: var(--stitch-accent-hover);
253
+ background: color-mix(in srgb, var(--stitch-accent), transparent 92%);
254
+ }
255
+ ._btn-block_18xhb_178 {
256
+ display: flex;
257
+ width: 100%;
258
+ }
259
+ ._btn-loading_18xhb_182 {
260
+ cursor: default;
261
+ pointer-events: none;
262
+ opacity: 0.7;
263
+ }
264
+ ._btn-icon_18xhb_187 {
265
+ display: inline-flex;
266
+ align-items: center;
267
+ }
268
+ ._icon_ocg5c_1 {
269
+ display: inline-flex;
270
+ align-items: center;
271
+ justify-content: center;
272
+ flex: none;
273
+ color: var(--stitch-text-secondary);
274
+ background-repeat: no-repeat;
275
+ background-position: center;
276
+ background-size: contain;
277
+ }
278
+ ._icon-svg_ocg5c_11 {
279
+ width: 100%;
280
+ height: 100%;
281
+ display: block;
282
+ stroke-width: var(--stitch-icon-stroke-width);
283
+ }
284
+ ._icon-svg_ocg5c_11 path {
285
+ vector-effect: non-scaling-stroke;
286
+ }
287
+ ._toggle_prlua_1._pressed_prlua_1 {
288
+ color: var(--stitch-accent-text);
289
+ background: var(--stitch-accent);
290
+ border-color: var(--stitch-accent);
291
+ }
292
+ ._toggle_prlua_1._pressed_prlua_1:hover:not(:disabled) {
293
+ color: var(--stitch-accent-text);
294
+ background: var(--stitch-accent-hover);
295
+ border-color: var(--stitch-accent-hover);
296
+ }
297
+ ._toggle_prlua_1._pressed_prlua_1:active:not(:disabled) {
298
+ color: var(--stitch-accent-text);
299
+ background: var(--stitch-accent-active);
300
+ border-color: var(--stitch-accent-active);
301
+ }
302
+ ._group_iw3i7_1 {
303
+ display: inline-flex;
304
+ border-radius: var(--stitch-radius-input);
305
+ }
306
+ ._item_iw3i7_5 {
307
+ display: inline-flex;
308
+ align-items: center;
309
+ justify-content: center;
310
+ gap: var(--stitch-spacing-sm);
311
+ height: var(--stitch-height-base);
312
+ padding: 0 var(--stitch-spacing-lg);
313
+ font-family: var(--stitch-font-body);
314
+ font-size: var(--stitch-font-size-base);
315
+ font-weight: var(--stitch-font-weight-normal);
316
+ line-height: 1;
317
+ letter-spacing: 0.02em;
318
+ white-space: nowrap;
319
+ cursor: pointer;
320
+ user-select: none;
321
+ color: var(--stitch-text-primary);
322
+ background: var(--stitch-bg-elevated);
323
+ border: var(--stitch-border-width) solid var(--stitch-border);
324
+ outline: none;
325
+ transition: color var(--stitch-motion-duration-base) var(--stitch-motion-ease), background var(--stitch-motion-duration-base) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
326
+ }
327
+ ._item_iw3i7_5 + ._item_iw3i7_5 {
328
+ margin-left: calc(-1 * var(--stitch-border-width));
329
+ }
330
+ ._item_iw3i7_5:first-child {
331
+ border-top-left-radius: var(--stitch-radius-input);
332
+ border-bottom-left-radius: var(--stitch-radius-input);
333
+ }
334
+ ._item_iw3i7_5:last-child {
335
+ border-top-right-radius: var(--stitch-radius-input);
336
+ border-bottom-right-radius: var(--stitch-radius-input);
337
+ }
338
+ ._item_iw3i7_5:hover:not([data-disabled]):not([data-state='on']) {
339
+ background: var(--stitch-bg-card);
340
+ border-color: var(--stitch-border-strong);
341
+ position: relative;
342
+ z-index: 1;
343
+ }
344
+ ._item_iw3i7_5:focus-visible {
345
+ outline: 2px solid var(--stitch-focus-ring);
346
+ outline-offset: -2px;
347
+ position: relative;
348
+ z-index: 2;
349
+ }
350
+ ._item_iw3i7_5[data-disabled] {
351
+ cursor: not-allowed;
352
+ opacity: 0.5;
353
+ }
354
+ ._item_iw3i7_5[data-state='on'] {
355
+ color: var(--stitch-text-on-accent);
356
+ background: var(--stitch-bg-accent);
357
+ border-color: var(--stitch-bg-accent);
358
+ font-weight: var(--stitch-font-weight-medium);
359
+ position: relative;
360
+ z-index: 1;
361
+ }
362
+ ._itemIcon_iw3i7_61 {
363
+ flex-shrink: 0;
364
+ color: currentColor;
365
+ }
366
+ ._image_15m2u_1 {
367
+ --img-matte: var(--stitch-bg-elevated);
368
+ position: relative;
369
+ display: inline-flex;
370
+ align-items: center;
371
+ justify-content: center;
372
+ overflow: hidden;
373
+ box-sizing: border-box;
374
+ flex-shrink: 0;
375
+ padding: var(--stitch-spacing-md);
376
+ background: var(--img-matte);
377
+ border: var(--stitch-border-width) solid var(--stitch-border);
378
+ border-radius: var(--stitch-radius-image);
379
+ box-shadow: var(--stitch-shadow-sm);
380
+ line-height: 0;
381
+ vertical-align: middle;
382
+ transition: transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
383
+ }
384
+ ._img_15m2u_19 {
385
+ display: block;
386
+ width: 100%;
387
+ height: 100%;
388
+ opacity: 0;
389
+ transition: opacity var(--stitch-motion-duration-base) var(--stitch-motion-ease);
390
+ }
391
+ ._loaded_15m2u_26 ._img_15m2u_19 {
392
+ opacity: 1;
393
+ }
394
+ ._error_15m2u_29 {
395
+ flex-direction: column;
396
+ gap: var(--stitch-spacing-sm);
397
+ color: var(--stitch-text-disabled);
398
+ font-family: var(--stitch-font-body);
399
+ font-size: var(--stitch-font-size-sm);
400
+ font-weight: var(--stitch-font-weight-medium);
401
+ line-height: var(--stitch-line-height-base);
402
+ }
403
+ ._image-accent_15m2u_38 {
404
+ --img-matte: var(--stitch-bg-accent);
405
+ }
406
+ ._image-danger_15m2u_41 {
407
+ --img-matte: var(--stitch-danger-bg);
408
+ }
409
+ ._image-success_15m2u_44 {
410
+ --img-matte: var(--stitch-success-bg);
411
+ }
412
+ ._image-warning_15m2u_47 {
413
+ --img-matte: var(--stitch-warning-bg);
414
+ }
415
+ ._image-info_15m2u_50 {
416
+ --img-matte: var(--stitch-info-bg);
417
+ }
418
+ ._image-cat-1_15m2u_53 {
419
+ --img-matte: color-mix(in srgb, var(--stitch-cat-1), var(--stitch-bg-canvas) 88%);
420
+ }
421
+ ._image-cat-2_15m2u_56 {
422
+ --img-matte: color-mix(in srgb, var(--stitch-cat-2), var(--stitch-bg-canvas) 88%);
423
+ }
424
+ ._image-cat-3_15m2u_59 {
425
+ --img-matte: color-mix(in srgb, var(--stitch-cat-3), var(--stitch-bg-canvas) 88%);
426
+ }
427
+ ._image-cat-4_15m2u_62 {
428
+ --img-matte: color-mix(in srgb, var(--stitch-cat-4), var(--stitch-bg-canvas) 88%);
429
+ }
430
+ ._image-cat-5_15m2u_65 {
431
+ --img-matte: color-mix(in srgb, var(--stitch-cat-5), var(--stitch-bg-canvas) 88%);
432
+ }
433
+ ._image-cat-6_15m2u_68 {
434
+ --img-matte: color-mix(in srgb, var(--stitch-cat-6), var(--stitch-bg-canvas) 88%);
435
+ }
436
+ ._preview_15m2u_71 {
437
+ font: inherit;
438
+ color: inherit;
439
+ -webkit-appearance: none;
440
+ appearance: none;
441
+ cursor: zoom-in;
442
+ }
443
+ ._preview_15m2u_71:focus-visible {
444
+ outline: 2px solid var(--stitch-focus-ring);
445
+ outline-offset: 2px;
446
+ }
447
+ ._mask_15m2u_82 {
448
+ position: fixed;
449
+ inset: 0;
450
+ z-index: 1000;
451
+ display: flex;
452
+ align-items: center;
453
+ justify-content: center;
454
+ background: var(--stitch-mask-bg);
455
+ animation: _stitch-image-fade-in_15m2u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
456
+ }
457
+ ._dialog_15m2u_92 {
458
+ position: relative;
459
+ display: inline-flex;
460
+ line-height: 0;
461
+ }
462
+ ._previewImg_15m2u_97 {
463
+ max-width: min(88vw, 1100px);
464
+ max-height: 86vh;
465
+ border-radius: var(--stitch-radius-image);
466
+ box-shadow: var(--stitch-shadow-lg);
467
+ object-fit: contain;
468
+ animation: _stitch-image-zoom-in_15m2u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
469
+ }
470
+ ._closeBtn_15m2u_105 {
471
+ position: absolute;
472
+ top: var(--stitch-spacing-md);
473
+ right: var(--stitch-spacing-md);
474
+ z-index: 1;
475
+ width: 40px;
476
+ height: 40px;
477
+ display: flex;
478
+ align-items: center;
479
+ justify-content: center;
480
+ padding: 0;
481
+ color: var(--stitch-text-primary);
482
+ background: var(--stitch-bg-elevated);
483
+ border: var(--stitch-border-width) solid var(--stitch-border);
484
+ border-radius: var(--stitch-radius-button);
485
+ box-shadow: var(--stitch-shadow-sm);
486
+ cursor: pointer;
487
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), transform var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
488
+ }
489
+ ._closeBtn_15m2u_105:hover {
490
+ background: var(--stitch-bg-card);
491
+ transform: scale(1.06);
492
+ }
493
+ ._closeBtn_15m2u_105:focus-visible {
494
+ outline: 2px solid var(--stitch-focus-ring);
495
+ outline-offset: 2px;
496
+ }
497
+ @keyframes _stitch-image-fade-in_15m2u_1 {
498
+ from {
499
+ opacity: 0;
500
+ }
501
+ to {
502
+ opacity: 1;
503
+ }
504
+ }
505
+ @keyframes _stitch-image-zoom-in_15m2u_1 {
506
+ from {
507
+ opacity: 0;
508
+ transform: scale(0.92);
509
+ }
510
+ to {
511
+ opacity: 1;
512
+ transform: scale(1);
513
+ }
514
+ }
515
+ ._card_yd0px_1 {
516
+ box-sizing: border-box;
517
+ display: block;
518
+ border-radius: var(--stitch-radius-card);
519
+ padding: var(--stitch-spacing-xl);
520
+ font-family: var(--stitch-font-body);
521
+ line-height: var(--stitch-line-height-base);
522
+ border: var(--stitch-border-width) solid transparent;
523
+ transition: transform var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
524
+ --card-bg: var(--stitch-bg-elevated);
525
+ --card-ink: var(--stitch-text-primary);
526
+ --card-border: var(--stitch-border);
527
+ background: var(--card-bg);
528
+ color: var(--card-ink);
529
+ }
530
+ ._card_yd0px_1:focus-visible {
531
+ outline: 2px solid var(--stitch-focus-ring);
532
+ outline-offset: 2px;
533
+ }
534
+ ._card-outlined_yd0px_20 {
535
+ border-color: var(--card-border);
536
+ box-shadow: var(--stitch-shadow-base);
537
+ }
538
+ ._card-elevated_yd0px_24 {
539
+ box-shadow: var(--stitch-shadow-lg);
540
+ }
541
+ ._card-filled_yd0px_27 {
542
+ --card-bg: var(--stitch-bg-card);
543
+ }
544
+ ._card-dashed_yd0px_30 {
545
+ --card-bg: var(--stitch-bg-section);
546
+ border-style: dashed;
547
+ border-color: var(--card-border);
548
+ }
549
+ ._color-accent_yd0px_35 {
550
+ --card-bg: var(--stitch-bg-accent);
551
+ --card-ink: color-mix(in srgb, var(--stitch-text-on-accent), var(--stitch-text-primary) 50%);
552
+ --card-border: color-mix(in srgb, var(--card-ink), transparent 72%);
553
+ }
554
+ ._color-danger_yd0px_40 {
555
+ --card-bg: var(--stitch-danger-bg);
556
+ --card-ink: color-mix(in srgb, var(--stitch-danger), black 35%);
557
+ --card-border: var(--stitch-danger);
558
+ }
559
+ ._color-success_yd0px_45 {
560
+ --card-bg: var(--stitch-success-bg);
561
+ --card-ink: color-mix(in srgb, var(--stitch-success), black 35%);
562
+ --card-border: var(--stitch-success);
563
+ }
564
+ ._color-warning_yd0px_50 {
565
+ --card-bg: var(--stitch-warning-bg);
566
+ --card-ink: color-mix(in srgb, var(--stitch-warning), black 35%);
567
+ --card-border: var(--stitch-warning);
568
+ }
569
+ ._color-info_yd0px_55 {
570
+ --card-bg: var(--stitch-info-bg);
571
+ --card-ink: color-mix(in srgb, var(--stitch-info), black 35%);
572
+ --card-border: var(--stitch-info);
573
+ }
574
+ ._color-cat-1_yd0px_60 {
575
+ --card-bg: color-mix(in srgb, var(--stitch-cat-1), var(--stitch-bg-canvas) 88%);
576
+ --card-ink: color-mix(in srgb, var(--stitch-cat-1), var(--stitch-text-primary) 68%);
577
+ --card-border: var(--stitch-cat-1);
578
+ }
579
+ ._color-cat-2_yd0px_65 {
580
+ --card-bg: color-mix(in srgb, var(--stitch-cat-2), var(--stitch-bg-canvas) 88%);
581
+ --card-ink: color-mix(in srgb, var(--stitch-cat-2), var(--stitch-text-primary) 68%);
582
+ --card-border: var(--stitch-cat-2);
583
+ }
584
+ ._color-cat-3_yd0px_70 {
585
+ --card-bg: color-mix(in srgb, var(--stitch-cat-3), var(--stitch-bg-canvas) 88%);
586
+ --card-ink: color-mix(in srgb, var(--stitch-cat-3), var(--stitch-text-primary) 68%);
587
+ --card-border: var(--stitch-cat-3);
588
+ }
589
+ ._color-cat-4_yd0px_75 {
590
+ --card-bg: color-mix(in srgb, var(--stitch-cat-4), var(--stitch-bg-canvas) 88%);
591
+ --card-ink: color-mix(in srgb, var(--stitch-cat-4), var(--stitch-text-primary) 68%);
592
+ --card-border: var(--stitch-cat-4);
593
+ }
594
+ ._color-cat-5_yd0px_80 {
595
+ --card-bg: color-mix(in srgb, var(--stitch-cat-5), var(--stitch-bg-canvas) 88%);
596
+ --card-ink: color-mix(in srgb, var(--stitch-cat-5), var(--stitch-text-primary) 68%);
597
+ --card-border: var(--stitch-cat-5);
598
+ }
599
+ ._color-cat-6_yd0px_85 {
600
+ --card-bg: color-mix(in srgb, var(--stitch-cat-6), var(--stitch-bg-canvas) 88%);
601
+ --card-ink: color-mix(in srgb, var(--stitch-cat-6), var(--stitch-text-primary) 68%);
602
+ --card-border: var(--stitch-cat-6);
603
+ }
604
+ ._card-hoverable_yd0px_90 {
605
+ cursor: pointer;
606
+ }
607
+ ._card-hoverable_yd0px_90:hover {
608
+ transform: translateY(-2px);
609
+ box-shadow: var(--stitch-shadow-base);
610
+ }
611
+ ._card-hoverable_yd0px_90:active {
612
+ transform: translateY(0);
613
+ }
614
+ ._card-dashed_yd0px_30._card-hoverable_yd0px_90:hover {
615
+ transform: none;
616
+ box-shadow: none;
617
+ border-color: var(--stitch-border-strong);
618
+ }
619
+ ._divider_13eyd_1 {
620
+ box-sizing: border-box;
621
+ border: 0 solid var(--stitch-border);
622
+ border-style: solid;
623
+ }
624
+ ._divider-dashed_13eyd_6 {
625
+ border-style: dashed;
626
+ }
627
+ ._divider-horizontal_13eyd_9 {
628
+ display: flex;
629
+ clear: both;
630
+ width: 100%;
631
+ min-width: 100%;
632
+ margin: var(--stitch-spacing-lg) 0;
633
+ border-top-width: var(--stitch-border-width);
634
+ }
635
+ ._divider-vertical_13eyd_17 {
636
+ display: inline-block;
637
+ height: 0.9em;
638
+ margin: 0 var(--stitch-spacing-sm);
639
+ vertical-align: middle;
640
+ border-left-width: var(--stitch-border-width);
641
+ }
642
+ ._divider-with-text_13eyd_24 {
643
+ display: flex;
644
+ align-items: center;
645
+ margin: var(--stitch-spacing-xl) 0;
646
+ color: var(--stitch-text-primary);
647
+ font-family: var(--stitch-font-body);
648
+ font-weight: var(--stitch-font-weight-medium);
649
+ font-size: var(--stitch-font-size-base);
650
+ line-height: var(--stitch-line-height-base);
651
+ white-space: nowrap;
652
+ text-align: center;
653
+ border-top: 0;
654
+ }
655
+ ._divider-with-text_13eyd_24::before,
656
+ ._divider-with-text_13eyd_24::after {
657
+ position: relative;
658
+ width: 50%;
659
+ border-top: var(--stitch-border-width) solid var(--stitch-border);
660
+ content: '';
661
+ }
662
+ ._divider-with-text_13eyd_24._divider-dashed_13eyd_6::before,
663
+ ._divider-with-text_13eyd_24._divider-dashed_13eyd_6::after {
664
+ border-top-style: dashed;
665
+ }
666
+ ._divider-text_13eyd_48 {
667
+ display: inline-block;
668
+ padding: 0 var(--stitch-spacing-lg);
669
+ }
670
+ ._divider-left_13eyd_52::before {
671
+ width: 5%;
672
+ }
673
+ ._divider-left_13eyd_52::after {
674
+ width: 95%;
675
+ }
676
+ ._divider-right_13eyd_58::before {
677
+ width: 95%;
678
+ }
679
+ ._divider-right_13eyd_58::after {
680
+ width: 5%;
681
+ }
682
+ ._divider-plain_13eyd_64 {
683
+ font-weight: var(--stitch-font-weight-normal);
684
+ font-size: var(--stitch-font-size-sm);
685
+ }
686
+ ._collapse_xqb89_1 {
687
+ box-sizing: border-box;
688
+ position: relative;
689
+ background: var(--stitch-bg-elevated);
690
+ border: var(--stitch-border-width) solid var(--stitch-border);
691
+ border-radius: var(--stitch-radius-card);
692
+ overflow: hidden;
693
+ font-family: var(--stitch-font-body);
694
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
695
+ }
696
+ ._collapse_xqb89_1._disabled_xqb89_11 {
697
+ opacity: 0.6;
698
+ }
699
+ ._header_xqb89_14 {
700
+ display: flex;
701
+ align-items: center;
702
+ gap: var(--stitch-spacing-md);
703
+ width: 100%;
704
+ padding: var(--stitch-spacing-lg) var(--stitch-spacing-xl);
705
+ background: transparent;
706
+ border: none;
707
+ cursor: pointer;
708
+ text-align: left;
709
+ font-family: inherit;
710
+ color: var(--stitch-text-primary);
711
+ }
712
+ ._header_xqb89_14:focus-visible {
713
+ outline: 2px solid var(--stitch-focus-ring);
714
+ outline-offset: -2px;
715
+ }
716
+ ._header_xqb89_14:disabled {
717
+ cursor: not-allowed;
718
+ }
719
+ ._indicator_xqb89_34 {
720
+ display: flex;
721
+ flex-shrink: 0;
722
+ color: var(--stitch-text-secondary);
723
+ transition: transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
724
+ }
725
+ ._expanded_xqb89_40 ._indicator_xqb89_34 {
726
+ transform: rotate(180deg);
727
+ }
728
+ ._text_xqb89_43 {
729
+ flex: 1;
730
+ font-size: var(--stitch-font-size-lg);
731
+ font-weight: var(--stitch-font-weight-medium);
732
+ color: var(--stitch-text-primary);
733
+ line-height: var(--stitch-line-height-base);
734
+ }
735
+ ._panel_xqb89_50 {
736
+ display: grid;
737
+ grid-template-rows: 0fr;
738
+ transition: grid-template-rows var(--stitch-motion-duration-base) var(--stitch-motion-ease);
739
+ }
740
+ ._expanded_xqb89_40 ._panel_xqb89_50 {
741
+ grid-template-rows: 1fr;
742
+ }
743
+ ._content_xqb89_58 {
744
+ overflow: hidden;
745
+ padding: 0 var(--stitch-spacing-xl);
746
+ color: var(--stitch-text-secondary);
747
+ font-size: var(--stitch-font-size-base);
748
+ line-height: var(--stitch-line-height-base);
749
+ transition: padding var(--stitch-motion-duration-base) var(--stitch-motion-ease);
750
+ }
751
+ ._expanded_xqb89_40 ._content_xqb89_58 {
752
+ padding-bottom: var(--stitch-spacing-xl);
753
+ }
754
+ ._content_xqb89_58 a {
755
+ color: var(--stitch-accent);
756
+ text-decoration: none;
757
+ font-weight: var(--stitch-font-weight-medium);
758
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
759
+ }
760
+ ._content_xqb89_58 a:hover {
761
+ color: var(--stitch-accent-hover);
762
+ text-decoration: underline;
763
+ }
764
+ ._content_xqb89_58 p {
765
+ margin: 0 0 var(--stitch-spacing-sm) 0;
766
+ }
767
+ ._content_xqb89_58 p:last-child {
768
+ margin-bottom: 0;
769
+ }
770
+ ._content_xqb89_58 ul {
771
+ margin: var(--stitch-spacing-sm) 0;
772
+ padding-left: var(--stitch-spacing-xl);
773
+ }
774
+ ._content_xqb89_58 li {
775
+ margin-bottom: var(--stitch-spacing-xs);
776
+ }
777
+ ._tabs_oy7wm_1 {
778
+ box-sizing: border-box;
779
+ background: var(--stitch-bg-elevated);
780
+ border: var(--stitch-border-width) solid var(--stitch-border);
781
+ border-radius: var(--stitch-radius-card);
782
+ overflow: hidden;
783
+ font-family: var(--stitch-font-body);
784
+ }
785
+ ._tabList_oy7wm_9 {
786
+ display: flex;
787
+ flex-wrap: wrap;
788
+ gap: var(--stitch-spacing-sm);
789
+ padding: var(--stitch-spacing-lg);
790
+ border-bottom: var(--stitch-border-width) solid var(--stitch-border);
791
+ }
792
+ ._tabItem_oy7wm_16 {
793
+ display: inline-flex;
794
+ align-items: center;
795
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-lg);
796
+ background: transparent;
797
+ border: var(--stitch-border-width) solid var(--stitch-border);
798
+ border-radius: var(--stitch-radius-button);
799
+ cursor: pointer;
800
+ font-family: inherit;
801
+ font-size: var(--stitch-font-size-base);
802
+ font-weight: var(--stitch-font-weight-normal);
803
+ color: var(--stitch-text-primary);
804
+ transition: background-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
805
+ }
806
+ ._tabItem_oy7wm_16:hover:not(._active_oy7wm_30) {
807
+ background: var(--stitch-bg-card);
808
+ border-color: var(--stitch-border-strong);
809
+ }
810
+ ._tabItem_oy7wm_16:focus-visible {
811
+ outline: 2px solid var(--stitch-focus-ring);
812
+ outline-offset: 2px;
813
+ }
814
+ ._tabItem_oy7wm_16._active_oy7wm_30 {
815
+ background: var(--stitch-bg-inverted);
816
+ border-color: var(--stitch-bg-inverted);
817
+ color: var(--stitch-text-on-dark);
818
+ font-weight: var(--stitch-font-weight-medium);
819
+ }
820
+ ._tabLabel_oy7wm_44 {
821
+ color: inherit;
822
+ line-height: var(--stitch-line-height-base);
823
+ }
824
+ ._tabContent_oy7wm_48 {
825
+ padding: var(--stitch-spacing-xl);
826
+ }
827
+ ._tabContent_oy7wm_48:focus-visible {
828
+ outline: 2px solid var(--stitch-focus-ring);
829
+ outline-offset: -2px;
830
+ }
831
+ ._tabContentInner_oy7wm_55 {
832
+ color: var(--stitch-text-secondary);
833
+ font-size: var(--stitch-font-size-base);
834
+ line-height: var(--stitch-line-height-base);
835
+ animation: _fadeIn_oy7wm_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
836
+ }
837
+ @keyframes _fadeIn_oy7wm_1 {
838
+ from {
839
+ opacity: 0;
840
+ transform: translateY(4px);
841
+ }
842
+ to {
843
+ opacity: 1;
844
+ transform: translateY(0);
845
+ }
846
+ }
847
+ ._accordion_1dkm4_1 {
848
+ display: flex;
849
+ flex-direction: column;
850
+ gap: var(--stitch-spacing-md);
851
+ }
852
+ ._root_lhda8_1 {
853
+ width: 100%;
854
+ height: 100%;
855
+ overflow: hidden;
856
+ }
857
+ ._root_1ushl_1 {
858
+ display: inline-flex;
859
+ align-items: center;
860
+ justify-content: center;
861
+ flex-shrink: 0;
862
+ overflow: hidden;
863
+ vertical-align: middle;
864
+ user-select: none;
865
+ background: var(--stitch-bg-card);
866
+ border: var(--stitch-border-width) solid var(--stitch-border);
867
+ font-family: var(--stitch-font-body);
868
+ }
869
+ ._image_1ushl_13 {
870
+ width: 100%;
871
+ height: 100%;
872
+ object-fit: cover;
873
+ }
874
+ ._fallback_1ushl_18 {
875
+ display: flex;
876
+ align-items: center;
877
+ justify-content: center;
878
+ width: 100%;
879
+ height: 100%;
880
+ color: var(--stitch-text-secondary);
881
+ font-weight: var(--stitch-font-weight-medium);
882
+ line-height: 1;
883
+ }
884
+ ._circle_1ushl_28 {
885
+ border-radius: 50%;
886
+ }
887
+ ._square_1ushl_31 {
888
+ border-radius: var(--stitch-radius-image);
889
+ }
890
+ ._small_1ushl_34 {
891
+ width: 24px;
892
+ height: 24px;
893
+ font-size: 12px;
894
+ }
895
+ ._middle_1ushl_39 {
896
+ width: 32px;
897
+ height: 32px;
898
+ font-size: 14px;
899
+ }
900
+ ._large_1ushl_44 {
901
+ width: 40px;
902
+ height: 40px;
903
+ font-size: 16px;
904
+ }
905
+ ._wrapper_srps2_1 {
906
+ display: inline-flex;
907
+ align-items: center;
908
+ width: 100%;
909
+ background: var(--stitch-bg-elevated);
910
+ border: var(--stitch-border-width) solid var(--stitch-border);
911
+ border-radius: var(--stitch-radius-input);
912
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease);
913
+ }
914
+ ._wrapper_srps2_1:hover:not(._wrapper-disabled_srps2_10):not(._wrapper-error_srps2_10):not(._wrapper-warning_srps2_10) {
915
+ border-color: var(--stitch-border-strong);
916
+ }
917
+ ._wrapper_srps2_1:focus-within:not(._wrapper-disabled_srps2_10) {
918
+ border-color: var(--stitch-accent);
919
+ box-shadow: 0 0 0 2px var(--stitch-focus-ring);
920
+ }
921
+ ._wrapper-small_srps2_17 {
922
+ height: var(--stitch-height-sm);
923
+ padding: 0 var(--stitch-spacing-md);
924
+ font-size: var(--stitch-font-size-sm);
925
+ }
926
+ ._wrapper-middle_srps2_22 {
927
+ height: var(--stitch-height-base);
928
+ padding: 0 var(--stitch-spacing-lg);
929
+ font-size: var(--stitch-font-size-base);
930
+ }
931
+ ._wrapper-large_srps2_27 {
932
+ height: var(--stitch-height-lg);
933
+ padding: 0 var(--stitch-spacing-xl);
934
+ font-size: var(--stitch-font-size-lg);
935
+ }
936
+ ._wrapper-error_srps2_10 {
937
+ border-color: var(--stitch-danger);
938
+ }
939
+ ._wrapper-error_srps2_10:focus-within:not(._wrapper-disabled_srps2_10) {
940
+ border-color: var(--stitch-danger);
941
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--stitch-danger), transparent 70%);
942
+ }
943
+ ._wrapper-warning_srps2_10 {
944
+ border-color: var(--stitch-warning);
945
+ }
946
+ ._wrapper-warning_srps2_10:focus-within:not(._wrapper-disabled_srps2_10) {
947
+ border-color: var(--stitch-warning);
948
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--stitch-warning), transparent 70%);
949
+ }
950
+ ._wrapper-disabled_srps2_10 {
951
+ background: var(--stitch-bg-disabled);
952
+ opacity: 0.6;
953
+ cursor: not-allowed;
954
+ }
955
+ ._wrapper-disabled_srps2_10 ._input_srps2_51 {
956
+ cursor: not-allowed;
957
+ color: var(--stitch-text-disabled);
958
+ }
959
+ ._input_srps2_51 {
960
+ flex: 1;
961
+ width: 100%;
962
+ height: 100%;
963
+ border: none;
964
+ outline: none;
965
+ background: transparent;
966
+ color: var(--stitch-text-primary);
967
+ font-size: inherit;
968
+ font-family: var(--stitch-font-body);
969
+ font-weight: var(--stitch-font-weight-normal);
970
+ line-height: var(--stitch-line-height-base);
971
+ letter-spacing: 0.01em;
972
+ }
973
+ ._input_srps2_51::placeholder {
974
+ color: var(--stitch-text-muted);
975
+ font-weight: var(--stitch-font-weight-normal);
976
+ }
977
+ ._input_srps2_51:-webkit-autofill,
978
+ ._input_srps2_51:-webkit-autofill:hover,
979
+ ._input_srps2_51:-webkit-autofill:focus {
980
+ -webkit-box-shadow: 0 0 0 100px var(--stitch-bg-elevated) inset;
981
+ -webkit-text-fill-color: var(--stitch-text-primary);
982
+ caret-color: var(--stitch-text-primary);
983
+ animation-name: _stitch-onautofillstart_srps2_1;
984
+ animation-duration: 0.001s;
985
+ }
986
+ @keyframes _stitch-onautofillstart_srps2_1 {
987
+ from {
988
+ opacity: 1;
989
+ }
990
+ to {
991
+ opacity: 1;
992
+ }
993
+ }
994
+ ._prefix_srps2_90,
995
+ ._suffix_srps2_91 {
996
+ display: inline-flex;
997
+ align-items: center;
998
+ color: var(--stitch-text-secondary);
999
+ flex-shrink: 0;
1000
+ font-size: 1em;
1001
+ }
1002
+ ._prefix_srps2_90 {
1003
+ margin-right: var(--stitch-spacing-sm);
1004
+ }
1005
+ ._suffix_srps2_91 {
1006
+ margin-left: var(--stitch-spacing-sm);
1007
+ }
1008
+ ._clear_srps2_104 {
1009
+ display: inline-flex;
1010
+ align-items: center;
1011
+ justify-content: center;
1012
+ width: 20px;
1013
+ height: 20px;
1014
+ margin-left: var(--stitch-spacing-xs);
1015
+ padding: 0;
1016
+ color: var(--stitch-text-muted);
1017
+ cursor: pointer;
1018
+ border: none;
1019
+ border-radius: var(--stitch-radius-button);
1020
+ background: transparent;
1021
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease), background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1022
+ }
1023
+ ._clear_srps2_104:hover {
1024
+ color: var(--stitch-text-primary);
1025
+ background: color-mix(in srgb, var(--stitch-text-primary), transparent 90%);
1026
+ }
1027
+ ._clear_srps2_104:focus-visible {
1028
+ outline: 2px solid var(--stitch-focus-ring);
1029
+ outline-offset: 1px;
1030
+ }
1031
+ ._toggle_ksvhb_1 {
1032
+ display: inline-flex;
1033
+ align-items: center;
1034
+ justify-content: center;
1035
+ width: 20px;
1036
+ height: 20px;
1037
+ padding: 0;
1038
+ color: var(--stitch-text-muted);
1039
+ cursor: pointer;
1040
+ border: none;
1041
+ border-radius: var(--stitch-radius-button);
1042
+ background: transparent;
1043
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease), background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1044
+ }
1045
+ ._toggle_ksvhb_1:hover {
1046
+ color: var(--stitch-text-primary);
1047
+ background: color-mix(in srgb, var(--stitch-text-primary), transparent 90%);
1048
+ }
1049
+ ._toggle_ksvhb_1:focus-visible {
1050
+ outline: 2px solid var(--stitch-focus-ring);
1051
+ outline-offset: 1px;
1052
+ }
1053
+ ._root_iee8a_1 {
1054
+ display: inline-flex;
1055
+ align-items: center;
1056
+ gap: var(--stitch-spacing-sm);
1057
+ font-family: var(--stitch-font-body);
1058
+ }
1059
+ ._input_iee8a_7 {
1060
+ width: 44px;
1061
+ height: var(--stitch-height-lg);
1062
+ box-sizing: border-box;
1063
+ padding: 0;
1064
+ text-align: center;
1065
+ color: var(--stitch-text-primary);
1066
+ font-family: var(--stitch-font-body);
1067
+ font-size: var(--stitch-font-size-lg);
1068
+ font-weight: var(--stitch-font-weight-medium);
1069
+ line-height: var(--stitch-line-height-base);
1070
+ background: var(--stitch-bg-elevated);
1071
+ border: var(--stitch-border-width) solid var(--stitch-border);
1072
+ border-radius: var(--stitch-radius-input);
1073
+ outline: none;
1074
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1075
+ }
1076
+ ._input_iee8a_7:hover:not(:disabled) {
1077
+ border-color: var(--stitch-border-strong);
1078
+ }
1079
+ ._input_iee8a_7:focus-visible {
1080
+ border-color: var(--stitch-accent);
1081
+ box-shadow: 0 0 0 2px var(--stitch-focus-ring);
1082
+ }
1083
+ ._input_iee8a_7:disabled {
1084
+ background: var(--stitch-bg-disabled);
1085
+ color: var(--stitch-text-disabled);
1086
+ cursor: not-allowed;
1087
+ }
1088
+ ._checkboxGroup_19g9k_1 {
1089
+ display: flex;
1090
+ flex-wrap: wrap;
1091
+ gap: var(--stitch-spacing-lg);
1092
+ font-family: var(--stitch-font-body);
1093
+ }
1094
+ ._horizontal_19g9k_7 {
1095
+ flex-direction: row;
1096
+ }
1097
+ ._vertical_19g9k_10 {
1098
+ flex-direction: column;
1099
+ gap: var(--stitch-spacing-md);
1100
+ }
1101
+ ._checkboxItem_19g9k_14 {
1102
+ display: inline-flex;
1103
+ align-items: center;
1104
+ gap: var(--stitch-spacing-sm);
1105
+ cursor: pointer;
1106
+ user-select: none;
1107
+ position: relative;
1108
+ }
1109
+ ._small_19g9k_22 {
1110
+ --cbx-size: 18px;
1111
+ }
1112
+ ._small_19g9k_22 ._label_19g9k_25 {
1113
+ font-size: var(--stitch-font-size-sm);
1114
+ }
1115
+ ._middle_19g9k_28 {
1116
+ --cbx-size: 22px;
1117
+ }
1118
+ ._middle_19g9k_28 ._label_19g9k_25 {
1119
+ font-size: var(--stitch-font-size-base);
1120
+ }
1121
+ ._large_19g9k_34 {
1122
+ --cbx-size: 28px;
1123
+ }
1124
+ ._large_19g9k_34 ._label_19g9k_25 {
1125
+ font-size: var(--stitch-font-size-lg);
1126
+ }
1127
+ ._cbx_19g9k_40 {
1128
+ position: relative;
1129
+ width: var(--cbx-size);
1130
+ height: var(--cbx-size);
1131
+ flex-shrink: 0;
1132
+ box-sizing: border-box;
1133
+ }
1134
+ ._cbx_19g9k_40 input[type='checkbox'] {
1135
+ appearance: none;
1136
+ -webkit-appearance: none;
1137
+ -moz-appearance: none;
1138
+ -webkit-tap-highlight-color: transparent;
1139
+ cursor: pointer;
1140
+ margin: 0;
1141
+ position: absolute;
1142
+ inset: 0;
1143
+ width: 100%;
1144
+ height: 100%;
1145
+ border: var(--stitch-border-width) solid var(--stitch-border);
1146
+ border-radius: var(--stitch-radius-input);
1147
+ background: var(--stitch-bg-elevated);
1148
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), background var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1149
+ }
1150
+ ._cbx_19g9k_40 input[type='checkbox']:focus-visible {
1151
+ outline: 2px solid var(--stitch-focus-ring);
1152
+ outline-offset: 2px;
1153
+ }
1154
+ ._cbx_19g9k_40 ._check_19g9k_1 {
1155
+ position: absolute;
1156
+ top: 50%;
1157
+ left: 50%;
1158
+ transform: translate(-50%, -50%);
1159
+ opacity: 0;
1160
+ pointer-events: none;
1161
+ transition: opacity var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1162
+ }
1163
+ ._cbx_19g9k_40 input:checked {
1164
+ background: var(--stitch-accent);
1165
+ border-color: var(--stitch-accent-active);
1166
+ }
1167
+ ._cbx_19g9k_40 input:checked ~ ._check_19g9k_1 {
1168
+ opacity: 1;
1169
+ color: var(--stitch-accent-text);
1170
+ }
1171
+ ._cbx_19g9k_40 input:checked:focus-visible {
1172
+ outline: none;
1173
+ box-shadow: 0 0 0 2px var(--stitch-bg-elevated), 0 0 0 4px var(--stitch-focus-ring);
1174
+ }
1175
+ ._checkboxItem_19g9k_14:hover ._cbx_19g9k_40 input:not(:disabled):not(:checked) {
1176
+ border-color: var(--stitch-border-strong);
1177
+ }
1178
+ ._label_19g9k_25 {
1179
+ color: var(--stitch-text-primary);
1180
+ font-weight: var(--stitch-font-weight-normal);
1181
+ letter-spacing: 0.01em;
1182
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1183
+ }
1184
+ ._disabled_19g9k_97 {
1185
+ cursor: not-allowed;
1186
+ opacity: 0.55;
1187
+ }
1188
+ ._disabled_19g9k_97 ._cbx_19g9k_40 input {
1189
+ background: var(--stitch-bg-disabled);
1190
+ border-color: var(--stitch-border);
1191
+ }
1192
+ ._disabled_19g9k_97 ._cbx_19g9k_40 input:checked ~ ._check_19g9k_1 {
1193
+ color: var(--stitch-text-disabled);
1194
+ }
1195
+ ._disabled_19g9k_97 ._label_19g9k_25 {
1196
+ color: var(--stitch-text-disabled);
1197
+ }
1198
+ ._groupDisabled_19g9k_111 ._checkboxItem_19g9k_14 {
1199
+ cursor: not-allowed;
1200
+ }
1201
+ ._radioGroup_11jg7_1 {
1202
+ display: flex;
1203
+ flex-wrap: wrap;
1204
+ gap: var(--stitch-spacing-lg);
1205
+ font-family: var(--stitch-font-body);
1206
+ }
1207
+ ._horizontal_11jg7_7 {
1208
+ flex-direction: row;
1209
+ }
1210
+ ._vertical_11jg7_10 {
1211
+ flex-direction: column;
1212
+ gap: var(--stitch-spacing-md);
1213
+ }
1214
+ ._radioItem_11jg7_14 {
1215
+ display: inline-flex;
1216
+ align-items: center;
1217
+ gap: var(--stitch-spacing-sm);
1218
+ cursor: pointer;
1219
+ user-select: none;
1220
+ position: relative;
1221
+ }
1222
+ ._small_11jg7_22 {
1223
+ --cbx-size: 18px;
1224
+ }
1225
+ ._small_11jg7_22 ._label_11jg7_25 {
1226
+ font-size: var(--stitch-font-size-sm);
1227
+ }
1228
+ ._middle_11jg7_28 {
1229
+ --cbx-size: 22px;
1230
+ }
1231
+ ._middle_11jg7_28 ._label_11jg7_25 {
1232
+ font-size: var(--stitch-font-size-base);
1233
+ }
1234
+ ._large_11jg7_34 {
1235
+ --cbx-size: 28px;
1236
+ }
1237
+ ._large_11jg7_34 ._label_11jg7_25 {
1238
+ font-size: var(--stitch-font-size-lg);
1239
+ }
1240
+ ._cbx_11jg7_40 {
1241
+ position: relative;
1242
+ width: var(--cbx-size);
1243
+ height: var(--cbx-size);
1244
+ flex-shrink: 0;
1245
+ box-sizing: border-box;
1246
+ }
1247
+ ._cbx_11jg7_40 input[type='radio'] {
1248
+ appearance: none;
1249
+ -webkit-appearance: none;
1250
+ -moz-appearance: none;
1251
+ -webkit-tap-highlight-color: transparent;
1252
+ cursor: pointer;
1253
+ margin: 0;
1254
+ position: absolute;
1255
+ inset: 0;
1256
+ width: 100%;
1257
+ height: 100%;
1258
+ border: var(--stitch-border-width) solid var(--stitch-border);
1259
+ border-radius: var(--stitch-radius-input);
1260
+ background: var(--stitch-bg-elevated);
1261
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), background var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1262
+ }
1263
+ ._cbx_11jg7_40 input[type='radio']:focus-visible {
1264
+ outline: 2px solid var(--stitch-focus-ring);
1265
+ outline-offset: 2px;
1266
+ }
1267
+ ._cbx_11jg7_40 ._dot_11jg7_67 {
1268
+ position: absolute;
1269
+ top: 50%;
1270
+ left: 50%;
1271
+ transform: translate(-50%, -50%);
1272
+ opacity: 0;
1273
+ pointer-events: none;
1274
+ transition: opacity var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1275
+ }
1276
+ ._cbx_11jg7_40 input:checked {
1277
+ background: var(--stitch-accent);
1278
+ border-color: var(--stitch-accent-active);
1279
+ }
1280
+ ._cbx_11jg7_40 input:checked ~ ._dot_11jg7_67 {
1281
+ opacity: 1;
1282
+ color: var(--stitch-accent-text);
1283
+ }
1284
+ ._cbx_11jg7_40 input:checked:focus-visible {
1285
+ outline: none;
1286
+ box-shadow: 0 0 0 2px var(--stitch-bg-elevated), 0 0 0 4px var(--stitch-focus-ring);
1287
+ }
1288
+ ._radioItem_11jg7_14:hover ._cbx_11jg7_40 input:not(:disabled):not(:checked) {
1289
+ border-color: var(--stitch-border-strong);
1290
+ }
1291
+ ._label_11jg7_25 {
1292
+ color: var(--stitch-text-primary);
1293
+ font-weight: var(--stitch-font-weight-normal);
1294
+ letter-spacing: 0.01em;
1295
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1296
+ }
1297
+ ._disabled_11jg7_97 {
1298
+ cursor: not-allowed;
1299
+ opacity: 0.55;
1300
+ }
1301
+ ._disabled_11jg7_97 ._cbx_11jg7_40 input {
1302
+ background: var(--stitch-bg-disabled);
1303
+ border-color: var(--stitch-border);
1304
+ }
1305
+ ._disabled_11jg7_97 ._cbx_11jg7_40 input:checked ~ ._dot_11jg7_67 {
1306
+ color: var(--stitch-text-disabled);
1307
+ }
1308
+ ._disabled_11jg7_97 ._label_11jg7_25 {
1309
+ color: var(--stitch-text-disabled);
1310
+ }
1311
+ ._groupDisabled_11jg7_111 ._radioItem_11jg7_14 {
1312
+ cursor: not-allowed;
1313
+ }
1314
+ ._switch_19mtb_1 {
1315
+ position: relative;
1316
+ display: inline-flex;
1317
+ align-items: center;
1318
+ flex-shrink: 0;
1319
+ min-width: var(--sw-w);
1320
+ height: var(--sw-h);
1321
+ padding: 0;
1322
+ box-sizing: border-box;
1323
+ background: var(--stitch-border-strong);
1324
+ border: var(--stitch-border-width) solid var(--stitch-border);
1325
+ border-radius: var(--stitch-radius-button);
1326
+ font-family: var(--stitch-font-body);
1327
+ cursor: pointer;
1328
+ outline: none;
1329
+ transition: background var(--stitch-motion-duration-base) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1330
+ }
1331
+ ._switch_19mtb_1:hover:not(._disabled_19mtb_18):not(._checked_19mtb_18) {
1332
+ border-color: var(--stitch-border-strong);
1333
+ }
1334
+ ._switch_19mtb_1:focus-visible {
1335
+ outline: 2px solid var(--stitch-focus-ring);
1336
+ outline-offset: 2px;
1337
+ }
1338
+ ._checked_19mtb_18 {
1339
+ background: var(--stitch-accent);
1340
+ border-color: var(--stitch-accent-active);
1341
+ }
1342
+ ._checked_19mtb_18:hover:not(._disabled_19mtb_18) {
1343
+ background: var(--stitch-accent-hover);
1344
+ border-color: var(--stitch-accent-hover);
1345
+ }
1346
+ ._checked_19mtb_18:focus-visible {
1347
+ outline: none;
1348
+ box-shadow: 0 0 0 2px var(--stitch-bg-elevated), 0 0 0 4px var(--stitch-focus-ring);
1349
+ }
1350
+ ._handle_19mtb_37 {
1351
+ position: absolute;
1352
+ top: 50%;
1353
+ left: var(--sw-gap);
1354
+ width: var(--knob);
1355
+ height: var(--knob);
1356
+ transform: translateY(-50%);
1357
+ background: var(--stitch-bg-elevated);
1358
+ border: var(--stitch-border-width) solid var(--stitch-border);
1359
+ border-radius: var(--stitch-radius-button);
1360
+ box-sizing: border-box;
1361
+ transition: left var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1362
+ }
1363
+ ._checked_19mtb_18 ._handle_19mtb_37 {
1364
+ left: calc(100% - var(--knob) - var(--sw-gap));
1365
+ border-color: var(--stitch-accent-active);
1366
+ }
1367
+ ._inner_19mtb_54 {
1368
+ flex: 1 1 auto;
1369
+ display: flex;
1370
+ align-items: center;
1371
+ justify-content: center;
1372
+ box-sizing: border-box;
1373
+ font-size: var(--sw-font);
1374
+ font-weight: var(--stitch-font-weight-medium);
1375
+ color: var(--stitch-text-secondary);
1376
+ letter-spacing: 0.02em;
1377
+ pointer-events: none;
1378
+ padding: 0 var(--sw-gap) 0 calc(var(--knob) + var(--sw-gap) * 2);
1379
+ }
1380
+ ._checked_19mtb_18 ._inner_19mtb_54 {
1381
+ color: var(--stitch-accent-text);
1382
+ padding: 0 calc(var(--knob) + var(--sw-gap) * 2) 0 var(--sw-gap);
1383
+ }
1384
+ ._innerText_19mtb_71 {
1385
+ display: inline-block;
1386
+ line-height: normal;
1387
+ text-box: trim-both cap alphabetic;
1388
+ white-space: nowrap;
1389
+ }
1390
+ ._disabled_19mtb_18 {
1391
+ cursor: not-allowed;
1392
+ opacity: 0.5;
1393
+ }
1394
+ ._loading_19mtb_81 {
1395
+ pointer-events: none;
1396
+ opacity: 0.7;
1397
+ }
1398
+ ._small_19mtb_85 {
1399
+ --sw-h: 18px;
1400
+ --sw-w: 32px;
1401
+ --knob: 12px;
1402
+ --sw-gap: 2px;
1403
+ --sw-font: 9px;
1404
+ }
1405
+ ._middle_19mtb_92 {
1406
+ --sw-h: 24px;
1407
+ --sw-w: 44px;
1408
+ --knob: 18px;
1409
+ --sw-gap: 2px;
1410
+ --sw-font: 11px;
1411
+ }
1412
+ ._large_19mtb_99 {
1413
+ --sw-h: 30px;
1414
+ --sw-w: 54px;
1415
+ --knob: 24px;
1416
+ --sw-gap: 2px;
1417
+ --sw-font: 13px;
1418
+ }
1419
+ ._root_1i2nk_1 {
1420
+ position: relative;
1421
+ display: flex;
1422
+ align-items: center;
1423
+ flex-shrink: 0;
1424
+ user-select: none;
1425
+ touch-action: none;
1426
+ font-family: var(--stitch-font-body);
1427
+ }
1428
+ ._root_1i2nk_1[data-orientation='horizontal'] {
1429
+ width: 100%;
1430
+ height: var(--sl-thumb);
1431
+ }
1432
+ ._root_1i2nk_1[data-orientation='vertical'] {
1433
+ flex-direction: column;
1434
+ width: var(--sl-thumb);
1435
+ height: 160px;
1436
+ }
1437
+ ._root_1i2nk_1[data-disabled] {
1438
+ cursor: not-allowed;
1439
+ opacity: 0.5;
1440
+ }
1441
+ ._track_1i2nk_23 {
1442
+ position: relative;
1443
+ flex-grow: 1;
1444
+ background: var(--stitch-border);
1445
+ border-radius: var(--stitch-radius-button);
1446
+ }
1447
+ ._track_1i2nk_23[data-orientation='horizontal'] {
1448
+ height: var(--sl-rail);
1449
+ }
1450
+ ._track_1i2nk_23[data-orientation='vertical'] {
1451
+ width: var(--sl-rail);
1452
+ height: 100%;
1453
+ }
1454
+ ._range_1i2nk_36 {
1455
+ position: absolute;
1456
+ background: var(--stitch-accent);
1457
+ border-radius: var(--stitch-radius-button);
1458
+ }
1459
+ ._range_1i2nk_36[data-orientation='horizontal'] {
1460
+ height: 100%;
1461
+ }
1462
+ ._range_1i2nk_36[data-orientation='vertical'] {
1463
+ width: 100%;
1464
+ }
1465
+ ._thumb_1i2nk_47 {
1466
+ display: block;
1467
+ width: var(--sl-thumb);
1468
+ height: var(--sl-thumb);
1469
+ box-sizing: border-box;
1470
+ background: var(--stitch-bg-elevated);
1471
+ border: var(--stitch-border-width) solid var(--stitch-accent);
1472
+ border-radius: var(--stitch-radius-button);
1473
+ box-shadow: var(--stitch-shadow-sm);
1474
+ cursor: grab;
1475
+ transition: box-shadow var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1476
+ }
1477
+ ._thumb_1i2nk_47:hover {
1478
+ box-shadow: var(--stitch-shadow-base);
1479
+ }
1480
+ ._thumb_1i2nk_47:focus-visible {
1481
+ outline: 2px solid var(--stitch-focus-ring);
1482
+ outline-offset: 2px;
1483
+ }
1484
+ ._thumb_1i2nk_47[data-disabled] {
1485
+ cursor: not-allowed;
1486
+ box-shadow: none;
1487
+ }
1488
+ ._root_1i2nk_1 {
1489
+ --sl-rail: 4px;
1490
+ --sl-thumb: 16px;
1491
+ }
1492
+ ._root_1kq6y_1 {
1493
+ display: inline-block;
1494
+ color: var(--stitch-text-primary);
1495
+ font-family: var(--stitch-font-body);
1496
+ font-size: var(--stitch-font-size-sm);
1497
+ font-weight: var(--stitch-font-weight-normal);
1498
+ line-height: var(--stitch-line-height-base);
1499
+ user-select: none;
1500
+ }
1501
+ ._wrapper_13o0n_1 {
1502
+ position: relative;
1503
+ display: inline-block;
1504
+ min-width: 160px;
1505
+ font-family: var(--stitch-font-body);
1506
+ user-select: none;
1507
+ }
1508
+ ._trigger_13o0n_8 {
1509
+ display: flex;
1510
+ align-items: center;
1511
+ justify-content: space-between;
1512
+ gap: var(--stitch-spacing-sm);
1513
+ width: 100%;
1514
+ box-sizing: border-box;
1515
+ background: var(--stitch-bg-elevated);
1516
+ border: var(--stitch-border-width) solid var(--stitch-border);
1517
+ border-radius: var(--stitch-radius-input);
1518
+ color: var(--stitch-text-primary);
1519
+ cursor: pointer;
1520
+ transition: border-color var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1521
+ }
1522
+ ._trigger_13o0n_8:hover {
1523
+ border-color: var(--stitch-border-strong);
1524
+ }
1525
+ ._trigger_13o0n_8:focus-visible {
1526
+ outline: none;
1527
+ border-color: var(--stitch-accent);
1528
+ box-shadow: 0 0 0 2px var(--stitch-focus-ring);
1529
+ }
1530
+ ._trigger_13o0n_8._open_13o0n_30 {
1531
+ border-color: var(--stitch-accent);
1532
+ }
1533
+ ._small_13o0n_33 {
1534
+ height: var(--stitch-height-sm);
1535
+ padding: 0 var(--stitch-spacing-md);
1536
+ font-size: var(--stitch-font-size-sm);
1537
+ }
1538
+ ._middle_13o0n_38 {
1539
+ height: var(--stitch-height-base);
1540
+ padding: 0 var(--stitch-spacing-lg);
1541
+ font-size: var(--stitch-font-size-base);
1542
+ }
1543
+ ._large_13o0n_43 {
1544
+ height: var(--stitch-height-lg);
1545
+ padding: 0 var(--stitch-spacing-xl);
1546
+ font-size: var(--stitch-font-size-lg);
1547
+ }
1548
+ ._value_13o0n_48 {
1549
+ color: var(--stitch-text-primary);
1550
+ font-weight: var(--stitch-font-weight-medium);
1551
+ overflow: hidden;
1552
+ text-overflow: ellipsis;
1553
+ white-space: nowrap;
1554
+ }
1555
+ ._placeholder_13o0n_55 {
1556
+ color: var(--stitch-text-muted);
1557
+ font-weight: var(--stitch-font-weight-normal);
1558
+ overflow: hidden;
1559
+ text-overflow: ellipsis;
1560
+ white-space: nowrap;
1561
+ }
1562
+ ._arrow_13o0n_62 {
1563
+ flex-shrink: 0;
1564
+ color: var(--stitch-text-secondary);
1565
+ transition: transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1566
+ }
1567
+ ._arrowOpen_13o0n_67 {
1568
+ transform: rotate(180deg);
1569
+ color: var(--stitch-accent);
1570
+ }
1571
+ ._dropdown_13o0n_71 {
1572
+ position: absolute;
1573
+ left: 0;
1574
+ top: calc(100% + var(--stitch-spacing-xs));
1575
+ z-index: 100;
1576
+ min-width: 100%;
1577
+ box-sizing: border-box;
1578
+ max-height: 280px;
1579
+ overflow-y: auto;
1580
+ padding: var(--stitch-spacing-xs);
1581
+ background: var(--stitch-bg-elevated);
1582
+ border: var(--stitch-border-width) solid var(--stitch-border);
1583
+ border-radius: var(--stitch-radius-card);
1584
+ box-shadow: var(--stitch-shadow-base);
1585
+ opacity: 0;
1586
+ animation: _dropdownFadeIn_13o0n_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease) forwards;
1587
+ }
1588
+ @keyframes _dropdownFadeIn_13o0n_1 {
1589
+ from {
1590
+ opacity: 0;
1591
+ transform: translateY(-4px);
1592
+ }
1593
+ to {
1594
+ opacity: 1;
1595
+ transform: translateY(0);
1596
+ }
1597
+ }
1598
+ ._option_13o0n_98 {
1599
+ display: flex;
1600
+ align-items: center;
1601
+ justify-content: space-between;
1602
+ gap: var(--stitch-spacing-sm);
1603
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
1604
+ border-radius: var(--stitch-radius-input);
1605
+ font-size: var(--stitch-font-size-base);
1606
+ color: var(--stitch-text-primary);
1607
+ cursor: pointer;
1608
+ white-space: nowrap;
1609
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1610
+ }
1611
+ ._optionLabel_13o0n_111 {
1612
+ overflow: hidden;
1613
+ text-overflow: ellipsis;
1614
+ }
1615
+ ._optionActive_13o0n_115 {
1616
+ background: var(--stitch-bg-section);
1617
+ }
1618
+ ._optionSelected_13o0n_118 {
1619
+ color: var(--stitch-accent);
1620
+ font-weight: var(--stitch-font-weight-medium);
1621
+ }
1622
+ ._checkMark_13o0n_122 {
1623
+ flex-shrink: 0;
1624
+ color: var(--stitch-accent);
1625
+ }
1626
+ ._optionDisabled_13o0n_126 {
1627
+ color: var(--stitch-text-disabled);
1628
+ cursor: not-allowed;
1629
+ }
1630
+ ._optionDisabled_13o0n_126._optionActive_13o0n_115 {
1631
+ background: transparent;
1632
+ }
1633
+ ._disabled_13o0n_133 ._trigger_13o0n_8 {
1634
+ background: var(--stitch-bg-disabled);
1635
+ color: var(--stitch-text-disabled);
1636
+ cursor: not-allowed;
1637
+ opacity: 0.6;
1638
+ }
1639
+ ._disabled_13o0n_133 ._trigger_13o0n_8:hover {
1640
+ border-color: var(--stitch-border);
1641
+ }
1642
+ ._disabled_13o0n_133 ._value_13o0n_48 {
1643
+ color: var(--stitch-text-disabled);
1644
+ }
1645
+ ._form_lunb0_1 {
1646
+ box-sizing: border-box;
1647
+ margin: 0;
1648
+ padding: 0;
1649
+ color: var(--stitch-text-primary);
1650
+ font-family: var(--stitch-font-body);
1651
+ font-size: var(--stitch-font-size-base);
1652
+ line-height: var(--stitch-line-height-base);
1653
+ list-style: none;
1654
+ }
1655
+ ._horizontal_lunb0_11 {
1656
+ display: flex;
1657
+ flex-direction: column;
1658
+ gap: var(--stitch-spacing-sm);
1659
+ }
1660
+ ._vertical_lunb0_16 {
1661
+ display: flex;
1662
+ flex-direction: column;
1663
+ gap: var(--stitch-spacing-sm);
1664
+ }
1665
+ ._inline_lunb0_21 {
1666
+ display: flex;
1667
+ flex-wrap: wrap;
1668
+ gap: var(--stitch-spacing-sm);
1669
+ }
1670
+ ._inline_lunb0_21 ._item_lunb0_26 {
1671
+ flex: 0 0 auto;
1672
+ }
1673
+ ._disabled_lunb0_29 {
1674
+ cursor: not-allowed;
1675
+ opacity: 0.6;
1676
+ }
1677
+ ._item_lunb0_26 {
1678
+ box-sizing: border-box;
1679
+ margin: 0;
1680
+ padding: 0;
1681
+ vertical-align: top;
1682
+ }
1683
+ ._item-horizontal_lunb0_39 {
1684
+ display: grid;
1685
+ grid-template-columns: repeat(24, minmax(0, 1fr));
1686
+ align-items: baseline;
1687
+ row-gap: var(--stitch-spacing-sm);
1688
+ }
1689
+ ._item-vertical_lunb0_45 {
1690
+ display: block;
1691
+ }
1692
+ ._item-vertical_lunb0_45 ._item-label_lunb0_48 {
1693
+ display: block;
1694
+ margin-bottom: var(--stitch-spacing-sm);
1695
+ }
1696
+ ._item-label_lunb0_48 {
1697
+ display: inline-block;
1698
+ flex: 0 0 auto;
1699
+ line-height: var(--stitch-line-height-base);
1700
+ color: var(--stitch-text-primary);
1701
+ font-weight: var(--stitch-font-weight-normal);
1702
+ white-space: nowrap;
1703
+ }
1704
+ ._item-label-required_lunb0_60::before {
1705
+ content: '*';
1706
+ color: var(--stitch-danger);
1707
+ margin-right: var(--stitch-spacing-xs);
1708
+ }
1709
+ ._item-label-colon_lunb0_65::after {
1710
+ content: ':';
1711
+ margin: 0 var(--stitch-spacing-xs) 0 2px;
1712
+ }
1713
+ ._item-control_lunb0_69 {
1714
+ min-width: 0;
1715
+ }
1716
+ ._item-control-input_lunb0_72 {
1717
+ position: relative;
1718
+ display: flex;
1719
+ align-items: center;
1720
+ min-height: var(--stitch-height-sm);
1721
+ }
1722
+ ._item-control-input_lunb0_72 > * {
1723
+ flex: 1 1 auto;
1724
+ max-width: 100%;
1725
+ }
1726
+ ._item-control-input_lunb0_72 > [role='switch'] {
1727
+ flex: 0 0 auto;
1728
+ }
1729
+ ._item-explain_lunb0_85 {
1730
+ min-height: var(--stitch-spacing-xl);
1731
+ color: var(--stitch-text-muted);
1732
+ font-size: var(--stitch-font-size-sm);
1733
+ line-height: var(--stitch-line-height-base);
1734
+ margin-top: var(--stitch-spacing-xs);
1735
+ }
1736
+ ._item-explain-error_lunb0_92 {
1737
+ color: var(--stitch-danger);
1738
+ }
1739
+ ._item-feedback-icon_lunb0_95 {
1740
+ display: inline-flex;
1741
+ align-items: center;
1742
+ margin-right: var(--stitch-spacing-xs);
1743
+ color: var(--stitch-danger);
1744
+ }
1745
+ ._item-has-error_lunb0_101 ._item-explain_lunb0_85 {
1746
+ color: var(--stitch-danger);
1747
+ }
1748
+ ._item-has-warning_lunb0_104 ._item-explain_lunb0_85 {
1749
+ color: var(--stitch-warning);
1750
+ }
1751
+ ._item-has-success_lunb0_107 ._item-explain_lunb0_85 {
1752
+ color: var(--stitch-success);
1753
+ }
1754
+ ._item-is-validating_lunb0_110 ._item-explain_lunb0_85 {
1755
+ color: var(--stitch-accent);
1756
+ }
1757
+ ._tag_1nt6s_1 {
1758
+ box-sizing: border-box;
1759
+ display: inline-flex;
1760
+ align-items: center;
1761
+ gap: var(--stitch-spacing-xs);
1762
+ line-height: 1;
1763
+ font-family: var(--stitch-font-body);
1764
+ font-weight: var(--stitch-font-weight-medium);
1765
+ border-radius: var(--stitch-radius-button);
1766
+ border: var(--stitch-border-width) solid transparent;
1767
+ transition: transform var(--stitch-motion-duration-base) var(--stitch-motion-ease), box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1768
+ user-select: none;
1769
+ white-space: nowrap;
1770
+ --tag-fg: var(--stitch-text-secondary);
1771
+ --tag-ink: var(--stitch-text-primary);
1772
+ --tag-border: var(--stitch-border);
1773
+ --tag-soft-bg: var(--stitch-bg-section);
1774
+ }
1775
+ ._size-small_1nt6s_19 {
1776
+ padding: var(--stitch-spacing-xs) var(--stitch-spacing-sm);
1777
+ font-size: var(--stitch-font-size-sm);
1778
+ }
1779
+ ._size-middle_1nt6s_23 {
1780
+ padding: var(--stitch-spacing-xs) var(--stitch-spacing-md);
1781
+ font-size: var(--stitch-font-size-base);
1782
+ }
1783
+ ._size-large_1nt6s_27 {
1784
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-lg);
1785
+ font-size: var(--stitch-font-size-lg);
1786
+ }
1787
+ ._variant-solid_1nt6s_31 {
1788
+ background: color-mix(in srgb, var(--tag-fg), var(--stitch-bg-canvas) 86%);
1789
+ border-color: transparent;
1790
+ color: var(--tag-ink);
1791
+ }
1792
+ ._variant-outlined_1nt6s_36 {
1793
+ background: transparent;
1794
+ border-color: var(--tag-border);
1795
+ color: var(--tag-ink);
1796
+ }
1797
+ ._variant-dashed_1nt6s_41 {
1798
+ background: transparent;
1799
+ border-style: dashed;
1800
+ border-color: var(--tag-border);
1801
+ color: var(--tag-ink);
1802
+ }
1803
+ ._variant-soft_1nt6s_47 {
1804
+ background: var(--tag-soft-bg);
1805
+ border-color: transparent;
1806
+ color: var(--tag-ink);
1807
+ }
1808
+ ._variant-text_1nt6s_52 {
1809
+ background: transparent;
1810
+ border-color: transparent;
1811
+ color: var(--tag-ink);
1812
+ padding-left: 0;
1813
+ padding-right: 0;
1814
+ }
1815
+ ._color-danger_1nt6s_59 {
1816
+ --tag-fg: var(--stitch-danger);
1817
+ --tag-ink: color-mix(in srgb, var(--stitch-danger), black 35%);
1818
+ --tag-border: var(--stitch-danger);
1819
+ --tag-soft-bg: var(--stitch-danger-bg);
1820
+ }
1821
+ ._color-success_1nt6s_65 {
1822
+ --tag-fg: var(--stitch-success);
1823
+ --tag-ink: color-mix(in srgb, var(--stitch-success), black 35%);
1824
+ --tag-border: var(--stitch-success);
1825
+ --tag-soft-bg: var(--stitch-success-bg);
1826
+ }
1827
+ ._color-warning_1nt6s_71 {
1828
+ --tag-fg: var(--stitch-warning);
1829
+ --tag-ink: color-mix(in srgb, var(--stitch-warning), black 35%);
1830
+ --tag-border: var(--stitch-warning);
1831
+ --tag-soft-bg: var(--stitch-warning-bg);
1832
+ }
1833
+ ._color-info_1nt6s_77 {
1834
+ --tag-fg: var(--stitch-info);
1835
+ --tag-ink: color-mix(in srgb, var(--stitch-info), black 35%);
1836
+ --tag-border: var(--stitch-info);
1837
+ --tag-soft-bg: var(--stitch-info-bg);
1838
+ }
1839
+ ._color-cat-1_1nt6s_83 {
1840
+ --tag-fg: var(--stitch-cat-1);
1841
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-1), var(--stitch-text-primary) 68%);
1842
+ --tag-border: var(--stitch-cat-1);
1843
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-1), var(--stitch-bg-canvas) 88%);
1844
+ }
1845
+ ._color-cat-2_1nt6s_89 {
1846
+ --tag-fg: var(--stitch-cat-2);
1847
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-2), var(--stitch-text-primary) 68%);
1848
+ --tag-border: var(--stitch-cat-2);
1849
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-2), var(--stitch-bg-canvas) 88%);
1850
+ }
1851
+ ._color-cat-3_1nt6s_95 {
1852
+ --tag-fg: var(--stitch-cat-3);
1853
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-3), var(--stitch-text-primary) 68%);
1854
+ --tag-border: var(--stitch-cat-3);
1855
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-3), var(--stitch-bg-canvas) 88%);
1856
+ }
1857
+ ._color-cat-4_1nt6s_101 {
1858
+ --tag-fg: var(--stitch-cat-4);
1859
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-4), var(--stitch-text-primary) 68%);
1860
+ --tag-border: var(--stitch-cat-4);
1861
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-4), var(--stitch-bg-canvas) 88%);
1862
+ }
1863
+ ._color-cat-5_1nt6s_107 {
1864
+ --tag-fg: var(--stitch-cat-5);
1865
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-5), var(--stitch-text-primary) 68%);
1866
+ --tag-border: var(--stitch-cat-5);
1867
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-5), var(--stitch-bg-canvas) 88%);
1868
+ }
1869
+ ._color-cat-6_1nt6s_113 {
1870
+ --tag-fg: var(--stitch-cat-6);
1871
+ --tag-ink: color-mix(in srgb, var(--stitch-cat-6), var(--stitch-text-primary) 68%);
1872
+ --tag-border: var(--stitch-cat-6);
1873
+ --tag-soft-bg: color-mix(in srgb, var(--stitch-cat-6), var(--stitch-bg-canvas) 88%);
1874
+ }
1875
+ ._text_1nt6s_119 {
1876
+ display: inline-block;
1877
+ color: inherit;
1878
+ line-height: normal;
1879
+ text-box: trim-both cap alphabetic;
1880
+ white-space: nowrap;
1881
+ }
1882
+ ._close_1nt6s_126 {
1883
+ display: inline-flex;
1884
+ align-items: center;
1885
+ justify-content: center;
1886
+ margin-left: var(--stitch-spacing-xs);
1887
+ margin-right: calc(-1 * var(--stitch-spacing-xs));
1888
+ width: 1.15em;
1889
+ height: 1.15em;
1890
+ padding: 0;
1891
+ border: none;
1892
+ background: transparent;
1893
+ color: inherit;
1894
+ border-radius: var(--stitch-radius-button);
1895
+ cursor: pointer;
1896
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
1897
+ }
1898
+ ._close_1nt6s_126:hover:not(:disabled) {
1899
+ background: color-mix(in srgb, currentColor, transparent 85%);
1900
+ }
1901
+ ._close_1nt6s_126:focus-visible {
1902
+ outline: 2px solid var(--stitch-focus-ring);
1903
+ outline-offset: 1px;
1904
+ }
1905
+ ._close_1nt6s_126:disabled {
1906
+ cursor: not-allowed;
1907
+ opacity: 0.5;
1908
+ }
1909
+ ._is-clickable_1nt6s_153 {
1910
+ cursor: pointer;
1911
+ }
1912
+ ._is-clickable_1nt6s_153:hover {
1913
+ transform: translateY(-1px);
1914
+ box-shadow: var(--stitch-shadow-sm);
1915
+ }
1916
+ ._is-clickable_1nt6s_153:active {
1917
+ transform: translateY(0);
1918
+ }
1919
+ ._is-clickable_1nt6s_153:focus-visible {
1920
+ outline: 2px solid var(--stitch-focus-ring);
1921
+ outline-offset: 2px;
1922
+ }
1923
+ ._is-disabled_1nt6s_167 {
1924
+ opacity: 0.5;
1925
+ cursor: not-allowed;
1926
+ pointer-events: none;
1927
+ }
1928
+ ._wrapper_gfk3g_1 {
1929
+ position: relative;
1930
+ box-sizing: border-box;
1931
+ width: 100%;
1932
+ padding: var(--stitch-spacing-sm);
1933
+ background: var(--stitch-bg-elevated);
1934
+ border: var(--stitch-border-width) solid var(--stitch-border);
1935
+ border-radius: var(--stitch-radius-card);
1936
+ font-family: var(--stitch-font-body);
1937
+ }
1938
+ ._scrollable_gfk3g_11 {
1939
+ overflow: auto;
1940
+ }
1941
+ ._scrollable_gfk3g_11:focus-visible {
1942
+ outline: 2px solid var(--stitch-focus-ring);
1943
+ outline-offset: 2px;
1944
+ }
1945
+ ._table_gfk3g_18 {
1946
+ width: 100%;
1947
+ border-collapse: separate;
1948
+ border-spacing: 0;
1949
+ }
1950
+ ._thead_gfk3g_23 {
1951
+ background: transparent;
1952
+ }
1953
+ ._headerCell_gfk3g_26 {
1954
+ padding: var(--stitch-spacing-lg) var(--stitch-spacing-lg);
1955
+ font-size: var(--stitch-font-size-sm);
1956
+ font-weight: var(--stitch-font-weight-medium);
1957
+ color: var(--stitch-text-primary);
1958
+ text-align: left;
1959
+ white-space: nowrap;
1960
+ background: transparent;
1961
+ border-bottom: var(--stitch-border-width) solid var(--stitch-border);
1962
+ }
1963
+ ._tbody_gfk3g_36 {
1964
+ background: transparent;
1965
+ }
1966
+ ._row_gfk3g_39 {
1967
+ transition: background-color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1968
+ }
1969
+ ._row_gfk3g_39:hover {
1970
+ background: var(--stitch-bg-card);
1971
+ }
1972
+ ._striped_gfk3g_45 {
1973
+ background: var(--stitch-bg-section);
1974
+ }
1975
+ ._striped_gfk3g_45:hover {
1976
+ background: var(--stitch-bg-card);
1977
+ }
1978
+ ._cell_gfk3g_51 {
1979
+ padding: var(--stitch-spacing-md) var(--stitch-spacing-lg);
1980
+ font-size: var(--stitch-font-size-sm);
1981
+ font-weight: var(--stitch-font-weight-normal);
1982
+ color: var(--stitch-text-primary);
1983
+ line-height: var(--stitch-line-height-base);
1984
+ border-bottom: var(--stitch-border-width) solid var(--stitch-border);
1985
+ transition: color var(--stitch-motion-duration-base) var(--stitch-motion-ease);
1986
+ }
1987
+ ._row_gfk3g_39:last-child ._cell_gfk3g_51 {
1988
+ border-bottom: none;
1989
+ }
1990
+ ._emptyCell_gfk3g_63 {
1991
+ padding: var(--stitch-spacing-xl) var(--stitch-spacing-lg);
1992
+ text-align: center;
1993
+ }
1994
+ ._emptyContent_gfk3g_67 {
1995
+ display: flex;
1996
+ flex-direction: column;
1997
+ align-items: center;
1998
+ gap: var(--stitch-spacing-lg);
1999
+ color: var(--stitch-text-muted);
2000
+ font-size: var(--stitch-font-size-sm);
2001
+ }
2002
+ ._emptyIcon_gfk3g_75 {
2003
+ color: var(--stitch-text-muted);
2004
+ opacity: 0.6;
2005
+ }
2006
+ ._loading_gfk3g_79 {
2007
+ opacity: 0.7;
2008
+ pointer-events: none;
2009
+ }
2010
+ ._loadingOverlay_gfk3g_83 {
2011
+ position: absolute;
2012
+ inset: 0;
2013
+ display: flex;
2014
+ align-items: center;
2015
+ justify-content: center;
2016
+ background: color-mix(in srgb, var(--stitch-bg-elevated), transparent 20%);
2017
+ backdrop-filter: blur(2px);
2018
+ border-radius: var(--stitch-radius-card);
2019
+ }
2020
+ ._loadingSpinner_gfk3g_93 {
2021
+ width: 40px;
2022
+ height: 40px;
2023
+ border: 3px solid var(--stitch-border);
2024
+ border-top-color: var(--stitch-accent);
2025
+ border-radius: var(--stitch-radius-button);
2026
+ animation: _spin_gfk3g_1 0.8s linear infinite;
2027
+ }
2028
+ @keyframes _spin_gfk3g_1 {
2029
+ to {
2030
+ transform: rotate(360deg);
2031
+ }
2032
+ }
2033
+ ._codeBlock_zsyzk_1 {
2034
+ margin: 0;
2035
+ padding: var(--stitch-spacing-lg) var(--stitch-spacing-xl);
2036
+ background: var(--stitch-bg-inverted);
2037
+ border: var(--stitch-border-width) solid color-mix(in srgb, var(--stitch-text-on-dark), transparent 88%);
2038
+ border-radius: var(--stitch-radius-card);
2039
+ font-family: var(--stitch-font-mono);
2040
+ font-size: var(--stitch-font-size-sm);
2041
+ line-height: var(--stitch-line-height-base);
2042
+ color: var(--stitch-text-on-dark);
2043
+ white-space: pre;
2044
+ overflow: auto;
2045
+ tab-size: 4;
2046
+ }
2047
+ ._codeBlock_zsyzk_1:focus-visible {
2048
+ outline: 2px solid var(--stitch-focus-ring);
2049
+ outline-offset: 2px;
2050
+ }
2051
+ ._tok-default_zsyzk_19 {
2052
+ color: var(--stitch-text-on-dark);
2053
+ }
2054
+ ._tok-comment_zsyzk_22 {
2055
+ color: color-mix(in srgb, var(--stitch-text-on-dark), transparent 45%);
2056
+ }
2057
+ ._tok-operator_zsyzk_25 {
2058
+ color: color-mix(in srgb, var(--stitch-text-on-dark), transparent 25%);
2059
+ }
2060
+ ._tok-keyword_zsyzk_28 {
2061
+ color: var(--stitch-cat-1);
2062
+ }
2063
+ ._tok-react_zsyzk_31 {
2064
+ color: var(--stitch-cat-1);
2065
+ }
2066
+ ._tok-string_zsyzk_34 {
2067
+ color: var(--stitch-cat-6);
2068
+ }
2069
+ ._tok-number_zsyzk_37 {
2070
+ color: var(--stitch-cat-6);
2071
+ }
2072
+ ._tok-component_zsyzk_40 {
2073
+ color: var(--stitch-cat-5);
2074
+ }
2075
+ ._tok-func_zsyzk_43 {
2076
+ color: var(--stitch-cat-5);
2077
+ }
2078
+ ._tok-prop_zsyzk_46 {
2079
+ color: var(--stitch-cat-3);
2080
+ }
2081
+ ._tok-jsx_zsyzk_49 {
2082
+ color: var(--stitch-cat-3);
2083
+ }
2084
+ ._overlay_jixc4_1 {
2085
+ position: absolute;
2086
+ inset: 0;
2087
+ display: flex;
2088
+ flex-direction: column;
2089
+ align-items: center;
2090
+ justify-content: center;
2091
+ gap: var(--stitch-spacing-md);
2092
+ background: var(--stitch-mask-bg);
2093
+ color: var(--stitch-text-on-dark);
2094
+ opacity: 1;
2095
+ transition: opacity var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2096
+ }
2097
+ ._closing_jixc4_14 {
2098
+ opacity: 0;
2099
+ }
2100
+ ._hidden_jixc4_17 {
2101
+ display: none;
2102
+ }
2103
+ ._spinner_jixc4_20 {
2104
+ border: 3px solid var(--stitch-border);
2105
+ border-top-color: var(--stitch-accent);
2106
+ border-radius: var(--stitch-radius-button);
2107
+ animation: _stitch-loading-spin_jixc4_1 0.8s linear infinite;
2108
+ }
2109
+ @keyframes _stitch-loading-spin_jixc4_1 {
2110
+ to {
2111
+ transform: rotate(360deg);
2112
+ }
2113
+ }
2114
+ ._spinner-small_jixc4_31 {
2115
+ width: 20px;
2116
+ height: 20px;
2117
+ border-width: 2px;
2118
+ }
2119
+ ._spinner-middle_jixc4_36 {
2120
+ width: 32px;
2121
+ height: 32px;
2122
+ border-width: 3px;
2123
+ }
2124
+ ._spinner-large_jixc4_41 {
2125
+ width: 44px;
2126
+ height: 44px;
2127
+ border-width: 4px;
2128
+ }
2129
+ ._tip_jixc4_46 {
2130
+ font-family: var(--stitch-font-body);
2131
+ font-size: var(--stitch-font-size-sm);
2132
+ line-height: var(--stitch-line-height-base);
2133
+ }
2134
+ @media (prefers-reduced-motion: reduce) {
2135
+ ._spinner_jixc4_20 {
2136
+ animation-duration: 1.6s;
2137
+ }
2138
+ ._overlay_jixc4_1 {
2139
+ transition: none;
2140
+ }
2141
+ }
2142
+ ._progress_1oxpl_1 {
2143
+ box-sizing: border-box;
2144
+ display: flex;
2145
+ align-items: center;
2146
+ font-family: var(--stitch-font-body);
2147
+ line-height: 1;
2148
+ user-select: none;
2149
+ vertical-align: middle;
2150
+ width: 100%;
2151
+ }
2152
+ ._body_1oxpl_11 {
2153
+ flex: 1 1 auto;
2154
+ min-width: 0;
2155
+ width: 100%;
2156
+ display: flex;
2157
+ flex-direction: column;
2158
+ gap: var(--stitch-spacing-sm);
2159
+ }
2160
+ ._body_1oxpl_11._noGap_1oxpl_19 {
2161
+ gap: 0;
2162
+ }
2163
+ ._row_1oxpl_22 {
2164
+ display: flex;
2165
+ align-items: center;
2166
+ gap: var(--stitch-spacing-md);
2167
+ width: 100%;
2168
+ flex: 1 1 auto;
2169
+ min-width: 0;
2170
+ }
2171
+ ._info_1oxpl_30 {
2172
+ font-weight: var(--stitch-font-weight-medium);
2173
+ font-size: var(--stitch-font-size-sm);
2174
+ color: var(--stitch-text-primary);
2175
+ white-space: nowrap;
2176
+ flex-shrink: 0;
2177
+ letter-spacing: 0.02em;
2178
+ }
2179
+ ._info_1oxpl_30._right_1oxpl_38 {
2180
+ min-width: 44px;
2181
+ text-align: right;
2182
+ }
2183
+ ._info_1oxpl_30._top_1oxpl_42 {
2184
+ align-self: flex-end;
2185
+ }
2186
+ ._track_1oxpl_45 {
2187
+ position: relative;
2188
+ flex: 1 1 auto;
2189
+ width: 100%;
2190
+ min-width: 80px;
2191
+ background: var(--stitch-bg-disabled);
2192
+ border: 2px solid var(--stitch-border);
2193
+ overflow: hidden;
2194
+ border-radius: var(--stitch-radius-input);
2195
+ }
2196
+ ._track_1oxpl_45._size-small_1oxpl_55 {
2197
+ height: 12px;
2198
+ border-width: 1.5px;
2199
+ }
2200
+ ._track_1oxpl_45._size-middle_1oxpl_59 {
2201
+ height: 20px;
2202
+ }
2203
+ ._track_1oxpl_45._size-large_1oxpl_62 {
2204
+ height: 28px;
2205
+ }
2206
+ ._fill_1oxpl_65 {
2207
+ position: absolute;
2208
+ top: 0;
2209
+ left: 0;
2210
+ bottom: 0;
2211
+ width: 0;
2212
+ border-radius: var(--stitch-radius-input);
2213
+ background: var(--stitch-accent);
2214
+ background-image: repeating-linear-gradient(-45deg, var(--stitch-accent) 0, var(--stitch-accent) 10px, var(--stitch-accent-hover) 10px, var(--stitch-accent-hover) 20px);
2215
+ background-size: 28.28px 28.28px;
2216
+ animation: _stitch-progress-stripe_1oxpl_1 1s linear infinite;
2217
+ transition: width var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2218
+ overflow: hidden;
2219
+ display: flex;
2220
+ align-items: center;
2221
+ justify-content: flex-end;
2222
+ padding-right: 4px;
2223
+ }
2224
+ ._fill_1oxpl_65._noTransition_1oxpl_83 {
2225
+ transition: none;
2226
+ }
2227
+ @keyframes _stitch-progress-stripe_1oxpl_1 {
2228
+ 0% {
2229
+ background-position: 0 0;
2230
+ }
2231
+ 100% {
2232
+ background-position: -28.28px 0;
2233
+ }
2234
+ }
2235
+ ._infoInside_1oxpl_94 {
2236
+ position: absolute;
2237
+ right: 8px;
2238
+ top: 50%;
2239
+ transform: translateY(-50%);
2240
+ color: var(--stitch-accent-text);
2241
+ font-weight: var(--stitch-font-weight-medium);
2242
+ font-size: 11px;
2243
+ letter-spacing: 0.02em;
2244
+ pointer-events: none;
2245
+ white-space: nowrap;
2246
+ z-index: 1;
2247
+ }
2248
+ ._infoInside_1oxpl_94._infoOutside_1oxpl_107 {
2249
+ color: var(--stitch-text-primary);
2250
+ }
2251
+ ._track_1oxpl_45._size-large_1oxpl_62 ._infoInside_1oxpl_94 {
2252
+ font-size: 13px;
2253
+ }
2254
+ ._track_1oxpl_45._size-small_1oxpl_55 ._infoInside_1oxpl_94 {
2255
+ font-size: 9px;
2256
+ right: 4px;
2257
+ }
2258
+ @media (prefers-reduced-motion: reduce) {
2259
+ ._fill_1oxpl_65 {
2260
+ transition: none;
2261
+ animation: none;
2262
+ }
2263
+ }
2264
+ ._skeleton_p760x_1 {
2265
+ background: var(--stitch-bg-disabled);
2266
+ border-radius: var(--stitch-radius-input);
2267
+ display: inline-block;
2268
+ line-height: 1;
2269
+ position: relative;
2270
+ overflow: hidden;
2271
+ vertical-align: middle;
2272
+ flex-shrink: 0;
2273
+ }
2274
+ ._active_p760x_11::after {
2275
+ content: '';
2276
+ position: absolute;
2277
+ inset: 0;
2278
+ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--stitch-bg-elevated), transparent 45%), transparent);
2279
+ animation: _stitch-skeleton-shimmer_p760x_1 1.4s ease-in-out infinite;
2280
+ }
2281
+ @keyframes _stitch-skeleton-shimmer_p760x_1 {
2282
+ 0% {
2283
+ transform: translateX(-100%);
2284
+ }
2285
+ 100% {
2286
+ transform: translateX(100%);
2287
+ }
2288
+ }
2289
+ ._vt-text_p760x_26 {
2290
+ border-radius: var(--stitch-radius-input);
2291
+ height: 16px;
2292
+ margin-bottom: var(--stitch-spacing-sm);
2293
+ }
2294
+ ._vt-circle_p760x_31 {
2295
+ border-radius: 50%;
2296
+ }
2297
+ ._vt-rect_p760x_34 {
2298
+ border-radius: var(--stitch-radius-image);
2299
+ }
2300
+ ._vt-paragraph_p760x_37 {
2301
+ display: flex;
2302
+ flex-direction: column;
2303
+ gap: var(--stitch-spacing-md);
2304
+ border-radius: 0;
2305
+ background: none;
2306
+ }
2307
+ ._line_p760x_44 {
2308
+ height: 14px;
2309
+ border-radius: var(--stitch-radius-input);
2310
+ background: var(--stitch-bg-disabled);
2311
+ }
2312
+ ._skeleton-btn_p760x_49 {
2313
+ border-radius: var(--stitch-radius-button);
2314
+ }
2315
+ ._skeleton-input_p760x_52 {
2316
+ border-radius: var(--stitch-radius-input);
2317
+ }
2318
+ ._skeleton-avatar-square_p760x_55 {
2319
+ border-radius: var(--stitch-radius-image);
2320
+ }
2321
+ @media (prefers-reduced-motion: reduce) {
2322
+ ._active_p760x_11::after {
2323
+ animation: none;
2324
+ }
2325
+ }
2326
+ ._notificationRoot_1yy4u_1 {
2327
+ position: fixed;
2328
+ inset: 0;
2329
+ pointer-events: none;
2330
+ z-index: 2000;
2331
+ /* 高于 Modal(1000)/Drawer(1001) */
2332
+ }
2333
+ ._position-top_1yy4u_8,
2334
+ ._position-topLeft_1yy4u_9,
2335
+ ._position-topRight_1yy4u_10,
2336
+ ._position-bottom_1yy4u_11,
2337
+ ._position-bottomLeft_1yy4u_12,
2338
+ ._position-bottomRight_1yy4u_13 {
2339
+ position: fixed;
2340
+ display: flex;
2341
+ flex-direction: column;
2342
+ gap: var(--stitch-spacing-md);
2343
+ pointer-events: none;
2344
+ max-width: calc(100vw - var(--stitch-spacing-xl) * 2);
2345
+ }
2346
+ ._position-top_1yy4u_8 {
2347
+ top: var(--stitch-spacing-xl);
2348
+ left: 50%;
2349
+ transform: translateX(-50%);
2350
+ align-items: center;
2351
+ }
2352
+ ._position-topLeft_1yy4u_9 {
2353
+ top: var(--stitch-spacing-xl);
2354
+ left: var(--stitch-spacing-xl);
2355
+ align-items: flex-start;
2356
+ }
2357
+ ._position-topRight_1yy4u_10 {
2358
+ top: var(--stitch-spacing-xl);
2359
+ right: var(--stitch-spacing-xl);
2360
+ align-items: flex-end;
2361
+ }
2362
+ ._position-bottom_1yy4u_11 {
2363
+ bottom: var(--stitch-spacing-xl);
2364
+ left: 50%;
2365
+ transform: translateX(-50%);
2366
+ align-items: center;
2367
+ flex-direction: column-reverse;
2368
+ }
2369
+ ._position-bottomLeft_1yy4u_12 {
2370
+ bottom: var(--stitch-spacing-xl);
2371
+ left: var(--stitch-spacing-xl);
2372
+ align-items: flex-start;
2373
+ flex-direction: column-reverse;
2374
+ }
2375
+ ._position-bottomRight_1yy4u_13 {
2376
+ bottom: var(--stitch-spacing-xl);
2377
+ right: var(--stitch-spacing-xl);
2378
+ align-items: flex-end;
2379
+ flex-direction: column-reverse;
2380
+ }
2381
+ ._notification_1yy4u_1 {
2382
+ pointer-events: auto;
2383
+ box-sizing: border-box;
2384
+ display: flex;
2385
+ align-items: center;
2386
+ gap: var(--stitch-spacing-md);
2387
+ width: 384px;
2388
+ max-width: calc(100vw - var(--stitch-spacing-xl) * 2);
2389
+ padding: var(--stitch-spacing-lg);
2390
+ background: var(--stitch-bg-elevated);
2391
+ border: var(--stitch-border-width) solid var(--stitch-border);
2392
+ border-radius: var(--stitch-radius-card);
2393
+ box-shadow: var(--stitch-shadow-base);
2394
+ font-family: var(--stitch-font-body);
2395
+ color: var(--stitch-text-secondary);
2396
+ transition: box-shadow var(--stitch-motion-duration-base) var(--stitch-motion-ease), transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2397
+ will-change: transform, opacity;
2398
+ }
2399
+ ._clickable_1yy4u_74 {
2400
+ cursor: pointer;
2401
+ }
2402
+ ._clickable_1yy4u_74:hover {
2403
+ box-shadow: var(--stitch-shadow-lg);
2404
+ transform: translateY(-1px);
2405
+ }
2406
+ ._clickable_1yy4u_74:focus-visible {
2407
+ outline: 2px solid var(--stitch-focus-ring);
2408
+ outline-offset: 2px;
2409
+ }
2410
+ ._type-success_1yy4u_85 {
2411
+ border-color: var(--stitch-success);
2412
+ }
2413
+ ._type-success_1yy4u_85 ._iconWrap_1yy4u_88 {
2414
+ background: var(--stitch-success);
2415
+ color: var(--stitch-text-on-dark);
2416
+ }
2417
+ ._type-info_1yy4u_92 {
2418
+ border-color: var(--stitch-info);
2419
+ }
2420
+ ._type-info_1yy4u_92 ._iconWrap_1yy4u_88 {
2421
+ background: var(--stitch-info);
2422
+ color: var(--stitch-text-on-dark);
2423
+ }
2424
+ ._type-warning_1yy4u_99 {
2425
+ border-color: var(--stitch-warning);
2426
+ }
2427
+ ._type-warning_1yy4u_99 ._iconWrap_1yy4u_88 {
2428
+ background: var(--stitch-warning);
2429
+ color: var(--stitch-text-on-dark);
2430
+ }
2431
+ ._type-error_1yy4u_106 {
2432
+ border-color: var(--stitch-danger);
2433
+ }
2434
+ ._type-error_1yy4u_106 ._iconWrap_1yy4u_88 {
2435
+ background: var(--stitch-danger);
2436
+ color: var(--stitch-text-on-dark);
2437
+ }
2438
+ ._iconWrap_1yy4u_88 {
2439
+ flex: 0 0 auto;
2440
+ display: inline-flex;
2441
+ align-items: center;
2442
+ justify-content: center;
2443
+ width: 32px;
2444
+ height: 32px;
2445
+ border-radius: 50%;
2446
+ font-size: 18px;
2447
+ line-height: 1;
2448
+ user-select: none;
2449
+ }
2450
+ ._body_1yy4u_125 {
2451
+ flex: 1 1 auto;
2452
+ min-width: 0;
2453
+ display: flex;
2454
+ flex-direction: column;
2455
+ gap: var(--stitch-spacing-xs);
2456
+ }
2457
+ ._title_1yy4u_132 {
2458
+ font-family: var(--stitch-font-display);
2459
+ font-size: var(--stitch-font-size-base);
2460
+ font-weight: var(--stitch-font-weight-medium);
2461
+ line-height: var(--stitch-line-height-base);
2462
+ color: var(--stitch-text-primary);
2463
+ word-break: break-word;
2464
+ }
2465
+ ._description_1yy4u_140 {
2466
+ font-size: var(--stitch-font-size-sm);
2467
+ font-weight: var(--stitch-font-weight-normal);
2468
+ line-height: var(--stitch-line-height-base);
2469
+ color: var(--stitch-text-primary);
2470
+ word-break: break-word;
2471
+ }
2472
+ ._btnSlot_1yy4u_147 {
2473
+ flex: 0 0 auto;
2474
+ display: inline-flex;
2475
+ align-items: center;
2476
+ margin-left: var(--stitch-spacing-xs);
2477
+ }
2478
+ ._close_1yy4u_153 {
2479
+ flex: 0 0 auto;
2480
+ display: inline-flex;
2481
+ align-items: center;
2482
+ justify-content: center;
2483
+ width: 22px;
2484
+ height: 22px;
2485
+ margin-left: var(--stitch-spacing-xs);
2486
+ padding: 0;
2487
+ border: none;
2488
+ background: transparent;
2489
+ color: var(--stitch-text-muted);
2490
+ font-size: var(--stitch-font-size-lg);
2491
+ line-height: 1;
2492
+ border-radius: 50%;
2493
+ cursor: pointer;
2494
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
2495
+ }
2496
+ ._close_1yy4u_153:hover {
2497
+ background: var(--stitch-bg-section);
2498
+ color: var(--stitch-text-primary);
2499
+ }
2500
+ ._close_1yy4u_153:focus-visible {
2501
+ outline: 2px solid var(--stitch-focus-ring);
2502
+ outline-offset: 2px;
2503
+ }
2504
+ ._placement-top_1yy4u_179 {
2505
+ animation: _stitch-notification-slide-from-top_1yy4u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease) both;
2506
+ }
2507
+ ._placement-top_1yy4u_179._leaving_1yy4u_182 {
2508
+ animation: _stitch-notification-slide-out-top_1yy4u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease) both;
2509
+ }
2510
+ ._placement-bottom_1yy4u_185 {
2511
+ animation: _stitch-notification-rise-from-bottom_1yy4u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease) both;
2512
+ }
2513
+ ._placement-bottom_1yy4u_185._leaving_1yy4u_182 {
2514
+ animation: _stitch-notification-sink-out-bottom_1yy4u_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease) both;
2515
+ }
2516
+ @keyframes _stitch-notification-slide-from-top_1yy4u_1 {
2517
+ from {
2518
+ opacity: 0;
2519
+ transform: translateY(-16px);
2520
+ }
2521
+ to {
2522
+ opacity: 1;
2523
+ transform: translateY(0);
2524
+ }
2525
+ }
2526
+ @keyframes _stitch-notification-slide-out-top_1yy4u_1 {
2527
+ from {
2528
+ opacity: 1;
2529
+ transform: translateY(0);
2530
+ }
2531
+ to {
2532
+ opacity: 0;
2533
+ transform: translateY(-16px);
2534
+ }
2535
+ }
2536
+ @keyframes _stitch-notification-rise-from-bottom_1yy4u_1 {
2537
+ from {
2538
+ opacity: 0;
2539
+ transform: translateY(16px);
2540
+ }
2541
+ to {
2542
+ opacity: 1;
2543
+ transform: translateY(0);
2544
+ }
2545
+ }
2546
+ @keyframes _stitch-notification-sink-out-bottom_1yy4u_1 {
2547
+ from {
2548
+ opacity: 1;
2549
+ transform: translateY(0);
2550
+ }
2551
+ to {
2552
+ opacity: 0;
2553
+ transform: translateY(16px);
2554
+ }
2555
+ }
2556
+ @media (prefers-reduced-motion: reduce) {
2557
+ ._placement-top_1yy4u_179,
2558
+ ._placement-bottom_1yy4u_185 {
2559
+ animation-duration: 0.01s;
2560
+ }
2561
+ ._placement-top_1yy4u_179._leaving_1yy4u_182,
2562
+ ._placement-bottom_1yy4u_185._leaving_1yy4u_182 {
2563
+ animation-duration: 0.01s;
2564
+ }
2565
+ }
2566
+ ._mask_10ord_1 {
2567
+ position: fixed;
2568
+ inset: 0;
2569
+ z-index: 1000;
2570
+ display: flex;
2571
+ align-items: center;
2572
+ justify-content: center;
2573
+ background: var(--stitch-mask-bg);
2574
+ animation: _stitch-modal-fade-in_10ord_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2575
+ }
2576
+ ._modal_10ord_11 {
2577
+ position: relative;
2578
+ box-sizing: border-box;
2579
+ max-width: calc(100vw - var(--stitch-spacing-xl) * 2);
2580
+ max-height: calc(100vh - var(--stitch-spacing-xl) * 2);
2581
+ display: flex;
2582
+ flex-direction: column;
2583
+ padding: var(--stitch-spacing-xl);
2584
+ background: var(--stitch-bg-elevated);
2585
+ border-radius: var(--stitch-radius-card);
2586
+ border: 1px solid var(--stitch-border);
2587
+ box-shadow: var(--stitch-shadow-base);
2588
+ color: var(--stitch-text-primary);
2589
+ font-family: var(--stitch-font-body);
2590
+ overflow: hidden;
2591
+ animation: _stitch-modal-zoom-in_10ord_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2592
+ }
2593
+ ._modal_10ord_11:focus-visible {
2594
+ outline: 2px solid var(--stitch-focus-ring);
2595
+ outline-offset: 2px;
2596
+ }
2597
+ ._header_10ord_32 {
2598
+ display: flex;
2599
+ align-items: center;
2600
+ justify-content: space-between;
2601
+ padding-bottom: var(--stitch-spacing-lg);
2602
+ }
2603
+ ._title_10ord_38 {
2604
+ font-family: var(--stitch-font-display);
2605
+ font-size: var(--stitch-font-size-lg);
2606
+ font-weight: var(--stitch-font-weight-medium);
2607
+ line-height: var(--stitch-line-height-base);
2608
+ color: var(--stitch-text-primary);
2609
+ }
2610
+ ._body_10ord_45 {
2611
+ display: flex;
2612
+ flex-direction: column;
2613
+ align-items: flex-start;
2614
+ flex: 1;
2615
+ overflow-y: auto;
2616
+ padding-bottom: var(--stitch-spacing-lg);
2617
+ font-size: var(--stitch-font-size-base);
2618
+ line-height: var(--stitch-line-height-base);
2619
+ color: var(--stitch-text-secondary);
2620
+ }
2621
+ ._footer_10ord_56 {
2622
+ display: flex;
2623
+ align-items: center;
2624
+ justify-content: flex-end;
2625
+ gap: var(--stitch-spacing-md);
2626
+ }
2627
+ @keyframes _stitch-modal-fade-in_10ord_1 {
2628
+ from {
2629
+ opacity: 0;
2630
+ }
2631
+ to {
2632
+ opacity: 1;
2633
+ }
2634
+ }
2635
+ @keyframes _stitch-modal-zoom-in_10ord_1 {
2636
+ from {
2637
+ opacity: 0;
2638
+ transform: scale(0.96);
2639
+ }
2640
+ to {
2641
+ opacity: 1;
2642
+ transform: scale(1);
2643
+ }
2644
+ }
2645
+ ._message_1skqa_1 {
2646
+ color: var(--stitch-text-primary);
2647
+ font-size: var(--stitch-font-size-base);
2648
+ line-height: var(--stitch-line-height-base);
2649
+ }
2650
+ ._mask_16an3_1 {
2651
+ position: fixed;
2652
+ inset: 0;
2653
+ z-index: 1000;
2654
+ background: var(--stitch-mask-bg);
2655
+ animation: _stitch-drawer-fade-in_16an3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2656
+ }
2657
+ ._panel_16an3_8 {
2658
+ position: fixed;
2659
+ z-index: 1001;
2660
+ box-sizing: border-box;
2661
+ display: flex;
2662
+ flex-direction: column;
2663
+ background: var(--stitch-bg-elevated);
2664
+ border: var(--stitch-border-width) solid var(--stitch-border);
2665
+ box-shadow: var(--stitch-shadow-base);
2666
+ color: var(--stitch-text-secondary);
2667
+ font-family: var(--stitch-font-body);
2668
+ overflow: hidden;
2669
+ }
2670
+ ._panel_16an3_8:focus-visible {
2671
+ outline: 2px solid var(--stitch-focus-ring);
2672
+ outline-offset: -2px;
2673
+ }
2674
+ ._panelRight_16an3_25 {
2675
+ top: 0;
2676
+ right: 0;
2677
+ height: 100vh;
2678
+ max-width: calc(100vw - var(--stitch-spacing-xl) * 2);
2679
+ border-radius: var(--stitch-radius-card) 0 0 var(--stitch-radius-card);
2680
+ animation: _stitch-drawer-slide-right_16an3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2681
+ }
2682
+ ._panelLeft_16an3_33 {
2683
+ top: 0;
2684
+ left: 0;
2685
+ height: 100vh;
2686
+ max-width: calc(100vw - var(--stitch-spacing-xl) * 2);
2687
+ border-radius: 0 var(--stitch-radius-card) var(--stitch-radius-card) 0;
2688
+ animation: _stitch-drawer-slide-left_16an3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2689
+ }
2690
+ ._panelTop_16an3_41 {
2691
+ top: 0;
2692
+ left: 0;
2693
+ right: 0;
2694
+ max-height: calc(100vh - var(--stitch-spacing-xl) * 2);
2695
+ border-radius: 0 0 var(--stitch-radius-card) var(--stitch-radius-card);
2696
+ animation: _stitch-drawer-slide-top_16an3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2697
+ }
2698
+ ._panelBottom_16an3_49 {
2699
+ bottom: 0;
2700
+ left: 0;
2701
+ right: 0;
2702
+ max-height: calc(100vh - var(--stitch-spacing-xl) * 2);
2703
+ border-radius: var(--stitch-radius-card) var(--stitch-radius-card) 0 0;
2704
+ animation: _stitch-drawer-slide-bottom_16an3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2705
+ }
2706
+ ._header_16an3_57 {
2707
+ display: flex;
2708
+ align-items: center;
2709
+ justify-content: space-between;
2710
+ gap: var(--stitch-spacing-md);
2711
+ padding: var(--stitch-spacing-xl) var(--stitch-spacing-xl) var(--stitch-spacing-lg);
2712
+ flex-shrink: 0;
2713
+ }
2714
+ ._title_16an3_65 {
2715
+ font-family: var(--stitch-font-display);
2716
+ font-size: var(--stitch-font-size-lg);
2717
+ font-weight: var(--stitch-font-weight-medium);
2718
+ line-height: var(--stitch-line-height-base);
2719
+ color: var(--stitch-text-primary);
2720
+ }
2721
+ ._close_16an3_72 {
2722
+ display: inline-flex;
2723
+ align-items: center;
2724
+ justify-content: center;
2725
+ flex-shrink: 0;
2726
+ width: var(--stitch-height-sm);
2727
+ height: var(--stitch-height-sm);
2728
+ padding: 0;
2729
+ border: none;
2730
+ background: transparent;
2731
+ font-size: var(--stitch-font-size-lg);
2732
+ line-height: 1;
2733
+ color: var(--stitch-text-muted);
2734
+ border-radius: var(--stitch-radius-button);
2735
+ cursor: pointer;
2736
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
2737
+ }
2738
+ ._close_16an3_72:hover {
2739
+ background: var(--stitch-bg-section);
2740
+ color: var(--stitch-text-primary);
2741
+ }
2742
+ ._close_16an3_72:focus-visible {
2743
+ outline: 2px solid var(--stitch-focus-ring);
2744
+ outline-offset: 2px;
2745
+ }
2746
+ ._body_16an3_97 {
2747
+ flex: 1;
2748
+ overflow-y: auto;
2749
+ padding: 0 var(--stitch-spacing-xl) var(--stitch-spacing-xl);
2750
+ font-size: var(--stitch-font-size-base);
2751
+ line-height: var(--stitch-line-height-base);
2752
+ color: var(--stitch-text-secondary);
2753
+ }
2754
+ ._footer_16an3_105 {
2755
+ display: flex;
2756
+ align-items: center;
2757
+ justify-content: flex-end;
2758
+ gap: var(--stitch-spacing-md);
2759
+ padding: 0 var(--stitch-spacing-xl) var(--stitch-spacing-xl);
2760
+ flex-shrink: 0;
2761
+ }
2762
+ @keyframes _stitch-drawer-fade-in_16an3_1 {
2763
+ from {
2764
+ opacity: 0;
2765
+ }
2766
+ to {
2767
+ opacity: 1;
2768
+ }
2769
+ }
2770
+ @keyframes _stitch-drawer-slide-right_16an3_1 {
2771
+ from {
2772
+ transform: translateX(100%);
2773
+ }
2774
+ to {
2775
+ transform: translateX(0);
2776
+ }
2777
+ }
2778
+ @keyframes _stitch-drawer-slide-left_16an3_1 {
2779
+ from {
2780
+ transform: translateX(-100%);
2781
+ }
2782
+ to {
2783
+ transform: translateX(0);
2784
+ }
2785
+ }
2786
+ @keyframes _stitch-drawer-slide-top_16an3_1 {
2787
+ from {
2788
+ transform: translateY(-100%);
2789
+ }
2790
+ to {
2791
+ transform: translateY(0);
2792
+ }
2793
+ }
2794
+ @keyframes _stitch-drawer-slide-bottom_16an3_1 {
2795
+ from {
2796
+ transform: translateY(100%);
2797
+ }
2798
+ to {
2799
+ transform: translateY(0);
2800
+ }
2801
+ }
2802
+ ._tooltipWrapper_ivtw5_1 {
2803
+ position: relative;
2804
+ display: inline-flex;
2805
+ vertical-align: middle;
2806
+ font-family: var(--stitch-font-body);
2807
+ }
2808
+ ._tooltip_ivtw5_1 {
2809
+ position: absolute;
2810
+ z-index: 100;
2811
+ box-sizing: border-box;
2812
+ width: max-content;
2813
+ max-width: 240px;
2814
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
2815
+ background: var(--stitch-bg-elevated);
2816
+ border: var(--stitch-border-width) solid var(--stitch-text-disabled);
2817
+ border-radius: var(--stitch-radius-card);
2818
+ box-shadow: var(--stitch-shadow-base);
2819
+ color: var(--stitch-text-primary);
2820
+ font-size: var(--stitch-font-size-sm);
2821
+ font-weight: var(--stitch-font-weight-medium);
2822
+ line-height: var(--stitch-line-height-base);
2823
+ letter-spacing: 0.01em;
2824
+ opacity: 0;
2825
+ pointer-events: none;
2826
+ transition: opacity var(--stitch-motion-duration-base) var(--stitch-motion-ease), transform var(--stitch-motion-duration-base) var(--stitch-motion-ease);
2827
+ }
2828
+ ._tooltip_ivtw5_1._visible_ivtw5_27 {
2829
+ opacity: 1;
2830
+ pointer-events: auto;
2831
+ }
2832
+ ._tooltip_ivtw5_1::after {
2833
+ content: '';
2834
+ position: absolute;
2835
+ width: 8px;
2836
+ height: 8px;
2837
+ background: var(--stitch-bg-elevated);
2838
+ border-radius: 2px;
2839
+ }
2840
+ ._content_ivtw5_39 {
2841
+ position: relative;
2842
+ z-index: 1;
2843
+ white-space: pre-line;
2844
+ word-break: break-word;
2845
+ }
2846
+ ._top_ivtw5_45 {
2847
+ bottom: calc(100% + 10px);
2848
+ left: 50%;
2849
+ transform: translateX(-50%) translateY(4px);
2850
+ }
2851
+ ._top_ivtw5_45._visible_ivtw5_27 {
2852
+ transform: translateX(-50%) translateY(0);
2853
+ }
2854
+ ._top_ivtw5_45::after {
2855
+ bottom: -5px;
2856
+ left: 50%;
2857
+ transform: translateX(-50%) rotate(45deg);
2858
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2859
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
2860
+ }
2861
+ ._top_start_ivtw5_60 {
2862
+ bottom: calc(100% + 10px);
2863
+ left: 0;
2864
+ transform: translateY(4px);
2865
+ }
2866
+ ._top_start_ivtw5_60._visible_ivtw5_27 {
2867
+ transform: translateY(0);
2868
+ }
2869
+ ._top_start_ivtw5_60::after {
2870
+ bottom: -5px;
2871
+ left: 16px;
2872
+ transform: rotate(45deg);
2873
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2874
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
2875
+ }
2876
+ ._top_end_ivtw5_75 {
2877
+ bottom: calc(100% + 10px);
2878
+ right: 0;
2879
+ transform: translateY(4px);
2880
+ }
2881
+ ._top_end_ivtw5_75._visible_ivtw5_27 {
2882
+ transform: translateY(0);
2883
+ }
2884
+ ._top_end_ivtw5_75::after {
2885
+ bottom: -5px;
2886
+ right: 16px;
2887
+ transform: rotate(45deg);
2888
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2889
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
2890
+ }
2891
+ ._bottom_ivtw5_90 {
2892
+ top: calc(100% + 10px);
2893
+ left: 50%;
2894
+ transform: translateX(-50%) translateY(-4px);
2895
+ }
2896
+ ._bottom_ivtw5_90._visible_ivtw5_27 {
2897
+ transform: translateX(-50%) translateY(0);
2898
+ }
2899
+ ._bottom_ivtw5_90::after {
2900
+ top: -5px;
2901
+ left: 50%;
2902
+ transform: translateX(-50%) rotate(45deg);
2903
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2904
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
2905
+ }
2906
+ ._bottom_start_ivtw5_105 {
2907
+ top: calc(100% + 10px);
2908
+ left: 0;
2909
+ transform: translateY(-4px);
2910
+ }
2911
+ ._bottom_start_ivtw5_105._visible_ivtw5_27 {
2912
+ transform: translateY(0);
2913
+ }
2914
+ ._bottom_start_ivtw5_105::after {
2915
+ top: -5px;
2916
+ left: 16px;
2917
+ transform: rotate(45deg);
2918
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2919
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
2920
+ }
2921
+ ._bottom_end_ivtw5_120 {
2922
+ top: calc(100% + 10px);
2923
+ right: 0;
2924
+ transform: translateY(-4px);
2925
+ }
2926
+ ._bottom_end_ivtw5_120._visible_ivtw5_27 {
2927
+ transform: translateY(0);
2928
+ }
2929
+ ._bottom_end_ivtw5_120::after {
2930
+ top: -5px;
2931
+ right: 16px;
2932
+ transform: rotate(45deg);
2933
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2934
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
2935
+ }
2936
+ ._left_ivtw5_135 {
2937
+ right: calc(100% + 10px);
2938
+ top: 50%;
2939
+ transform: translateY(-50%) translateX(4px);
2940
+ }
2941
+ ._left_ivtw5_135._visible_ivtw5_27 {
2942
+ transform: translateY(-50%) translateX(0);
2943
+ }
2944
+ ._left_ivtw5_135::after {
2945
+ right: -5px;
2946
+ top: 50%;
2947
+ transform: translateY(-50%) rotate(45deg);
2948
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2949
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2950
+ }
2951
+ ._left_start_ivtw5_150 {
2952
+ right: calc(100% + 10px);
2953
+ top: 0;
2954
+ transform: translateX(4px);
2955
+ }
2956
+ ._left_start_ivtw5_150._visible_ivtw5_27 {
2957
+ transform: translateX(0);
2958
+ }
2959
+ ._left_start_ivtw5_150::after {
2960
+ right: -5px;
2961
+ top: 12px;
2962
+ transform: rotate(45deg);
2963
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2964
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2965
+ }
2966
+ ._left_end_ivtw5_165 {
2967
+ right: calc(100% + 10px);
2968
+ bottom: 0;
2969
+ transform: translateX(4px);
2970
+ }
2971
+ ._left_end_ivtw5_165._visible_ivtw5_27 {
2972
+ transform: translateX(0);
2973
+ }
2974
+ ._left_end_ivtw5_165::after {
2975
+ right: -5px;
2976
+ bottom: 12px;
2977
+ transform: rotate(45deg);
2978
+ border-top: var(--stitch-border-width) solid var(--stitch-text-disabled);
2979
+ border-right: var(--stitch-border-width) solid var(--stitch-text-disabled);
2980
+ }
2981
+ ._right_ivtw5_180 {
2982
+ left: calc(100% + 10px);
2983
+ top: 50%;
2984
+ transform: translateY(-50%) translateX(-4px);
2985
+ }
2986
+ ._right_ivtw5_180._visible_ivtw5_27 {
2987
+ transform: translateY(-50%) translateX(0);
2988
+ }
2989
+ ._right_ivtw5_180::after {
2990
+ left: -5px;
2991
+ top: 50%;
2992
+ transform: translateY(-50%) rotate(45deg);
2993
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
2994
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
2995
+ }
2996
+ ._right_start_ivtw5_195 {
2997
+ left: calc(100% + 10px);
2998
+ top: 0;
2999
+ transform: translateX(-4px);
3000
+ }
3001
+ ._right_start_ivtw5_195._visible_ivtw5_27 {
3002
+ transform: translateX(0);
3003
+ }
3004
+ ._right_start_ivtw5_195::after {
3005
+ left: -5px;
3006
+ top: 12px;
3007
+ transform: rotate(45deg);
3008
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
3009
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
3010
+ }
3011
+ ._right_end_ivtw5_210 {
3012
+ left: calc(100% + 10px);
3013
+ bottom: 0;
3014
+ transform: translateX(-4px);
3015
+ }
3016
+ ._right_end_ivtw5_210._visible_ivtw5_27 {
3017
+ transform: translateX(0);
3018
+ }
3019
+ ._right_end_ivtw5_210::after {
3020
+ left: -5px;
3021
+ bottom: 12px;
3022
+ transform: rotate(45deg);
3023
+ border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
3024
+ border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
3025
+ }
3026
+ ._content_hwtib_1 {
3027
+ box-sizing: border-box;
3028
+ min-width: 180px;
3029
+ max-width: 320px;
3030
+ padding: var(--stitch-spacing-md) var(--stitch-spacing-lg);
3031
+ background: var(--stitch-bg-elevated);
3032
+ border: var(--stitch-border-width) solid var(--stitch-border);
3033
+ border-radius: var(--stitch-radius-card);
3034
+ box-shadow: var(--stitch-shadow-base);
3035
+ color: var(--stitch-text-primary);
3036
+ font-family: var(--stitch-font-body);
3037
+ font-size: var(--stitch-font-size-sm);
3038
+ line-height: var(--stitch-line-height-base);
3039
+ z-index: 100;
3040
+ }
3041
+ ._content_hwtib_1:focus-visible {
3042
+ outline: 2px solid var(--stitch-focus-ring);
3043
+ outline-offset: 2px;
3044
+ }
3045
+ ._content_hwtib_1[data-state='open'] {
3046
+ animation: _stitch-popover-in_hwtib_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3047
+ }
3048
+ ._content_hwtib_1[data-state='closed'] {
3049
+ animation: _stitch-popover-out_hwtib_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3050
+ }
3051
+ ._arrow_hwtib_26 {
3052
+ fill: var(--stitch-bg-elevated);
3053
+ }
3054
+ @keyframes _stitch-popover-in_hwtib_1 {
3055
+ from {
3056
+ opacity: 0;
3057
+ transform: scale(0.96);
3058
+ }
3059
+ to {
3060
+ opacity: 1;
3061
+ transform: scale(1);
3062
+ }
3063
+ }
3064
+ @keyframes _stitch-popover-out_hwtib_1 {
3065
+ from {
3066
+ opacity: 1;
3067
+ }
3068
+ to {
3069
+ opacity: 0;
3070
+ }
3071
+ }
3072
+ ._content_1k47g_1 {
3073
+ box-sizing: border-box;
3074
+ width: 300px;
3075
+ max-width: 360px;
3076
+ padding: var(--stitch-spacing-lg);
3077
+ background: var(--stitch-bg-elevated);
3078
+ border: var(--stitch-border-width) solid var(--stitch-border);
3079
+ border-radius: var(--stitch-radius-card);
3080
+ box-shadow: var(--stitch-shadow-base);
3081
+ color: var(--stitch-text-primary);
3082
+ font-family: var(--stitch-font-body);
3083
+ font-size: var(--stitch-font-size-sm);
3084
+ line-height: var(--stitch-line-height-base);
3085
+ z-index: 100;
3086
+ }
3087
+ ._content_1k47g_1[data-state='open'] {
3088
+ animation: _stitch-hover-card-in_1k47g_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3089
+ }
3090
+ ._content_1k47g_1[data-state='closed'] {
3091
+ animation: _stitch-hover-card-out_1k47g_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3092
+ }
3093
+ ._arrow_1k47g_22 {
3094
+ fill: var(--stitch-bg-elevated);
3095
+ }
3096
+ @keyframes _stitch-hover-card-in_1k47g_1 {
3097
+ from {
3098
+ opacity: 0;
3099
+ transform: scale(0.96);
3100
+ }
3101
+ to {
3102
+ opacity: 1;
3103
+ transform: scale(1);
3104
+ }
3105
+ }
3106
+ @keyframes _stitch-hover-card-out_1k47g_1 {
3107
+ from {
3108
+ opacity: 1;
3109
+ }
3110
+ to {
3111
+ opacity: 0;
3112
+ }
3113
+ }
3114
+ ._content_5l6nu_1 {
3115
+ box-sizing: border-box;
3116
+ min-width: 180px;
3117
+ padding: var(--stitch-spacing-xs);
3118
+ background: var(--stitch-bg-elevated);
3119
+ border: var(--stitch-border-width) solid var(--stitch-border);
3120
+ border-radius: var(--stitch-radius-card);
3121
+ box-shadow: var(--stitch-shadow-base);
3122
+ color: var(--stitch-text-primary);
3123
+ font-family: var(--stitch-font-body);
3124
+ font-size: var(--stitch-font-size-sm);
3125
+ line-height: var(--stitch-line-height-base);
3126
+ z-index: 100;
3127
+ }
3128
+ ._content_5l6nu_1[data-state='open'] {
3129
+ animation: _stitch-dropdown-in_5l6nu_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3130
+ }
3131
+ ._content_5l6nu_1[data-state='closed'] {
3132
+ animation: _stitch-dropdown-out_5l6nu_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3133
+ }
3134
+ ._item_5l6nu_21 {
3135
+ display: flex;
3136
+ align-items: center;
3137
+ gap: var(--stitch-spacing-sm);
3138
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
3139
+ border-radius: var(--stitch-radius-input);
3140
+ color: var(--stitch-text-primary);
3141
+ cursor: pointer;
3142
+ user-select: none;
3143
+ outline: none;
3144
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3145
+ }
3146
+ ._item_5l6nu_21[data-highlighted] {
3147
+ background: var(--stitch-bg-section);
3148
+ }
3149
+ ._item_5l6nu_21[data-disabled] {
3150
+ color: var(--stitch-text-disabled);
3151
+ cursor: not-allowed;
3152
+ pointer-events: none;
3153
+ }
3154
+ ._danger_5l6nu_41 {
3155
+ color: var(--stitch-danger);
3156
+ }
3157
+ ._danger_5l6nu_41[data-highlighted] {
3158
+ background: var(--stitch-danger-bg);
3159
+ color: var(--stitch-danger);
3160
+ }
3161
+ ._itemIcon_5l6nu_48 {
3162
+ flex-shrink: 0;
3163
+ color: currentColor;
3164
+ }
3165
+ ._itemLabel_5l6nu_52 {
3166
+ flex: 1;
3167
+ }
3168
+ ._subArrow_5l6nu_55 {
3169
+ flex-shrink: 0;
3170
+ margin-left: auto;
3171
+ color: var(--stitch-text-muted);
3172
+ }
3173
+ @keyframes _stitch-dropdown-in_5l6nu_1 {
3174
+ from {
3175
+ opacity: 0;
3176
+ transform: scale(0.96);
3177
+ }
3178
+ to {
3179
+ opacity: 1;
3180
+ transform: scale(1);
3181
+ }
3182
+ }
3183
+ @keyframes _stitch-dropdown-out_5l6nu_1 {
3184
+ from {
3185
+ opacity: 1;
3186
+ }
3187
+ to {
3188
+ opacity: 0;
3189
+ }
3190
+ }
3191
+ ._content_1or0o_1 {
3192
+ box-sizing: border-box;
3193
+ min-width: 180px;
3194
+ padding: var(--stitch-spacing-xs);
3195
+ background: var(--stitch-bg-elevated);
3196
+ border: var(--stitch-border-width) solid var(--stitch-border);
3197
+ border-radius: var(--stitch-radius-card);
3198
+ box-shadow: var(--stitch-shadow-base);
3199
+ color: var(--stitch-text-primary);
3200
+ font-family: var(--stitch-font-body);
3201
+ font-size: var(--stitch-font-size-sm);
3202
+ line-height: var(--stitch-line-height-base);
3203
+ z-index: 100;
3204
+ }
3205
+ ._content_1or0o_1[data-state='open'] {
3206
+ animation: _stitch-context-menu-in_1or0o_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3207
+ }
3208
+ ._content_1or0o_1[data-state='closed'] {
3209
+ animation: _stitch-context-menu-out_1or0o_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3210
+ }
3211
+ ._item_1or0o_21 {
3212
+ display: flex;
3213
+ align-items: center;
3214
+ gap: var(--stitch-spacing-sm);
3215
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
3216
+ border-radius: var(--stitch-radius-input);
3217
+ color: var(--stitch-text-primary);
3218
+ cursor: pointer;
3219
+ user-select: none;
3220
+ outline: none;
3221
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3222
+ }
3223
+ ._item_1or0o_21[data-highlighted] {
3224
+ background: var(--stitch-bg-section);
3225
+ }
3226
+ ._item_1or0o_21[data-disabled] {
3227
+ color: var(--stitch-text-disabled);
3228
+ cursor: not-allowed;
3229
+ pointer-events: none;
3230
+ }
3231
+ ._danger_1or0o_41 {
3232
+ color: var(--stitch-danger);
3233
+ }
3234
+ ._danger_1or0o_41[data-highlighted] {
3235
+ background: var(--stitch-danger-bg);
3236
+ color: var(--stitch-danger);
3237
+ }
3238
+ ._itemIcon_1or0o_48 {
3239
+ flex-shrink: 0;
3240
+ color: currentColor;
3241
+ }
3242
+ ._itemLabel_1or0o_52 {
3243
+ flex: 1;
3244
+ }
3245
+ ._subArrow_1or0o_55 {
3246
+ flex-shrink: 0;
3247
+ margin-left: auto;
3248
+ color: var(--stitch-text-muted);
3249
+ }
3250
+ @keyframes _stitch-context-menu-in_1or0o_1 {
3251
+ from {
3252
+ opacity: 0;
3253
+ transform: scale(0.96);
3254
+ }
3255
+ to {
3256
+ opacity: 1;
3257
+ transform: scale(1);
3258
+ }
3259
+ }
3260
+ @keyframes _stitch-context-menu-out_1or0o_1 {
3261
+ from {
3262
+ opacity: 1;
3263
+ }
3264
+ to {
3265
+ opacity: 0;
3266
+ }
3267
+ }
3268
+ ._root_907u3_1 {
3269
+ display: flex;
3270
+ align-items: center;
3271
+ gap: var(--stitch-spacing-xs);
3272
+ font-family: var(--stitch-font-body);
3273
+ font-size: var(--stitch-font-size-sm);
3274
+ }
3275
+ ._trigger_907u3_8 {
3276
+ display: inline-flex;
3277
+ align-items: center;
3278
+ padding: var(--stitch-spacing-xs) var(--stitch-spacing-md);
3279
+ border: none;
3280
+ border-radius: var(--stitch-radius-button);
3281
+ background: transparent;
3282
+ color: var(--stitch-text-secondary);
3283
+ font-family: inherit;
3284
+ font-size: inherit;
3285
+ line-height: var(--stitch-line-height-base);
3286
+ cursor: pointer;
3287
+ user-select: none;
3288
+ outline: none;
3289
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3290
+ }
3291
+ ._trigger_907u3_8:hover {
3292
+ background: var(--stitch-bg-section);
3293
+ color: var(--stitch-text-primary);
3294
+ }
3295
+ ._trigger_907u3_8[data-state='open'] {
3296
+ background: var(--stitch-bg-section);
3297
+ color: var(--stitch-text-primary);
3298
+ }
3299
+ ._trigger_907u3_8:focus-visible {
3300
+ box-shadow: 0 0 0 2px var(--stitch-focus-ring);
3301
+ }
3302
+ ._trigger_907u3_8[data-disabled] {
3303
+ color: var(--stitch-text-disabled);
3304
+ cursor: not-allowed;
3305
+ pointer-events: none;
3306
+ }
3307
+ ._content_907u3_40 {
3308
+ box-sizing: border-box;
3309
+ min-width: 180px;
3310
+ padding: var(--stitch-spacing-xs);
3311
+ background: var(--stitch-bg-elevated);
3312
+ border: var(--stitch-border-width) solid var(--stitch-border);
3313
+ border-radius: var(--stitch-radius-card);
3314
+ box-shadow: var(--stitch-shadow-base);
3315
+ color: var(--stitch-text-primary);
3316
+ font-family: var(--stitch-font-body);
3317
+ font-size: var(--stitch-font-size-sm);
3318
+ line-height: var(--stitch-line-height-base);
3319
+ z-index: 100;
3320
+ }
3321
+ ._content_907u3_40[data-state='open'] {
3322
+ animation: _stitch-menubar-in_907u3_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3323
+ }
3324
+ ._content_907u3_40[data-state='closed'] {
3325
+ animation: _stitch-menubar-out_907u3_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3326
+ }
3327
+ ._item_907u3_60 {
3328
+ display: flex;
3329
+ align-items: center;
3330
+ gap: var(--stitch-spacing-sm);
3331
+ padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
3332
+ border-radius: var(--stitch-radius-input);
3333
+ color: var(--stitch-text-primary);
3334
+ cursor: pointer;
3335
+ user-select: none;
3336
+ outline: none;
3337
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3338
+ }
3339
+ ._item_907u3_60[data-highlighted] {
3340
+ background: var(--stitch-bg-section);
3341
+ }
3342
+ ._item_907u3_60[data-disabled] {
3343
+ color: var(--stitch-text-disabled);
3344
+ cursor: not-allowed;
3345
+ pointer-events: none;
3346
+ }
3347
+ ._danger_907u3_80 {
3348
+ color: var(--stitch-danger);
3349
+ }
3350
+ ._danger_907u3_80[data-highlighted] {
3351
+ background: var(--stitch-danger-bg);
3352
+ color: var(--stitch-danger);
3353
+ }
3354
+ ._itemIcon_907u3_87 {
3355
+ flex-shrink: 0;
3356
+ color: currentColor;
3357
+ }
3358
+ ._itemLabel_907u3_91 {
3359
+ flex: 1;
3360
+ }
3361
+ ._subArrow_907u3_94 {
3362
+ flex-shrink: 0;
3363
+ margin-left: auto;
3364
+ color: var(--stitch-text-muted);
3365
+ }
3366
+ @keyframes _stitch-menubar-in_907u3_1 {
3367
+ from {
3368
+ opacity: 0;
3369
+ transform: scale(0.96);
3370
+ }
3371
+ to {
3372
+ opacity: 1;
3373
+ transform: scale(1);
3374
+ }
3375
+ }
3376
+ @keyframes _stitch-menubar-out_907u3_1 {
3377
+ from {
3378
+ opacity: 1;
3379
+ }
3380
+ to {
3381
+ opacity: 0;
3382
+ }
3383
+ }
3384
+ ._root_1m3hm_1 {
3385
+ display: inline-flex;
3386
+ align-items: center;
3387
+ gap: var(--stitch-spacing-xs);
3388
+ font-family: var(--stitch-font-body);
3389
+ padding: var(--stitch-spacing-xs);
3390
+ background: var(--stitch-bg-elevated);
3391
+ border: var(--stitch-border-width) solid var(--stitch-border);
3392
+ border-radius: var(--stitch-radius-card);
3393
+ }
3394
+ ._root_1m3hm_1[data-orientation='vertical'] {
3395
+ flex-direction: column;
3396
+ align-items: stretch;
3397
+ }
3398
+ ._button_1m3hm_15 {
3399
+ display: inline-flex;
3400
+ align-items: center;
3401
+ justify-content: center;
3402
+ gap: var(--stitch-spacing-xs);
3403
+ height: var(--stitch-height-sm);
3404
+ padding: 0 var(--stitch-spacing-md);
3405
+ border: none;
3406
+ border-radius: var(--stitch-radius-input);
3407
+ background: transparent;
3408
+ color: var(--stitch-text-secondary);
3409
+ font-family: inherit;
3410
+ font-size: var(--stitch-font-size-base);
3411
+ font-weight: var(--stitch-font-weight-normal);
3412
+ line-height: 1;
3413
+ white-space: nowrap;
3414
+ cursor: pointer;
3415
+ user-select: none;
3416
+ outline: none;
3417
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3418
+ }
3419
+ ._button_1m3hm_15:hover:not(:disabled) {
3420
+ background: var(--stitch-bg-section);
3421
+ color: var(--stitch-text-primary);
3422
+ }
3423
+ ._button_1m3hm_15:focus-visible {
3424
+ outline: 2px solid var(--stitch-focus-ring);
3425
+ outline-offset: 1px;
3426
+ }
3427
+ ._button_1m3hm_15:disabled {
3428
+ color: var(--stitch-text-disabled);
3429
+ cursor: not-allowed;
3430
+ }
3431
+ ._buttonDanger_1m3hm_48 {
3432
+ color: var(--stitch-danger);
3433
+ }
3434
+ ._buttonDanger_1m3hm_48:hover:not(:disabled) {
3435
+ background: var(--stitch-danger-bg);
3436
+ color: var(--stitch-danger);
3437
+ }
3438
+ ._buttonIcon_1m3hm_55 {
3439
+ flex-shrink: 0;
3440
+ display: inline-flex;
3441
+ align-items: center;
3442
+ color: currentColor;
3443
+ }
3444
+ ._toggleGroup_1m3hm_61 {
3445
+ display: inline-flex;
3446
+ gap: var(--stitch-spacing-xs);
3447
+ }
3448
+ ._toggleItem_1m3hm_65 {
3449
+ display: inline-flex;
3450
+ align-items: center;
3451
+ justify-content: center;
3452
+ gap: var(--stitch-spacing-xs);
3453
+ height: var(--stitch-height-sm);
3454
+ padding: 0 var(--stitch-spacing-md);
3455
+ border: none;
3456
+ border-radius: var(--stitch-radius-input);
3457
+ background: transparent;
3458
+ color: var(--stitch-text-secondary);
3459
+ font-family: inherit;
3460
+ font-size: var(--stitch-font-size-base);
3461
+ font-weight: var(--stitch-font-weight-normal);
3462
+ line-height: 1;
3463
+ white-space: nowrap;
3464
+ cursor: pointer;
3465
+ user-select: none;
3466
+ outline: none;
3467
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease), border-color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3468
+ }
3469
+ ._toggleItem_1m3hm_65:hover:not([data-disabled]):not([data-state='on']) {
3470
+ background: var(--stitch-bg-section);
3471
+ color: var(--stitch-text-primary);
3472
+ }
3473
+ ._toggleItem_1m3hm_65:focus-visible {
3474
+ outline: 2px solid var(--stitch-focus-ring);
3475
+ outline-offset: 1px;
3476
+ }
3477
+ ._toggleItem_1m3hm_65[data-disabled] {
3478
+ cursor: not-allowed;
3479
+ opacity: 0.5;
3480
+ }
3481
+ ._toggleItem_1m3hm_65[data-state='on'] {
3482
+ background: var(--stitch-bg-accent);
3483
+ color: var(--stitch-text-on-accent);
3484
+ font-weight: var(--stitch-font-weight-medium);
3485
+ }
3486
+ ._itemIcon_1m3hm_103 {
3487
+ flex-shrink: 0;
3488
+ }
3489
+ ._separator_1m3hm_106 {
3490
+ flex-shrink: 0;
3491
+ background: var(--stitch-border);
3492
+ align-self: stretch;
3493
+ width: var(--stitch-border-width);
3494
+ margin: var(--stitch-spacing-xs) var(--stitch-spacing-xs);
3495
+ }
3496
+ ._separator_1m3hm_106[data-orientation='horizontal'] {
3497
+ width: auto;
3498
+ height: var(--stitch-border-width);
3499
+ margin: var(--stitch-spacing-xs) var(--stitch-spacing-xs);
3500
+ }
3501
+ ._link_1m3hm_118 {
3502
+ display: inline-flex;
3503
+ align-items: center;
3504
+ height: var(--stitch-height-sm);
3505
+ padding: 0 var(--stitch-spacing-md);
3506
+ border-radius: var(--stitch-radius-input);
3507
+ color: var(--stitch-text-secondary);
3508
+ font-family: inherit;
3509
+ font-size: var(--stitch-font-size-base);
3510
+ font-weight: var(--stitch-font-weight-normal);
3511
+ line-height: 1;
3512
+ text-decoration: none;
3513
+ cursor: pointer;
3514
+ user-select: none;
3515
+ outline: none;
3516
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease), background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3517
+ }
3518
+ ._link_1m3hm_118:hover {
3519
+ color: var(--stitch-text-primary);
3520
+ background: var(--stitch-bg-section);
3521
+ }
3522
+ ._link_1m3hm_118:focus-visible {
3523
+ outline: 2px solid var(--stitch-focus-ring);
3524
+ outline-offset: 1px;
3525
+ }
3526
+ ._link_1m3hm_118[data-disabled] {
3527
+ color: var(--stitch-text-disabled);
3528
+ cursor: not-allowed;
3529
+ pointer-events: none;
3530
+ }
3531
+ ._root_phcem_1 {
3532
+ position: relative;
3533
+ display: flex;
3534
+ font-family: var(--stitch-font-body);
3535
+ font-size: var(--stitch-font-size-sm);
3536
+ line-height: var(--stitch-line-height-base);
3537
+ }
3538
+ ._list_phcem_8 {
3539
+ display: flex;
3540
+ align-items: center;
3541
+ gap: var(--stitch-spacing-xs);
3542
+ margin: 0;
3543
+ padding: 0;
3544
+ list-style: none;
3545
+ }
3546
+ ._item_phcem_16 {
3547
+ position: relative;
3548
+ }
3549
+ ._link_phcem_19,
3550
+ ._trigger_phcem_20 {
3551
+ display: inline-flex;
3552
+ align-items: center;
3553
+ gap: var(--stitch-spacing-xs);
3554
+ height: 32px;
3555
+ padding: 0 var(--stitch-spacing-md);
3556
+ border: none;
3557
+ border-radius: var(--stitch-radius-button);
3558
+ background: transparent;
3559
+ color: var(--stitch-text-secondary);
3560
+ font: inherit;
3561
+ text-decoration: none;
3562
+ cursor: pointer;
3563
+ user-select: none;
3564
+ outline: none;
3565
+ transition: color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3566
+ }
3567
+ ._link_phcem_19:hover,
3568
+ ._trigger_phcem_20:hover {
3569
+ color: var(--stitch-text-primary);
3570
+ }
3571
+ ._link_phcem_19:focus-visible,
3572
+ ._trigger_phcem_20:focus-visible {
3573
+ outline: 2px solid var(--stitch-focus-ring);
3574
+ outline-offset: 2px;
3575
+ }
3576
+ ._link_phcem_19[data-active] {
3577
+ color: var(--stitch-accent);
3578
+ }
3579
+ ._trigger_phcem_20[data-state='open'] {
3580
+ color: var(--stitch-text-primary);
3581
+ }
3582
+ ._caret_phcem_52 {
3583
+ flex-shrink: 0;
3584
+ color: var(--stitch-text-muted);
3585
+ transition: transform var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3586
+ }
3587
+ ._trigger_phcem_20[data-state='open'] ._caret_phcem_52 {
3588
+ transform: rotate(180deg);
3589
+ }
3590
+ ._viewportWrapper_phcem_60 {
3591
+ position: absolute;
3592
+ top: 100%;
3593
+ left: 0;
3594
+ display: flex;
3595
+ justify-content: flex-start;
3596
+ z-index: 100;
3597
+ }
3598
+ ._viewport_phcem_60 {
3599
+ position: relative;
3600
+ margin-top: var(--stitch-spacing-sm);
3601
+ width: max-content;
3602
+ max-width: 90vw;
3603
+ background: var(--stitch-bg-elevated);
3604
+ border: var(--stitch-border-width) solid var(--stitch-border);
3605
+ border-radius: var(--stitch-radius-card);
3606
+ box-shadow: var(--stitch-shadow-base);
3607
+ color: var(--stitch-text-primary);
3608
+ }
3609
+ ._viewport_phcem_60[data-state='open'] {
3610
+ animation: _stitch-navigation-menu-in_phcem_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
3611
+ }
3612
+ ._viewport_phcem_60[data-state='closed'] {
3613
+ animation: _stitch-navigation-menu-out_phcem_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3614
+ }
3615
+ ._content_phcem_85 {
3616
+ padding: var(--stitch-spacing-lg);
3617
+ }
3618
+ @keyframes _stitch-navigation-menu-in_phcem_1 {
3619
+ from {
3620
+ opacity: 0;
3621
+ transform: translateY(-6px);
3622
+ }
3623
+ to {
3624
+ opacity: 1;
3625
+ transform: translateY(0);
3626
+ }
3627
+ }
3628
+ @keyframes _stitch-navigation-menu-out_phcem_1 {
3629
+ from {
3630
+ opacity: 1;
3631
+ transform: translateY(0);
3632
+ }
3633
+ to {
3634
+ opacity: 0;
3635
+ transform: translateY(-6px);
3636
+ }
3637
+ }
3638
+ ._root_1mbik_1 {
3639
+ overflow: hidden;
3640
+ position: relative;
3641
+ }
3642
+ ._viewport_1mbik_5 {
3643
+ width: 100%;
3644
+ height: 100%;
3645
+ border-radius: inherit;
3646
+ }
3647
+ ._scrollbar_1mbik_10 {
3648
+ display: flex;
3649
+ user-select: none;
3650
+ touch-action: none;
3651
+ padding: var(--sa-track-pad);
3652
+ background: transparent;
3653
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3654
+ }
3655
+ ._scrollbar_1mbik_10:hover {
3656
+ background: var(--stitch-bg-section);
3657
+ }
3658
+ ._scrollbar_1mbik_10[data-orientation='vertical'] {
3659
+ width: var(--sa-size);
3660
+ }
3661
+ ._scrollbar_1mbik_10[data-orientation='horizontal'] {
3662
+ flex-direction: column;
3663
+ height: var(--sa-size);
3664
+ }
3665
+ ._thumb_1mbik_28 {
3666
+ flex: 1;
3667
+ position: relative;
3668
+ background: var(--stitch-text-muted);
3669
+ border-radius: var(--stitch-radius-button);
3670
+ transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
3671
+ }
3672
+ ._thumb_1mbik_28:hover {
3673
+ background: var(--stitch-text-secondary);
3674
+ }
3675
+ ._thumb_1mbik_28::before {
3676
+ content: '';
3677
+ position: absolute;
3678
+ top: 50%;
3679
+ left: 50%;
3680
+ width: 100%;
3681
+ height: 100%;
3682
+ min-width: 44px;
3683
+ min-height: 44px;
3684
+ transform: translate(-50%, -50%);
3685
+ }
3686
+ ._corner_1mbik_49 {
3687
+ background: transparent;
3688
+ }
3689
+ ._root_1mbik_1 {
3690
+ --sa-size: 10px;
3691
+ --sa-track-pad: 2px;
3692
+ }
3693
+ /*$vite$:1*/