@openameba/spindle-ui 1.5.0 → 1.6.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 (821) hide show
  1. package/.bundlewatch.config.js +76 -0
  2. package/Breadcrumb/BreadcrumbList.d.ts +1 -1
  3. package/Breadcrumb/BreadcrumbList.d.ts.map +1 -1
  4. package/Button/Button.figma.d.ts +2 -0
  5. package/Button/Button.figma.d.ts.map +1 -0
  6. package/Button/Button.figma.js +46 -0
  7. package/Button/Button.figma.js.map +1 -0
  8. package/Button/Button.figma.mjs +37 -0
  9. package/CHANGELOG.md +12 -0
  10. package/Dialog/Dialog.d.ts +3 -3
  11. package/Dialog/Dialog.figma.d.ts +2 -0
  12. package/Dialog/Dialog.figma.d.ts.map +1 -0
  13. package/Dialog/Dialog.figma.js +48 -0
  14. package/Dialog/Dialog.figma.js.map +1 -0
  15. package/Dialog/Dialog.figma.mjs +39 -0
  16. package/Dialog/DialogExample.d.ts +6 -5
  17. package/Dialog/DialogExample.d.ts.map +1 -1
  18. package/DropdownMenu/DropdownMenu.d.ts +7 -7
  19. package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  20. package/Form/Checkbox.figma.d.ts +2 -0
  21. package/Form/Checkbox.figma.d.ts.map +1 -0
  22. package/Form/Checkbox.figma.js +24 -0
  23. package/Form/Checkbox.figma.js.map +1 -0
  24. package/Form/Checkbox.figma.mjs +15 -0
  25. package/Form/Checkbox.js +5 -2
  26. package/Form/Checkbox.js.map +1 -1
  27. package/Form/Checkbox.mjs +1 -1
  28. package/Form/DropDown.js +2 -2
  29. package/Form/DropDown.js.map +1 -1
  30. package/Form/DropDown.mjs +1 -1
  31. package/Form/InlineDropDown.js +2 -2
  32. package/Form/InlineDropDown.js.map +1 -1
  33. package/Form/InlineDropDown.mjs +1 -1
  34. package/Form/InvalidMessage.js +2 -2
  35. package/Form/InvalidMessage.js.map +1 -1
  36. package/Form/InvalidMessage.mjs +1 -1
  37. package/Form/Radio.css +1 -1
  38. package/Form/Radio.figma.d.ts +2 -0
  39. package/Form/Radio.figma.d.ts.map +1 -0
  40. package/Form/Radio.figma.js +23 -0
  41. package/Form/Radio.figma.js.map +1 -0
  42. package/Form/Radio.figma.mjs +14 -0
  43. package/Form/Radio.js +5 -2
  44. package/Form/Radio.js.map +1 -1
  45. package/Form/Radio.mjs +1 -1
  46. package/Form/ToggleSwitch.figma.d.ts +2 -0
  47. package/Form/ToggleSwitch.figma.d.ts.map +1 -0
  48. package/Form/ToggleSwitch.figma.js +21 -0
  49. package/Form/ToggleSwitch.figma.js.map +1 -0
  50. package/Form/ToggleSwitch.figma.mjs +12 -0
  51. package/Form/index.css +1 -1
  52. package/Icon/755.d.ts +2 -1
  53. package/Icon/755.d.ts.map +1 -1
  54. package/Icon/Abemakun.d.ts +2 -1
  55. package/Icon/Abemakun.d.ts.map +1 -1
  56. package/Icon/Abematv.d.ts +2 -1
  57. package/Icon/Abematv.d.ts.map +1 -1
  58. package/Icon/Accesslink.d.ts +2 -1
  59. package/Icon/Accesslink.d.ts.map +1 -1
  60. package/Icon/Accesspage.d.ts +2 -1
  61. package/Icon/Accesspage.d.ts.map +1 -1
  62. package/Icon/AccesspageFill.d.ts +2 -1
  63. package/Icon/AccesspageFill.d.ts.map +1 -1
  64. package/Icon/Ad.d.ts +2 -1
  65. package/Icon/Ad.d.ts.map +1 -1
  66. package/Icon/AddressbookFill.d.ts +2 -1
  67. package/Icon/AddressbookFill.d.ts.map +1 -1
  68. package/Icon/AlbumAddFill.d.ts +2 -1
  69. package/Icon/AlbumAddFill.d.ts.map +1 -1
  70. package/Icon/AlbumFill.d.ts +2 -1
  71. package/Icon/AlbumFill.d.ts.map +1 -1
  72. package/Icon/AlignCenter.d.ts +2 -1
  73. package/Icon/AlignCenter.d.ts.map +1 -1
  74. package/Icon/AlignLeft.d.ts +2 -1
  75. package/Icon/AlignLeft.d.ts.map +1 -1
  76. package/Icon/AlignRight.d.ts +2 -1
  77. package/Icon/AlignRight.d.ts.map +1 -1
  78. package/Icon/AllFill.d.ts +2 -1
  79. package/Icon/AllFill.d.ts.map +1 -1
  80. package/Icon/Amebacoin.d.ts +2 -1
  81. package/Icon/Amebacoin.d.ts.map +1 -1
  82. package/Icon/Amebapick.d.ts +2 -1
  83. package/Icon/Amebapick.d.ts.map +1 -1
  84. package/Icon/Amegold.d.ts +2 -1
  85. package/Icon/Amegold.d.ts.map +1 -1
  86. package/Icon/Amember.d.ts +2 -1
  87. package/Icon/Amember.d.ts.map +1 -1
  88. package/Icon/ArrowDown.d.ts +2 -1
  89. package/Icon/ArrowDown.d.ts.map +1 -1
  90. package/Icon/ArrowDownBold.d.ts +2 -1
  91. package/Icon/ArrowDownBold.d.ts.map +1 -1
  92. package/Icon/ArrowLeft.d.ts +2 -1
  93. package/Icon/ArrowLeft.d.ts.map +1 -1
  94. package/Icon/ArrowLeftBold.d.ts +2 -1
  95. package/Icon/ArrowLeftBold.d.ts.map +1 -1
  96. package/Icon/ArrowLeftright.d.ts +2 -1
  97. package/Icon/ArrowLeftright.d.ts.map +1 -1
  98. package/Icon/ArrowRight.d.ts +2 -1
  99. package/Icon/ArrowRight.d.ts.map +1 -1
  100. package/Icon/ArrowRightBold.d.ts +2 -1
  101. package/Icon/ArrowRightBold.d.ts.map +1 -1
  102. package/Icon/ArrowRightCircle.d.ts +2 -1
  103. package/Icon/ArrowRightCircle.d.ts.map +1 -1
  104. package/Icon/ArrowRightCircleFill.d.ts +2 -1
  105. package/Icon/ArrowRightCircleFill.d.ts.map +1 -1
  106. package/Icon/ArrowSubdirectory.d.ts +2 -1
  107. package/Icon/ArrowSubdirectory.d.ts.map +1 -1
  108. package/Icon/ArrowSubdirectoryBold.d.ts +2 -1
  109. package/Icon/ArrowSubdirectoryBold.d.ts.map +1 -1
  110. package/Icon/ArrowUp.d.ts +2 -1
  111. package/Icon/ArrowUp.d.ts.map +1 -1
  112. package/Icon/ArrowUpBold.d.ts +2 -1
  113. package/Icon/ArrowUpBold.d.ts.map +1 -1
  114. package/Icon/ArrowUpdown.d.ts +2 -1
  115. package/Icon/ArrowUpdown.d.ts.map +1 -1
  116. package/Icon/ArrowpagingDown.d.ts +2 -1
  117. package/Icon/ArrowpagingDown.d.ts.map +1 -1
  118. package/Icon/ArrowpagingDownCircle.d.ts +2 -1
  119. package/Icon/ArrowpagingDownCircle.d.ts.map +1 -1
  120. package/Icon/ArrowpagingLeft.d.ts +2 -1
  121. package/Icon/ArrowpagingLeft.d.ts.map +1 -1
  122. package/Icon/ArrowpagingLeftCircle.d.ts +2 -1
  123. package/Icon/ArrowpagingLeftCircle.d.ts.map +1 -1
  124. package/Icon/ArrowpagingRight.d.ts +2 -1
  125. package/Icon/ArrowpagingRight.d.ts.map +1 -1
  126. package/Icon/ArrowpagingRightCircle.d.ts +2 -1
  127. package/Icon/ArrowpagingRightCircle.d.ts.map +1 -1
  128. package/Icon/ArrowpagingUp.d.ts +2 -1
  129. package/Icon/ArrowpagingUp.d.ts.map +1 -1
  130. package/Icon/ArrowpagingUpCircle.d.ts +2 -1
  131. package/Icon/ArrowpagingUpCircle.d.ts.map +1 -1
  132. package/Icon/Article.d.ts +2 -1
  133. package/Icon/Article.d.ts.map +1 -1
  134. package/Icon/ArticleSlash.d.ts +2 -1
  135. package/Icon/ArticleSlash.d.ts.map +1 -1
  136. package/Icon/Articledesign.d.ts +2 -1
  137. package/Icon/Articledesign.d.ts.map +1 -1
  138. package/Icon/Astrogy.d.ts +2 -1
  139. package/Icon/Astrogy.d.ts.map +1 -1
  140. package/Icon/AstrogyFill.d.ts +2 -1
  141. package/Icon/AstrogyFill.d.ts.map +1 -1
  142. package/Icon/Baby.d.ts +2 -1
  143. package/Icon/Baby.d.ts.map +1 -1
  144. package/Icon/Bbs.d.ts +2 -1
  145. package/Icon/Bbs.d.ts.map +1 -1
  146. package/Icon/Beginner.d.ts +2 -1
  147. package/Icon/Beginner.d.ts.map +1 -1
  148. package/Icon/Beginnermark.d.ts +2 -1
  149. package/Icon/Beginnermark.d.ts.map +1 -1
  150. package/Icon/Bell.d.ts +2 -1
  151. package/Icon/Bell.d.ts.map +1 -1
  152. package/Icon/BellFill.d.ts +2 -1
  153. package/Icon/BellFill.d.ts.map +1 -1
  154. package/Icon/BellFillSlash.d.ts +2 -1
  155. package/Icon/BellFillSlash.d.ts.map +1 -1
  156. package/Icon/BellSlash.d.ts +2 -1
  157. package/Icon/BellSlash.d.ts.map +1 -1
  158. package/Icon/Blog.d.ts +2 -1
  159. package/Icon/Blog.d.ts.map +1 -1
  160. package/Icon/Bloggersshop.d.ts +2 -1
  161. package/Icon/Bloggersshop.d.ts.map +1 -1
  162. package/Icon/Bold.d.ts +2 -1
  163. package/Icon/Bold.d.ts.map +1 -1
  164. package/Icon/Book.d.ts +2 -1
  165. package/Icon/Book.d.ts.map +1 -1
  166. package/Icon/BookFill.d.ts +2 -1
  167. package/Icon/BookFill.d.ts.map +1 -1
  168. package/Icon/Bookmark.d.ts +2 -1
  169. package/Icon/Bookmark.d.ts.map +1 -1
  170. package/Icon/BookmarkFill.d.ts +2 -1
  171. package/Icon/BookmarkFill.d.ts.map +1 -1
  172. package/Icon/Bookshelf.d.ts +2 -1
  173. package/Icon/Bookshelf.d.ts.map +1 -1
  174. package/Icon/BookshelfFill.d.ts +2 -1
  175. package/Icon/BookshelfFill.d.ts.map +1 -1
  176. package/Icon/Border.d.ts +2 -1
  177. package/Icon/Border.d.ts.map +1 -1
  178. package/Icon/BottomnavFollowfeedActive.d.ts +2 -1
  179. package/Icon/BottomnavFollowfeedActive.d.ts.map +1 -1
  180. package/Icon/BottomnavFollowfeedInactive.d.ts +2 -1
  181. package/Icon/BottomnavFollowfeedInactive.d.ts.map +1 -1
  182. package/Icon/BottomnavHomeActive.d.ts +2 -1
  183. package/Icon/BottomnavHomeActive.d.ts.map +1 -1
  184. package/Icon/BottomnavHomeInactive.d.ts +2 -1
  185. package/Icon/BottomnavHomeInactive.d.ts.map +1 -1
  186. package/Icon/BottomnavMypageActive.d.ts +2 -1
  187. package/Icon/BottomnavMypageActive.d.ts.map +1 -1
  188. package/Icon/BottomnavSearchActive.d.ts +2 -1
  189. package/Icon/BottomnavSearchActive.d.ts.map +1 -1
  190. package/Icon/BottomnavSearchInactive.d.ts +2 -1
  191. package/Icon/BottomnavSearchInactive.d.ts.map +1 -1
  192. package/Icon/BottomnvavMypageInactive.d.ts +2 -1
  193. package/Icon/BottomnvavMypageInactive.d.ts.map +1 -1
  194. package/Icon/Bullets.d.ts +2 -1
  195. package/Icon/Bullets.d.ts.map +1 -1
  196. package/Icon/Calendar.d.ts +2 -1
  197. package/Icon/Calendar.d.ts.map +1 -1
  198. package/Icon/CameraFill.d.ts +2 -1
  199. package/Icon/CameraFill.d.ts.map +1 -1
  200. package/Icon/Cards.d.ts +2 -1
  201. package/Icon/Cards.d.ts.map +1 -1
  202. package/Icon/Cart.d.ts +2 -1
  203. package/Icon/Cart.d.ts.map +1 -1
  204. package/Icon/CartFill.d.ts +2 -1
  205. package/Icon/CartFill.d.ts.map +1 -1
  206. package/Icon/CautionFill.d.ts +2 -1
  207. package/Icon/CautionFill.d.ts.map +1 -1
  208. package/Icon/Check.d.ts +2 -1
  209. package/Icon/Check.d.ts.map +1 -1
  210. package/Icon/CheckBold.d.ts +2 -1
  211. package/Icon/CheckBold.d.ts.map +1 -1
  212. package/Icon/CheckCircle.d.ts +2 -1
  213. package/Icon/CheckCircle.d.ts.map +1 -1
  214. package/Icon/CheckCircleFill.d.ts +2 -1
  215. package/Icon/CheckCircleFill.d.ts.map +1 -1
  216. package/Icon/CheckRectangle.d.ts +2 -1
  217. package/Icon/CheckRectangle.d.ts.map +1 -1
  218. package/Icon/Checklist.d.ts +2 -1
  219. package/Icon/Checklist.d.ts.map +1 -1
  220. package/Icon/ChevronDown.d.ts +2 -1
  221. package/Icon/ChevronDown.d.ts.map +1 -1
  222. package/Icon/ChevronDownBold.d.ts +2 -1
  223. package/Icon/ChevronDownBold.d.ts.map +1 -1
  224. package/Icon/ChevronLeft.d.ts +2 -1
  225. package/Icon/ChevronLeft.d.ts.map +1 -1
  226. package/Icon/ChevronLeftBold.d.ts +2 -1
  227. package/Icon/ChevronLeftBold.d.ts.map +1 -1
  228. package/Icon/ChevronRight.d.ts +2 -1
  229. package/Icon/ChevronRight.d.ts.map +1 -1
  230. package/Icon/ChevronRightBold.d.ts +2 -1
  231. package/Icon/ChevronRightBold.d.ts.map +1 -1
  232. package/Icon/ChevronUp.d.ts +2 -1
  233. package/Icon/ChevronUp.d.ts.map +1 -1
  234. package/Icon/ChevronUpBold.d.ts +2 -1
  235. package/Icon/ChevronUpBold.d.ts.map +1 -1
  236. package/Icon/ChevronUpTwoBold.d.ts +2 -1
  237. package/Icon/ChevronUpTwoBold.d.ts.map +1 -1
  238. package/Icon/Circle.d.ts +2 -1
  239. package/Icon/Circle.d.ts.map +1 -1
  240. package/Icon/CircleBold.d.ts +2 -1
  241. package/Icon/CircleBold.d.ts.map +1 -1
  242. package/Icon/CircleFill.d.ts +2 -1
  243. package/Icon/CircleFill.d.ts.map +1 -1
  244. package/Icon/CircleSlash.d.ts +2 -1
  245. package/Icon/CircleSlash.d.ts.map +1 -1
  246. package/Icon/Clock.d.ts +2 -1
  247. package/Icon/Clock.d.ts.map +1 -1
  248. package/Icon/ClockFill.d.ts +2 -1
  249. package/Icon/ClockFill.d.ts.map +1 -1
  250. package/Icon/Coin.d.ts +2 -1
  251. package/Icon/Coin.d.ts.map +1 -1
  252. package/Icon/Comment.d.ts +2 -1
  253. package/Icon/Comment.d.ts.map +1 -1
  254. package/Icon/CommentFill.d.ts +2 -1
  255. package/Icon/CommentFill.d.ts.map +1 -1
  256. package/Icon/CommentPen.d.ts +2 -1
  257. package/Icon/CommentPen.d.ts.map +1 -1
  258. package/Icon/CommentTwoFill.d.ts +2 -1
  259. package/Icon/CommentTwoFill.d.ts.map +1 -1
  260. package/Icon/CommentTwoSlashFill.d.ts +2 -1
  261. package/Icon/CommentTwoSlashFill.d.ts.map +1 -1
  262. package/Icon/Community.d.ts +2 -1
  263. package/Icon/Community.d.ts.map +1 -1
  264. package/Icon/Compass.d.ts +2 -1
  265. package/Icon/Compass.d.ts.map +1 -1
  266. package/Icon/Coupon.d.ts +2 -1
  267. package/Icon/Coupon.d.ts.map +1 -1
  268. package/Icon/Crop.d.ts +2 -1
  269. package/Icon/Crop.d.ts.map +1 -1
  270. package/Icon/CropDin.d.ts +2 -1
  271. package/Icon/CropDin.d.ts.map +1 -1
  272. package/Icon/CropLandscape.d.ts +2 -1
  273. package/Icon/CropLandscape.d.ts.map +1 -1
  274. package/Icon/Cross.d.ts +2 -1
  275. package/Icon/Cross.d.ts.map +1 -1
  276. package/Icon/CrossBold.d.ts +2 -1
  277. package/Icon/CrossBold.d.ts.map +1 -1
  278. package/Icon/CrossCircle.d.ts +2 -1
  279. package/Icon/CrossCircle.d.ts.map +1 -1
  280. package/Icon/CrossCircleFill.d.ts +2 -1
  281. package/Icon/CrossCircleFill.d.ts.map +1 -1
  282. package/Icon/CrossRectangle.d.ts +2 -1
  283. package/Icon/CrossRectangle.d.ts.map +1 -1
  284. package/Icon/Cutlery.d.ts +2 -1
  285. package/Icon/Cutlery.d.ts.map +1 -1
  286. package/Icon/DiamondTwo.d.ts +2 -1
  287. package/Icon/DiamondTwo.d.ts.map +1 -1
  288. package/Icon/Dice.d.ts +2 -1
  289. package/Icon/Dice.d.ts.map +1 -1
  290. package/Icon/Dot.d.ts +2 -1
  291. package/Icon/Dot.d.ts.map +1 -1
  292. package/Icon/Dotmoney.d.ts +2 -1
  293. package/Icon/Dotmoney.d.ts.map +1 -1
  294. package/Icon/Download.d.ts +2 -1
  295. package/Icon/Download.d.ts.map +1 -1
  296. package/Icon/DragIndicator.d.ts +2 -1
  297. package/Icon/DragIndicator.d.ts.map +1 -1
  298. package/Icon/Embed.d.ts +2 -1
  299. package/Icon/Embed.d.ts.map +1 -1
  300. package/Icon/EmotionFill.d.ts +2 -1
  301. package/Icon/EmotionFill.d.ts.map +1 -1
  302. package/Icon/EntryLost.d.ts +2 -1
  303. package/Icon/EntryLost.d.ts.map +1 -1
  304. package/Icon/Exclamationmark.d.ts +2 -1
  305. package/Icon/Exclamationmark.d.ts.map +1 -1
  306. package/Icon/ExclamationmarkBalloon.d.ts +2 -1
  307. package/Icon/ExclamationmarkBalloon.d.ts.map +1 -1
  308. package/Icon/ExclamationmarkBalloonFill.d.ts +2 -1
  309. package/Icon/ExclamationmarkBalloonFill.d.ts.map +1 -1
  310. package/Icon/ExclamationmarkBold.d.ts +2 -1
  311. package/Icon/ExclamationmarkBold.d.ts.map +1 -1
  312. package/Icon/ExclamationmarkCircle.d.ts +2 -1
  313. package/Icon/ExclamationmarkCircle.d.ts.map +1 -1
  314. package/Icon/ExclamationmarkCircleFill.d.ts +2 -1
  315. package/Icon/ExclamationmarkCircleFill.d.ts.map +1 -1
  316. package/Icon/Expand.d.ts +2 -1
  317. package/Icon/Expand.d.ts.map +1 -1
  318. package/Icon/ExpandExit.d.ts +2 -1
  319. package/Icon/ExpandExit.d.ts.map +1 -1
  320. package/Icon/FaceUnhappy.d.ts +2 -1
  321. package/Icon/FaceUnhappy.d.ts.map +1 -1
  322. package/Icon/Facebook.d.ts +2 -1
  323. package/Icon/Facebook.d.ts.map +1 -1
  324. package/Icon/File.d.ts +2 -1
  325. package/Icon/File.d.ts.map +1 -1
  326. package/Icon/FileAdd.d.ts +2 -1
  327. package/Icon/FileAdd.d.ts.map +1 -1
  328. package/Icon/FileAddFill.d.ts +2 -1
  329. package/Icon/FileAddFill.d.ts.map +1 -1
  330. package/Icon/FileCircle.d.ts +2 -1
  331. package/Icon/FileCircle.d.ts.map +1 -1
  332. package/Icon/FileCircleFill.d.ts +2 -1
  333. package/Icon/FileCircleFill.d.ts.map +1 -1
  334. package/Icon/FileFill.d.ts +2 -1
  335. package/Icon/FileFill.d.ts.map +1 -1
  336. package/Icon/Filter.d.ts +2 -1
  337. package/Icon/Filter.d.ts.map +1 -1
  338. package/Icon/FilterCheck.d.ts +2 -1
  339. package/Icon/FilterCheck.d.ts.map +1 -1
  340. package/Icon/Fit.d.ts +2 -1
  341. package/Icon/Fit.d.ts.map +1 -1
  342. package/Icon/FlagFill.d.ts +2 -1
  343. package/Icon/FlagFill.d.ts.map +1 -1
  344. package/Icon/FlagRanking.d.ts +2 -1
  345. package/Icon/FlagRanking.d.ts.map +1 -1
  346. package/Icon/FlagRankingTrim.d.ts +2 -1
  347. package/Icon/FlagRankingTrim.d.ts.map +1 -1
  348. package/Icon/Flash.d.ts +2 -1
  349. package/Icon/Flash.d.ts.map +1 -1
  350. package/Icon/FlashAuto.d.ts +2 -1
  351. package/Icon/FlashAuto.d.ts.map +1 -1
  352. package/Icon/FlashOff.d.ts +2 -1
  353. package/Icon/FlashOff.d.ts.map +1 -1
  354. package/Icon/Flowervase.d.ts +2 -1
  355. package/Icon/Flowervase.d.ts.map +1 -1
  356. package/Icon/Folder.d.ts +2 -1
  357. package/Icon/Folder.d.ts.map +1 -1
  358. package/Icon/FolderFill.d.ts +2 -1
  359. package/Icon/FolderFill.d.ts.map +1 -1
  360. package/Icon/FolderTwo.d.ts +2 -1
  361. package/Icon/FolderTwo.d.ts.map +1 -1
  362. package/Icon/FolderTwoFill.d.ts +2 -1
  363. package/Icon/FolderTwoFill.d.ts.map +1 -1
  364. package/Icon/Font.d.ts +2 -1
  365. package/Icon/Font.d.ts.map +1 -1
  366. package/Icon/Fontstyle.d.ts +2 -1
  367. package/Icon/Fontstyle.d.ts.map +1 -1
  368. package/Icon/FreeCircle.d.ts +2 -1
  369. package/Icon/FreeCircle.d.ts.map +1 -1
  370. package/Icon/FreeCircleFill.d.ts +2 -1
  371. package/Icon/FreeCircleFill.d.ts.map +1 -1
  372. package/Icon/Game.d.ts +2 -1
  373. package/Icon/Game.d.ts.map +1 -1
  374. package/Icon/GameFill.d.ts +2 -1
  375. package/Icon/GameFill.d.ts.map +1 -1
  376. package/Icon/GameKantan.d.ts +2 -1
  377. package/Icon/GameKantan.d.ts.map +1 -1
  378. package/Icon/Gear.d.ts +2 -1
  379. package/Icon/Gear.d.ts.map +1 -1
  380. package/Icon/GearFill.d.ts +2 -1
  381. package/Icon/GearFill.d.ts.map +1 -1
  382. package/Icon/Genre.d.ts +2 -1
  383. package/Icon/Genre.d.ts.map +1 -1
  384. package/Icon/GenreAdd.d.ts +2 -1
  385. package/Icon/GenreAdd.d.ts.map +1 -1
  386. package/Icon/GenreDone.d.ts +2 -1
  387. package/Icon/GenreDone.d.ts.map +1 -1
  388. package/Icon/GraphBar.d.ts +2 -1
  389. package/Icon/GraphBar.d.ts.map +1 -1
  390. package/Icon/Gruppo.d.ts +2 -1
  391. package/Icon/Gruppo.d.ts.map +1 -1
  392. package/Icon/HandWaveFill.d.ts +2 -1
  393. package/Icon/HandWaveFill.d.ts.map +1 -1
  394. package/Icon/Hatenabookmark.d.ts +2 -1
  395. package/Icon/Hatenabookmark.d.ts.map +1 -1
  396. package/Icon/Heart.d.ts +2 -1
  397. package/Icon/Heart.d.ts.map +1 -1
  398. package/Icon/HeartFill.d.ts +2 -1
  399. package/Icon/HeartFill.d.ts.map +1 -1
  400. package/Icon/History.d.ts +2 -1
  401. package/Icon/History.d.ts.map +1 -1
  402. package/Icon/HomeFill.d.ts +2 -1
  403. package/Icon/HomeFill.d.ts.map +1 -1
  404. package/Icon/Hot.d.ts +2 -1
  405. package/Icon/Hot.d.ts.map +1 -1
  406. package/Icon/Htmltag.d.ts +2 -1
  407. package/Icon/Htmltag.d.ts.map +1 -1
  408. package/Icon/ImageAddFill.d.ts +2 -1
  409. package/Icon/ImageAddFill.d.ts.map +1 -1
  410. package/Icon/ImageBanFill.d.ts +2 -1
  411. package/Icon/ImageBanFill.d.ts.map +1 -1
  412. package/Icon/ImageFill.d.ts +2 -1
  413. package/Icon/ImageFill.d.ts.map +1 -1
  414. package/Icon/ImageFillSlash.d.ts +2 -1
  415. package/Icon/ImageFillSlash.d.ts.map +1 -1
  416. package/Icon/ImageQuestionFill.d.ts +2 -1
  417. package/Icon/ImageQuestionFill.d.ts.map +1 -1
  418. package/Icon/Information.d.ts +2 -1
  419. package/Icon/Information.d.ts.map +1 -1
  420. package/Icon/Instagram.d.ts +2 -1
  421. package/Icon/Instagram.d.ts.map +1 -1
  422. package/Icon/Italic.d.ts +2 -1
  423. package/Icon/Italic.d.ts.map +1 -1
  424. package/Icon/Kaomoji.d.ts +2 -1
  425. package/Icon/Kaomoji.d.ts.map +1 -1
  426. package/Icon/Keyboard.d.ts +2 -1
  427. package/Icon/Keyboard.d.ts.map +1 -1
  428. package/Icon/KeyboardDownFill.d.ts +2 -1
  429. package/Icon/KeyboardDownFill.d.ts.map +1 -1
  430. package/Icon/KeyboardFill.d.ts +2 -1
  431. package/Icon/KeyboardFill.d.ts.map +1 -1
  432. package/Icon/Koeblog.d.ts +2 -1
  433. package/Icon/Koeblog.d.ts.map +1 -1
  434. package/Icon/LineCircle.d.ts +2 -1
  435. package/Icon/LineCircle.d.ts.map +1 -1
  436. package/Icon/LineSquare.d.ts +2 -1
  437. package/Icon/LineSquare.d.ts.map +1 -1
  438. package/Icon/Link.d.ts +2 -1
  439. package/Icon/Link.d.ts.map +1 -1
  440. package/Icon/ListBookmarkFill.d.ts +2 -1
  441. package/Icon/ListBookmarkFill.d.ts.map +1 -1
  442. package/Icon/ListBulleted.d.ts +2 -1
  443. package/Icon/ListBulleted.d.ts.map +1 -1
  444. package/Icon/ListNumbered.d.ts +2 -1
  445. package/Icon/ListNumbered.d.ts.map +1 -1
  446. package/Icon/Loading.d.ts +2 -1
  447. package/Icon/Loading.d.ts.map +1 -1
  448. package/Icon/LockFill.d.ts +2 -1
  449. package/Icon/LockFill.d.ts.map +1 -1
  450. package/Icon/LockOpenFill.d.ts +2 -1
  451. package/Icon/LockOpenFill.d.ts.map +1 -1
  452. package/Icon/Magicwand.d.ts +2 -1
  453. package/Icon/Magicwand.d.ts.map +1 -1
  454. package/Icon/Mail.d.ts +2 -1
  455. package/Icon/Mail.d.ts.map +1 -1
  456. package/Icon/MailCheck.d.ts +2 -1
  457. package/Icon/MailCheck.d.ts.map +1 -1
  458. package/Icon/MailCircle.d.ts +2 -1
  459. package/Icon/MailCircle.d.ts.map +1 -1
  460. package/Icon/MailCircleFill.d.ts +2 -1
  461. package/Icon/MailCircleFill.d.ts.map +1 -1
  462. package/Icon/MailFill.d.ts +2 -1
  463. package/Icon/MailFill.d.ts.map +1 -1
  464. package/Icon/Megaphone.d.ts +2 -1
  465. package/Icon/Megaphone.d.ts.map +1 -1
  466. package/Icon/MenuHamburger.d.ts +2 -1
  467. package/Icon/MenuHamburger.d.ts.map +1 -1
  468. package/Icon/MenuHamburgerBold.d.ts +2 -1
  469. package/Icon/MenuHamburgerBold.d.ts.map +1 -1
  470. package/Icon/MenuHamburgerFourline.d.ts +2 -1
  471. package/Icon/MenuHamburgerFourline.d.ts.map +1 -1
  472. package/Icon/MenuHorizontal.d.ts +2 -1
  473. package/Icon/MenuHorizontal.d.ts.map +1 -1
  474. package/Icon/MenuVertical.d.ts +2 -1
  475. package/Icon/MenuVertical.d.ts.map +1 -1
  476. package/Icon/Messageboard.d.ts +2 -1
  477. package/Icon/Messageboard.d.ts.map +1 -1
  478. package/Icon/Microphone.d.ts +2 -1
  479. package/Icon/Microphone.d.ts.map +1 -1
  480. package/Icon/MicrophoneFill.d.ts +2 -1
  481. package/Icon/MicrophoneFill.d.ts.map +1 -1
  482. package/Icon/Minus.d.ts +2 -1
  483. package/Icon/Minus.d.ts.map +1 -1
  484. package/Icon/MinusBold.d.ts +2 -1
  485. package/Icon/MinusBold.d.ts.map +1 -1
  486. package/Icon/Moon.d.ts +2 -1
  487. package/Icon/Moon.d.ts.map +1 -1
  488. package/Icon/MoonFill.d.ts +2 -1
  489. package/Icon/MoonFill.d.ts.map +1 -1
  490. package/Icon/MovieCameraFill.d.ts +2 -1
  491. package/Icon/MovieCameraFill.d.ts.map +1 -1
  492. package/Icon/MoviePlay.d.ts +2 -1
  493. package/Icon/MoviePlay.d.ts.map +1 -1
  494. package/Icon/MoviePlayFill.d.ts +2 -1
  495. package/Icon/MoviePlayFill.d.ts.map +1 -1
  496. package/Icon/MovieStop.d.ts +2 -1
  497. package/Icon/MovieStop.d.ts.map +1 -1
  498. package/Icon/MusicFill.d.ts +2 -1
  499. package/Icon/MusicFill.d.ts.map +1 -1
  500. package/Icon/New.d.ts +2 -1
  501. package/Icon/New.d.ts.map +1 -1
  502. package/Icon/Newbook.d.ts +2 -1
  503. package/Icon/Newbook.d.ts.map +1 -1
  504. package/Icon/NewbookFill.d.ts +2 -1
  505. package/Icon/NewbookFill.d.ts.map +1 -1
  506. package/Icon/News.d.ts +2 -1
  507. package/Icon/News.d.ts.map +1 -1
  508. package/Icon/Nice.d.ts +2 -1
  509. package/Icon/Nice.d.ts.map +1 -1
  510. package/Icon/NiceDone.d.ts +2 -1
  511. package/Icon/NiceDone.d.ts.map +1 -1
  512. package/Icon/Nodate.d.ts +2 -1
  513. package/Icon/Nodate.d.ts.map +1 -1
  514. package/Icon/Now.d.ts +2 -1
  515. package/Icon/Now.d.ts.map +1 -1
  516. package/Icon/Officialstar.d.ts +2 -1
  517. package/Icon/Officialstar.d.ts.map +1 -1
  518. package/Icon/OfficialstarFill.d.ts +2 -1
  519. package/Icon/OfficialstarFill.d.ts.map +1 -1
  520. package/Icon/OnedariFill.d.ts +2 -1
  521. package/Icon/OnedariFill.d.ts.map +1 -1
  522. package/Icon/OpenCl.d.ts +2 -1
  523. package/Icon/OpenCl.d.ts.map +1 -1
  524. package/Icon/Openblank.d.ts +2 -1
  525. package/Icon/Openblank.d.ts.map +1 -1
  526. package/Icon/OpenblankFill.d.ts +2 -1
  527. package/Icon/OpenblankFill.d.ts.map +1 -1
  528. package/Icon/Ownd.d.ts +2 -1
  529. package/Icon/Ownd.d.ts.map +1 -1
  530. package/Icon/Paidplan.d.ts +2 -1
  531. package/Icon/Paidplan.d.ts.map +1 -1
  532. package/Icon/PaletteFill.d.ts +2 -1
  533. package/Icon/PaletteFill.d.ts.map +1 -1
  534. package/Icon/Paperplane.d.ts +2 -1
  535. package/Icon/Paperplane.d.ts.map +1 -1
  536. package/Icon/PaperplaneFill.d.ts +2 -1
  537. package/Icon/PaperplaneFill.d.ts.map +1 -1
  538. package/Icon/Pause.d.ts +2 -1
  539. package/Icon/Pause.d.ts.map +1 -1
  540. package/Icon/PauseBold.d.ts +2 -1
  541. package/Icon/PauseBold.d.ts.map +1 -1
  542. package/Icon/Pawprint.d.ts +2 -1
  543. package/Icon/Pawprint.d.ts.map +1 -1
  544. package/Icon/Pencil.d.ts +2 -1
  545. package/Icon/Pencil.d.ts.map +1 -1
  546. package/Icon/PencilAdd.d.ts +2 -1
  547. package/Icon/PencilAdd.d.ts.map +1 -1
  548. package/Icon/PencilBold.d.ts +2 -1
  549. package/Icon/PencilBold.d.ts.map +1 -1
  550. package/Icon/Person.d.ts +2 -1
  551. package/Icon/Person.d.ts.map +1 -1
  552. package/Icon/PersonBan.d.ts +2 -1
  553. package/Icon/PersonBan.d.ts.map +1 -1
  554. package/Icon/PersonFill.d.ts +2 -1
  555. package/Icon/PersonFill.d.ts.map +1 -1
  556. package/Icon/PersonThreeFill.d.ts +2 -1
  557. package/Icon/PersonThreeFill.d.ts.map +1 -1
  558. package/Icon/PersonTwoAddFill.d.ts +2 -1
  559. package/Icon/PersonTwoAddFill.d.ts.map +1 -1
  560. package/Icon/PersonTwoDeleteFill.d.ts +2 -1
  561. package/Icon/PersonTwoDeleteFill.d.ts.map +1 -1
  562. package/Icon/PersonTwoDoneFill.d.ts +2 -1
  563. package/Icon/PersonTwoDoneFill.d.ts.map +1 -1
  564. package/Icon/PersonTwoFill.d.ts +2 -1
  565. package/Icon/PersonTwoFill.d.ts.map +1 -1
  566. package/Icon/Peta.d.ts +2 -1
  567. package/Icon/Peta.d.ts.map +1 -1
  568. package/Icon/Pigg.d.ts +2 -1
  569. package/Icon/Pigg.d.ts.map +1 -1
  570. package/Icon/PinFill.d.ts +2 -1
  571. package/Icon/PinFill.d.ts.map +1 -1
  572. package/Icon/PlayCircle.d.ts +2 -1
  573. package/Icon/PlayCircle.d.ts.map +1 -1
  574. package/Icon/PlayFill.d.ts +2 -1
  575. package/Icon/PlayFill.d.ts.map +1 -1
  576. package/Icon/Plus.d.ts +2 -1
  577. package/Icon/Plus.d.ts.map +1 -1
  578. package/Icon/PlusBold.d.ts +2 -1
  579. package/Icon/PlusBold.d.ts.map +1 -1
  580. package/Icon/PlusCircle.d.ts +2 -1
  581. package/Icon/PlusCircle.d.ts.map +1 -1
  582. package/Icon/PlusCircleFill.d.ts +2 -1
  583. package/Icon/PlusCircleFill.d.ts.map +1 -1
  584. package/Icon/PremiumFill.d.ts +2 -1
  585. package/Icon/PremiumFill.d.ts.map +1 -1
  586. package/Icon/Present.d.ts +2 -1
  587. package/Icon/Present.d.ts.map +1 -1
  588. package/Icon/Profilecard.d.ts +2 -1
  589. package/Icon/Profilecard.d.ts.map +1 -1
  590. package/Icon/Qr.d.ts +2 -1
  591. package/Icon/Qr.d.ts.map +1 -1
  592. package/Icon/Question.d.ts +2 -1
  593. package/Icon/Question.d.ts.map +1 -1
  594. package/Icon/QuestionmarkCircle.d.ts +2 -1
  595. package/Icon/QuestionmarkCircle.d.ts.map +1 -1
  596. package/Icon/QuestionmarkCircleFill.d.ts +2 -1
  597. package/Icon/QuestionmarkCircleFill.d.ts.map +1 -1
  598. package/Icon/RankingCrown.d.ts +2 -1
  599. package/Icon/RankingCrown.d.ts.map +1 -1
  600. package/Icon/RankingCrownFill.d.ts +2 -1
  601. package/Icon/RankingCrownFill.d.ts.map +1 -1
  602. package/Icon/RankingPlatformFill.d.ts +2 -1
  603. package/Icon/RankingPlatformFill.d.ts.map +1 -1
  604. package/Icon/Reblog.d.ts +2 -1
  605. package/Icon/Reblog.d.ts.map +1 -1
  606. package/Icon/ReblogSlash.d.ts +2 -1
  607. package/Icon/ReblogSlash.d.ts.map +1 -1
  608. package/Icon/Redo.d.ts +2 -1
  609. package/Icon/Redo.d.ts.map +1 -1
  610. package/Icon/RedoBold.d.ts +2 -1
  611. package/Icon/RedoBold.d.ts.map +1 -1
  612. package/Icon/Refresh.d.ts +2 -1
  613. package/Icon/Refresh.d.ts.map +1 -1
  614. package/Icon/ReplyCircleFill.d.ts +2 -1
  615. package/Icon/ReplyCircleFill.d.ts.map +1 -1
  616. package/Icon/ReplyFill.d.ts +2 -1
  617. package/Icon/ReplyFill.d.ts.map +1 -1
  618. package/Icon/Requ.d.ts +2 -1
  619. package/Icon/Requ.d.ts.map +1 -1
  620. package/Icon/Sad.d.ts +2 -1
  621. package/Icon/Sad.d.ts.map +1 -1
  622. package/Icon/Saveblog.d.ts +2 -1
  623. package/Icon/Saveblog.d.ts.map +1 -1
  624. package/Icon/ScreenFull.d.ts +2 -1
  625. package/Icon/ScreenFull.d.ts.map +1 -1
  626. package/Icon/ScreenInline.d.ts +2 -1
  627. package/Icon/ScreenInline.d.ts.map +1 -1
  628. package/Icon/Search.d.ts +2 -1
  629. package/Icon/Search.d.ts.map +1 -1
  630. package/Icon/Service.d.ts +2 -1
  631. package/Icon/Service.d.ts.map +1 -1
  632. package/Icon/Share.d.ts +2 -1
  633. package/Icon/Share.d.ts.map +1 -1
  634. package/Icon/ShineFill.d.ts +2 -1
  635. package/Icon/ShineFill.d.ts.map +1 -1
  636. package/Icon/ShineTwo.d.ts +2 -1
  637. package/Icon/ShineTwo.d.ts.map +1 -1
  638. package/Icon/Shirt.d.ts +2 -1
  639. package/Icon/Shirt.d.ts.map +1 -1
  640. package/Icon/SidefaceClose.d.ts +2 -1
  641. package/Icon/SidefaceClose.d.ts.map +1 -1
  642. package/Icon/SidefaceOpen.d.ts +2 -1
  643. package/Icon/SidefaceOpen.d.ts.map +1 -1
  644. package/Icon/Smartphone.d.ts +2 -1
  645. package/Icon/Smartphone.d.ts.map +1 -1
  646. package/Icon/SmartphoneFill.d.ts +2 -1
  647. package/Icon/SmartphoneFill.d.ts.map +1 -1
  648. package/Icon/Sort.d.ts +2 -1
  649. package/Icon/Sort.d.ts.map +1 -1
  650. package/Icon/SortFeed.d.ts +2 -1
  651. package/Icon/SortFeed.d.ts.map +1 -1
  652. package/Icon/SortTile.d.ts +2 -1
  653. package/Icon/SortTile.d.ts.map +1 -1
  654. package/Icon/SpeakerOffFill.d.ts +2 -1
  655. package/Icon/SpeakerOffFill.d.ts.map +1 -1
  656. package/Icon/SpeakerOnFill.d.ts +2 -1
  657. package/Icon/SpeakerOnFill.d.ts.map +1 -1
  658. package/Icon/Sprout.d.ts +2 -1
  659. package/Icon/Sprout.d.ts.map +1 -1
  660. package/Icon/Stampside.d.ts +2 -1
  661. package/Icon/Stampside.d.ts.map +1 -1
  662. package/Icon/Star.d.ts +2 -1
  663. package/Icon/Star.d.ts.map +1 -1
  664. package/Icon/StarCircleFill.d.ts +2 -1
  665. package/Icon/StarCircleFill.d.ts.map +1 -1
  666. package/Icon/StarFaceFill.d.ts +2 -1
  667. package/Icon/StarFaceFill.d.ts.map +1 -1
  668. package/Icon/StarFill.d.ts +2 -1
  669. package/Icon/StarFill.d.ts.map +1 -1
  670. package/Icon/StopFill.d.ts +2 -1
  671. package/Icon/StopFill.d.ts.map +1 -1
  672. package/Icon/Strikethrough.d.ts +2 -1
  673. package/Icon/Strikethrough.d.ts.map +1 -1
  674. package/Icon/Sun.d.ts +2 -1
  675. package/Icon/Sun.d.ts.map +1 -1
  676. package/Icon/SunFill.d.ts +2 -1
  677. package/Icon/SunFill.d.ts.map +1 -1
  678. package/Icon/Switching.d.ts +2 -1
  679. package/Icon/Switching.d.ts.map +1 -1
  680. package/Icon/SwitchingCamera.d.ts +2 -1
  681. package/Icon/SwitchingCamera.d.ts.map +1 -1
  682. package/Icon/TagFill.d.ts +2 -1
  683. package/Icon/TagFill.d.ts.map +1 -1
  684. package/Icon/TagOfficialFill.d.ts +2 -1
  685. package/Icon/TagOfficialFill.d.ts.map +1 -1
  686. package/Icon/Thumbsup.d.ts +2 -1
  687. package/Icon/Thumbsup.d.ts.map +1 -1
  688. package/Icon/ThumbsupFill.d.ts +2 -1
  689. package/Icon/ThumbsupFill.d.ts.map +1 -1
  690. package/Icon/Title.d.ts +2 -1
  691. package/Icon/Title.d.ts.map +1 -1
  692. package/Icon/TopbloggerRibbon.d.ts +2 -1
  693. package/Icon/TopbloggerRibbon.d.ts.map +1 -1
  694. package/Icon/TranscriptOff.d.ts +2 -1
  695. package/Icon/TranscriptOff.d.ts.map +1 -1
  696. package/Icon/TranscriptOn.d.ts +2 -1
  697. package/Icon/TranscriptOn.d.ts.map +1 -1
  698. package/Icon/Transmission.d.ts +2 -1
  699. package/Icon/Transmission.d.ts.map +1 -1
  700. package/Icon/Trashcan.d.ts +2 -1
  701. package/Icon/Trashcan.d.ts.map +1 -1
  702. package/Icon/Trend.d.ts +2 -1
  703. package/Icon/Trend.d.ts.map +1 -1
  704. package/Icon/TrendFill.d.ts +2 -1
  705. package/Icon/TrendFill.d.ts.map +1 -1
  706. package/Icon/TriangleDown.d.ts +2 -1
  707. package/Icon/TriangleDown.d.ts.map +1 -1
  708. package/Icon/TriangleLeft.d.ts +2 -1
  709. package/Icon/TriangleLeft.d.ts.map +1 -1
  710. package/Icon/TriangleRight.d.ts +2 -1
  711. package/Icon/TriangleRight.d.ts.map +1 -1
  712. package/Icon/TriangleUp.d.ts +2 -1
  713. package/Icon/TriangleUp.d.ts.map +1 -1
  714. package/Icon/TrianglearrowDown.d.ts +2 -1
  715. package/Icon/TrianglearrowDown.d.ts.map +1 -1
  716. package/Icon/TrianglearrowDownright.d.ts +2 -1
  717. package/Icon/TrianglearrowDownright.d.ts.map +1 -1
  718. package/Icon/TrianglearrowRight.d.ts +2 -1
  719. package/Icon/TrianglearrowRight.d.ts.map +1 -1
  720. package/Icon/TrianglearrowUp.d.ts +2 -1
  721. package/Icon/TrianglearrowUp.d.ts.map +1 -1
  722. package/Icon/TrianglearrowUpright.d.ts +2 -1
  723. package/Icon/TrianglearrowUpright.d.ts.map +1 -1
  724. package/Icon/TriangleendLeft.d.ts +2 -1
  725. package/Icon/TriangleendLeft.d.ts.map +1 -1
  726. package/Icon/TriangleendLeftBold.d.ts +2 -1
  727. package/Icon/TriangleendLeftBold.d.ts.map +1 -1
  728. package/Icon/TriangleendRight.d.ts +2 -1
  729. package/Icon/TriangleendRight.d.ts.map +1 -1
  730. package/Icon/TriangleendRightBold.d.ts +2 -1
  731. package/Icon/TriangleendRightBold.d.ts.map +1 -1
  732. package/Icon/TrophyFill.d.ts +2 -1
  733. package/Icon/TrophyFill.d.ts.map +1 -1
  734. package/Icon/TvFill.d.ts +2 -1
  735. package/Icon/TvFill.d.ts.map +1 -1
  736. package/Icon/Twitter.d.ts +2 -1
  737. package/Icon/Twitter.d.ts.map +1 -1
  738. package/Icon/Underline.d.ts +2 -1
  739. package/Icon/Underline.d.ts.map +1 -1
  740. package/Icon/Undo.d.ts +2 -1
  741. package/Icon/Undo.d.ts.map +1 -1
  742. package/Icon/UndoBold.d.ts +2 -1
  743. package/Icon/UndoBold.d.ts.map +1 -1
  744. package/Icon/Wallet.d.ts +2 -1
  745. package/Icon/Wallet.d.ts.map +1 -1
  746. package/Icon/Webview.d.ts +2 -1
  747. package/Icon/Webview.d.ts.map +1 -1
  748. package/Icon/X.d.ts +2 -1
  749. package/Icon/X.d.ts.map +1 -1
  750. package/Icon/Youtube.d.ts +2 -1
  751. package/Icon/Youtube.d.ts.map +1 -1
  752. package/IconButton/IconButton.css +3 -1
  753. package/IconButton/IconButton.figma.d.ts +2 -0
  754. package/IconButton/IconButton.figma.d.ts.map +1 -0
  755. package/IconButton/IconButton.figma.js +33 -0
  756. package/IconButton/IconButton.figma.js.map +1 -0
  757. package/IconButton/IconButton.figma.mjs +24 -0
  758. package/InlineNotification/InlineNotification.css +45 -1
  759. package/InlineNotification/InlineNotification.figma.d.ts +2 -0
  760. package/InlineNotification/InlineNotification.figma.d.ts.map +1 -0
  761. package/InlineNotification/InlineNotification.figma.js +46 -0
  762. package/InlineNotification/InlineNotification.figma.js.map +1 -0
  763. package/InlineNotification/InlineNotification.figma.mjs +37 -0
  764. package/LinkButton/LinkButton.css +3 -1
  765. package/List/MoreLink.js +5 -2
  766. package/List/MoreLink.js.map +1 -1
  767. package/List/MoreLink.mjs +1 -1
  768. package/Modal/AppealModal.css +5 -1
  769. package/Modal/AppealModal.d.ts +4 -4
  770. package/Modal/AppealModal.js +3 -3
  771. package/Modal/AppealModal.js.map +1 -1
  772. package/Modal/AppealModal.mjs +1 -1
  773. package/Modal/SemiModal.css +3 -1
  774. package/Modal/SemiModal.d.ts +5 -5
  775. package/Modal/SemiModal.js +2 -2
  776. package/Modal/SemiModal.js.map +1 -1
  777. package/Modal/SemiModal.mjs +1 -1
  778. package/Modal/index.css +5 -1
  779. package/NavigationTab/UnderlineTab/UnderlineTab.figma.d.ts +2 -0
  780. package/NavigationTab/UnderlineTab/UnderlineTab.figma.d.ts.map +1 -0
  781. package/NavigationTab/UnderlineTab/UnderlineTab.figma.js +40 -0
  782. package/NavigationTab/UnderlineTab/UnderlineTab.figma.js.map +1 -0
  783. package/NavigationTab/UnderlineTab/UnderlineTab.figma.mjs +31 -0
  784. package/NavigationTab/index.css +1 -1
  785. package/Pagination/Pagination.d.ts +1 -1
  786. package/Pagination/Pagination.d.ts.map +1 -1
  787. package/SegmentedControl/SegmentedControl.figma.d.ts +2 -0
  788. package/SegmentedControl/SegmentedControl.figma.d.ts.map +1 -0
  789. package/SegmentedControl/SegmentedControl.figma.js +36 -0
  790. package/SegmentedControl/SegmentedControl.figma.js.map +1 -0
  791. package/SegmentedControl/SegmentedControl.figma.mjs +27 -0
  792. package/SnackBar/SnackBar.css +3 -1
  793. package/SnackBar/SnackBar.d.ts +1 -1
  794. package/SnackBar/SnackBar.d.ts.map +1 -1
  795. package/SnackBar/SnackBar.figma.d.ts +2 -0
  796. package/SnackBar/SnackBar.figma.d.ts.map +1 -0
  797. package/SnackBar/SnackBar.figma.js +93 -0
  798. package/SnackBar/SnackBar.figma.js.map +1 -0
  799. package/SnackBar/SnackBar.figma.mjs +78 -0
  800. package/SnackBar/SnackBar.js +5 -2
  801. package/SnackBar/SnackBar.js.map +1 -1
  802. package/SnackBar/SnackBar.mjs +1 -1
  803. package/StackNotificationManager/hooks.d.ts +2 -1
  804. package/StackNotificationManager/hooks.d.ts.map +1 -1
  805. package/StackNotificationManager/hooks.js +2 -2
  806. package/StackNotificationManager/hooks.js.map +1 -1
  807. package/StackNotificationManager/hooks.mjs +2 -2
  808. package/Toast/Toast.css +3 -1
  809. package/Toast/Toast.js +2 -2
  810. package/Toast/Toast.js.map +1 -1
  811. package/Toast/Toast.mjs +1 -1
  812. package/figma.config.json +6 -0
  813. package/icons.figma.d.ts +2 -0
  814. package/icons.figma.d.ts.map +1 -0
  815. package/icons.figma.js +897 -0
  816. package/icons.figma.js.map +1 -0
  817. package/icons.figma.mjs +891 -0
  818. package/index.css +47 -1
  819. package/package.json +28 -24
  820. package/scripts/figma-connect-icons.ts +62 -0
  821. package/LICENSE +0 -21
package/index.css CHANGED
@@ -1 +1,47 @@
1
- :root{--ameba-green:#2d8c3c;--ameba-black:#000;--ameba-yellow-green:#82be28;--ameba-neutral-gray:#f6f6f6;--ameba-white:#fff;--ameba-yellow:#f5e100;--primary-green-100:#0f5c1f;--primary-green-90:#186b27;--primary-green-80:#237b31;--primary-green-70:#298737;--primary-green-60:#389e46;--primary-green-50:#41ad4f;--primary-green-40:#5eb969;--primary-green-30:#7bc583;--primary-green-20:#a1d5a7;--primary-green-10:#c6e5c9;--primary-green-5:#e7f5e9;--secondary-green-100:#366600;--secondary-green-90:#427504;--secondary-green-80:#477d00;--secondary-green-70:#5e9b15;--secondary-green-60:#73ae20;--secondary-green-50:#82be28;--secondary-green-40:#95c84d;--secondary-green-30:#a9d16f;--secondary-green-20:#c2de99;--secondary-green-10:#daebc1;--secondary-green-5:#f0f7e6;--gray-100:#08121a;--gray-90-alpha:rgba(8,18,26,0.95);--gray-80-alpha:rgba(8,18,26,0.8);--gray-70-alpha:rgba(8,18,26,0.74);--gray-60-alpha:rgba(8,18,26,0.61);--gray-50-alpha:rgba(8,18,26,0.47);--gray-40-alpha:rgba(8,18,26,0.4);--gray-30-alpha:rgba(8,18,26,0.3);--gray-20-alpha:rgba(8,18,26,0.16);--gray-10-alpha:rgba(8,18,26,0.08);--gray-5-alpha:rgba(8,18,26,0.04);--gray-90:#141e25;--gray-80:#394148;--gray-70:#464d53;--gray-60:#686e73;--gray-50:#8b9093;--gray-40:#9ca0a3;--gray-30:#b5b8ba;--gray-20:#d8d9da;--gray-10:#ebeced;--gray-5:#f5f6f6;--white-100:#fff;--white-90-alpha:hsla(0,0%,100%,0.9);--white-80-alpha:hsla(0,0%,100%,0.8);--white-70-alpha:hsla(0,0%,100%,0.7);--white-60-alpha:hsla(0,0%,100%,0.6);--white-50-alpha:hsla(0,0%,100%,0.5);--white-40-alpha:hsla(0,0%,100%,0.43);--white-30-alpha:hsla(0,0%,100%,0.3);--white-20-alpha:hsla(0,0%,100%,0.16);--white-10-alpha:hsla(0,0%,100%,0.1);--white-5-alpha:hsla(0,0%,100%,0.05);--black-100:#000;--black-90-alpha:rgba(0,0,0,0.9);--black-80-alpha:rgba(0,0,0,0.8);--black-70-alpha:rgba(0,0,0,0.7);--black-60-alpha:rgba(0,0,0,0.6);--black-50-alpha:rgba(0,0,0,0.5);--black-40-alpha:rgba(0,0,0,0.4);--black-30-alpha:rgba(0,0,0,0.3);--black-20-alpha:rgba(0,0,0,0.2);--black-10-alpha:rgba(0,0,0,0.1);--black-5-alpha:rgba(0,0,0,0.05);--caution-red-100:#d91c0b;--caution-red-20-alpha:rgba(217,28,11,0.2);--caution-red-5-alpha:rgba(217,28,11,0.05);--caution-red-vivid-100:#ff6a59;--caution-red-vivid-20-alpha:rgba(255,106,89,0.2);--caution-red-vivid-5-alpha:rgba(255,106,89,0.05);--expressive-blue:#4795c8;--expressive-green:#4ac3aa;--expressive-purple:#ca5ce6;--expressive-lavender:#755ce6;--expressive-orange:#e6815c;--expressive-yellow:#e6ac5c;--expressive-pink:#e6456a;--facebook-blue:#1877f2;--twitter-blue:#1da1f2;--instagram-pink:#f20076;--apple-black:#000;--apple-white:#fff;--youtube-red:red;--focus-blue-100:#0091ff;--focus-blue-30-alpha:rgba(0,145,255,0.3);--highlight-yellow-100:#f5e100;--highlight-yellow-30-alpha:rgba(245,225,0,0.3);--color-background:var(--gray-5);--color-surface-primary:var(--white-100);--color-surface-secondary:var(--gray-5-alpha);--color-surface-tertiary:var(--gray-10-alpha);--color-surface-quaternary:var(--gray-20-alpha);--color-surface-accent-primary:var(--primary-green-70);--color-surface-accent-primary-light:var(--primary-green-5);--color-surface-accent-secondary:var(--secondary-green-50);--color-surface-accent-secondary-light:var(--secondary-green-5);--color-surface-accent-neutral-high-emphasis:var(--gray-80);--color-surface-accent-neutral-medium-emphasis:var(--gray-60-alpha);--color-surface-caution:var(--caution-red-100);--color-surface-caution-light:var(--caution-red-5-alpha);--color-text-high-emphasis:var(--gray-100);--color-text-medium-emphasis:var(--gray-70-alpha);--color-text-low-emphasis:var(--gray-60-alpha);--color-text-disabled:var(--gray-30-alpha);--color-text-high-emphasis-inverse:var(--white-100);--color-text-accent-primary:var(--primary-green-80);--color-text-accent-secondary:var(--secondary-green-80);--color-text-caution:var(--caution-red-100);--color-highlight-error:var(--caution-red-20-alpha);--color-highlight-hover:var(--black-30-alpha);--color-highlight-yellow:var(--highlight-yellow-100);--color-object-high-emphasis:var(--gray-100);--color-object-medium-emphasis:var(--gray-70-alpha);--color-object-low-emphasis:var(--gray-60-alpha);--color-object-disable:var(--gray-30-alpha);--color-object-accent-primary:var(--primary-green-70);--color-object-accent-secondary:var(--secondary-green-70);--color-object-caution:var(--caution-red-100);--color-object-high-emphasis-inverse:var(--white-100);--color-object-expressive-pink:var(--expressive-pink);--color-overlay-dark:var(--black-80-alpha);--color-overlay-light:var(--black-20-alpha);--color-overlay-medium:var(--black-60-alpha);--color-focus-clarity:var(--focus-blue-100);--color-focus-ambiguous:var(--focus-blue-30-alpha);--color-border-strong-emphasis:var(--gray-100);--color-border-high-emphasis:var(--gray-60-alpha);--color-border-medium-emphasis:var(--gray-30-alpha);--color-border-low-emphasis:var(--gray-10-alpha);--color-border-accent-primary:var(--primary-green-70);--color-border-high-emphasis-inverse:var(--white-100);--color-border-low-emphasis-inverse:var(--white-20-alpha);--color-border-caution:var(--caution-red-100);--color-third-party-facebook-blue:var(--facebook-blue);--color-third-party-twitter-blue:var(--twitter-blue);--color-third-party-instagram-pink:var(--instagram-pink);--color-system-black:var(--black-100);--color-tap-highlight-base:var(--gray-5-alpha)}.spui-Breadcrumb{overflow:auto hidden}.spui-Breadcrumb--wrap{overflow:hidden}.spui-Breadcrumb--standard{padding:12px 0;position:relative}.spui-Breadcrumb-list{display:flex;list-style:none;margin:0;width:-moz-max-content;width:max-content}.spui-Breadcrumb--standard .spui-Breadcrumb-list{padding:0}.spui-Breadcrumb--emphasized .spui-Breadcrumb-list{background:var(--color-surface-secondary);border-radius:70px;padding:0 16px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap .spui-Breadcrumb-list{flex-wrap:wrap;width:100%}.spui-Breadcrumb-item{align-items:center;display:flex}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:44px}.spui-Breadcrumb a{align-items:center;border-radius:4px;display:flex;font-size:.875em;line-height:1.4;padding:4px 8px;position:relative;text-decoration:none}.spui-Breadcrumb a:not([aria-current]){color:var(--color-text-accent-primary);font-weight:700}.spui-Breadcrumb a[aria-current]{color:var(--color-text-low-emphasis);font-weight:400}.spui-Breadcrumb a:before{border-radius:4px;content:"";left:0;position:absolute;top:-50%;width:100%}.spui-Breadcrumb a:hover{text-decoration:underline}.spui-Breadcrumb a:not([href]):hover{text-decoration:none}.spui-Breadcrumb a:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-Breadcrumb--standard a:focus{outline-offset:-2px}.spui-Breadcrumb a:focus:not(:focus-visible){outline:none}.spui-Breadcrumb-chevron{box-sizing:content-box;color:var(--color-object-low-emphasis);height:16px;padding:0 4px;width:16px}.spui-Breadcrumb-item:last-of-type>.spui-Breadcrumb-chevron{display:none;padding:0}@media screen and (max-width:768px){.spui-Breadcrumb-list{padding:0 14px}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:36px}.spui-Breadcrumb a{font-size:.8125em;padding:2px 6px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap a{padding-bottom:4px;padding-top:4px}.spui-Breadcrumb-chevron{height:12px;padding:0 2px;width:12px}}:root{--BottomButton-z-index:1;--BottomButton-backgroundColor:var(--color-surface-primary)}.spui-BottomButton{background:var(--BottomButton-backgroundColor);bottom:0;left:0;z-index:var(--BottomButton-z-index)}.spui-BottomButton-wrap{padding:16px 16px calc(env(safe-area-inset-bottom) + 16px)}.spui-BottomButton--fixed{position:fixed;width:100%}.spui-BottomButton--sticky{position:sticky}:root{--Button-tapHighlightColor:var(--gray-5-alpha);--Button-onFocus-outlineColor:var(--color-focus-clarity);--Button--contained-backgroundColor:var(--color-surface-accent-primary);--Button--contained-color:var(--color-text-high-emphasis-inverse);--Button--contained-onActive-backgroundColor:var(--primary-green-100);--Button--contained-onHover-backgroundColor:var(--primary-green-100);--Button--outlined-borderColor:var(--color-border-accent-primary);--Button--outlined-color:var(--color-text-accent-primary);--Button--outlined-onActive-backgroundColor:var(--primary-green-5);--Button--outlined-onHover-backgroundColor:var(--primary-green-5);--Button--lighted-backgroundColor:var(--color-surface-accent-primary-light);--Button--lighted-color:var(--color-text-accent-primary);--Button--lighted-onActive-backgroundColor:var(--primary-green-10);--Button--lighted-onHover-backgroundColor:var(--primary-green-10);--Button--neutral-backgroundColor:var(--color-surface-tertiary);--Button--neutral-color:var(--color-text-medium-emphasis);--Button--neutral-onActive-backgroundColor:var(--gray-20-alpha);--Button--neutral-onHover-backgroundColor:var(--gray-20-alpha);--Button--danger-borderColor:var(--color-border-caution);--Button--danger-color:var(--color-text-caution);--Button--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--Button--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-Button{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;margin:0;-webkit-tap-highlight-color:var(--Button-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-Button:disabled{opacity:.3}.spui-Button:focus{outline:2px solid var(--Button-onFocus-outlineColor);outline-offset:1px}.spui-Button:focus:not(:focus-visible){outline:none}.spui-Button--fullWidth{width:100%}.spui-Button--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-Button--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-Button--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-Button--small:is(.spui-Button--outlined,.spui-Button--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-Button--large,.spui-Button--medium,.spui-Button--small{height:1px}}.spui-Button--contained{background-color:var(--Button--contained-backgroundColor);border:none;color:var(--Button--contained-color)}.spui-Button--contained:active{background-color:var(--Button--contained-onActive-backgroundColor)}@media (hover:hover){.spui-Button--contained:not([disabled]):hover{background-color:var(--Button--contained-onHover-backgroundColor)}}.spui-Button--outlined{background-color:transparent;border:2px solid var(--Button--outlined-borderColor);color:var(--Button--outlined-color)}.spui-Button--outlined:active{background-color:var(--Button--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-Button--outlined:not([disabled]):hover{background-color:var(--Button--outlined-onHover-backgroundColor)}}.spui-Button--lighted{background-color:var(--Button--lighted-backgroundColor);border:none;color:var(--Button--lighted-color)}.spui-Button--lighted:active{background-color:var(--Button--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-Button--lighted:not([disabled]):hover{background-color:var(--Button--lighted-onHover-backgroundColor)}}.spui-Button--neutral{background-color:var(--Button--neutral-backgroundColor);border:none;color:var(--Button--neutral-color)}.spui-Button--neutral:active{background-color:var(--Button--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-Button--neutral:not([disabled]):hover{background-color:var(--Button--neutral-onHover-backgroundColor)}}.spui-Button--danger{background-color:transparent;border:2px solid var(--Button--danger-borderColor);color:var(--Button--danger-color)}.spui-Button--danger:active{background-color:var(--Button--danger-onActive-backgroundColor)}@media (hover:hover){.spui-Button--danger:not([disabled]):hover{background-color:var(--Button--danger-onHover-backgroundColor)}}.spui-Button-icon{line-height:0}.spui-Button--iconstart .spui-Button-icon--large{font-size:1.375em;margin-right:6px}.spui-Button--iconstart .spui-Button-icon--medium{font-size:1.429em;margin-right:4px}.spui-Button--iconstart .spui-Button-icon--small{font-size:1.23em;margin-right:2px}.spui-Button--iconend{flex-direction:row-reverse}.spui-Button--iconend .spui-Button-icon--large{font-size:1.125em;margin-left:6px}.spui-Button--iconend .spui-Button-icon--medium{font-size:1.143em;margin-left:4px}.spui-Button--iconend .spui-Button-icon--small{font-size:1.077em;margin-left:2px}.spui-ButtonGroup{display:flex}.spui-ButtonGroup--row{flex-direction:row}.spui-ButtonGroup--column{flex-direction:column}.spui-ButtonGroup--large{gap:16px}.spui-ButtonGroup--medium,.spui-ButtonGroup--small{gap:12px}.spui-ButtonGroup--large.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:4px}.spui-ButtonGroup--medium.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:2px}.spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);padding:24px;position:fixed;width:352px}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::backdrop{background:rgba(0,0,0,.8)}.spui-Dialog+.backdrop{background:rgba(0,0,0,.8)}.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation:spui-Dialog-fade-in .35s cubic-bezier(0,0,0,1)}.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop{animation:spui-Dialog-fade-out .15s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop,.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation-duration:.01s}}html:has(.spui-Dialog[open]){overflow:hidden}html.spui-Dialog--open{overflow:hidden}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}.spui-Dialog--styleOnly{position:static}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}@keyframes spui-Dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-Dialog-fade-out{0%{opacity:1}to{opacity:0}}.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-outline{border-radius:2px;bottom:-2px;height:22px;left:-2px;position:absolute;right:-2px;top:-2px;width:22px}.spui-Checkbox-input:focus~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-input:focus:not(:focus-visible)~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-medium-emphasis);border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:listitem;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-InputLabel{color:var(--color-text-medium-emphasis);display:block;font-size:.875em;font-weight:700;line-height:1.4}.spui-InputLabel:empty{display:none}.spui-InvalidMessage{color:var(--color-text-caution);display:flex;font-size:.75em;font-weight:700;line-height:1.4;margin:8px 0 0;min-height:1.1em;transition:height .3s}.spui-InvalidMessage[hidden]{display:none}.spui-InvalidMessage-icon{font-size:1.33em;line-height:1;margin-right:.25em}.spui-InvalidMessage-body{position:relative;top:1px}.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;bottom:-2px;height:24px;left:-2px;position:absolute;right:-2px;top:-2px;width:24px}.spui-Radio-input:focus~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-input:focus:not(:focus-visible)~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}.spui-TextArea{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;line-height:1.4;margin:0;min-height:92px;outline:none;padding:12px 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextArea{transition:box-shadow .1ms}}.spui-TextArea::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextArea::placeholder{color:var(--color-text-disabled)}.spui-TextArea:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextArea:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextArea.is-error{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;margin:0;outline:none;padding:0 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextField{transition:box-shadow .1ms}}.spui-TextField::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextField::placeholder{color:var(--color-text-disabled)}.spui-TextField:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextField:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextField.is-error{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField--large{min-height:48px}.spui-TextField--medium{min-height:40px}.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}.spui-HeroCarouselItem-listItem{list-style:none;padding:0 .44em;width:100%}.spui-HeroCarouselItem-link{border:1px solid var(--color-border-low-emphasis);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:12em;text-decoration:none;width:17.5em}.spui-HeroCarouselItem-link:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-HeroCarouselItem-link:focus:not(:focus-visible){outline:none}.spui-HeroCarouselItem-imageBlock{align-items:center;border-bottom:1px solid var(--color-border-low-emphasis);border-radius:12px 12px 0 0;display:flex;height:9.5em;justify-content:center;overflow:hidden}.spui-HeroCarouselItem-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spui-HeroCarouselItem-titleContainer{align-items:center;box-sizing:border-box;display:flex;height:2.89em;justify-content:center;padding:0 .5em}.spui-HeroCarouselItem-title{color:var(--color-text-high-emphasis);font-size:.9375em;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.spui-HeroCarouselItem-listItem{padding:0 .75em}.spui-HeroCarouselItem-link{height:13.8em;width:20em}.spui-HeroCarouselItem-titleContainer{height:3.3em}.spui-HeroCarouselItem-title{font-size:1em}.spui-HeroCarouselItem-imageBlock{height:10.9em}}.spui-HeroCarousel-container{align-items:center;display:flex;height:12.5em;justify-content:center;overflow:hidden}.spui-HeroCarousel-list{display:flex;margin-right:.88em;padding:0 .44em;transition:transform .5s;width:17.5em}.spui-HeroCarousel-controls{align-items:center;border:1px solid var(--color-border-low-emphasis);border-radius:100px;display:flex;height:2.5em;margin:.88em auto 0;width:7.63em}.spui-HeroCarousel-control{align-items:center;background-color:transparent;border:none;display:flex;font-size:1em;height:100%;justify-content:center;padding:0;width:33.33333%}.spui-HeroCarousel-control:hover{opacity:.7}.spui-HeroCarousel-control:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-HeroCarousel-control:focus:not(:focus-visible){outline:none}.spui-HeroCarousel-control--prev{border-radius:100px 0 0 100px;border-right:1px solid var(--color-border-low-emphasis)}.spui-HeroCarousel-control--next{border-left:1px solid var(--color-border-low-emphasis);border-radius:0 100px 100px 0}@media (prefers-reduced-motion:reduce){.spui-HeroCarousel-list{transition:1ms}}@media screen and (min-width:768px){.spui-HeroCarousel-container{height:14.3em}.spui-HeroCarousel-list{margin-right:1.5em;padding:0 .75em;width:20em}.spui-HeroCarousel-controls{height:2.75em;margin-top:1.25em;width:8.38em}}.spui-HeroCarousel-control>svg{color:var(--color-text-low-emphasis);height:1.13em;width:1.13em}@media screen and (min-width:768px){.spui-HeroCarousel-control>svg{height:1.25em;width:1.25em}}:root{--IconButton-tapHighlightColor:var(--gray-5-alpha);--IconButton-onFocus-outlineColor:var(--color-focus-clarity);--IconButton--contained-backgroundColor:var(--color-surface-accent-primary);--IconButton--contained-color:var(--color-object-high-emphasis-inverse);--IconButton--contained-onActive-backgroundColor:var(--primary-green-100);--IconButton--contained-onHover-backgroundColor:var(--primary-green-100);--IconButton--outlined-borderColor:var(--color-border-accent-primary);--IconButton--outlined-color:var(--color-object-accent-primary);--IconButton--outlined-onActive-backgroundColor:var(--primary-green-5);--IconButton--outlined-onHover-backgroundColor:var(--primary-green-5);--IconButton--lighted-backgroundColor:var(--color-surface-accent-primary-light);--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--LinkButton-tapHighlightColor:var(--gray-5-alpha);--LinkButton-onFocus-outlineColor:var(--color-focus-clarity);--LinkButton--contained-backgroundColor:var(--color-surface-accent-primary);--LinkButton--contained-color:var(--color-text-high-emphasis-inverse);--LinkButton--contained-onActive-backgroundColor:var(--primary-green-100);--LinkButton--contained-onHover-backgroundColor:var(--primary-green-100);--LinkButton--outlined-borderColor:var(--color-border-accent-primary);--LinkButton--outlined-color:var(--color-text-accent-primary);--LinkButton--outlined-onActive-backgroundColor:var(--primary-green-5);--LinkButton--outlined-onHover-backgroundColor:var(--primary-green-5);--LinkButton--lighted-backgroundColor:var(--color-surface-accent-primary-light);--LinkButton--lighted-color:var(--color-text-accent-primary);--LinkButton--lighted-onActive-backgroundColor:var(--primary-green-10);--LinkButton--lighted-onHover-backgroundColor:var(--primary-green-10);--LinkButton--neutral-backgroundColor:var(--color-surface-tertiary);--LinkButton--neutral-color:var(--color-text-medium-emphasis);--LinkButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--LinkButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--LinkButton--danger-borderColor:var(--color-border-caution);--LinkButton--danger-color:var(--color-text-caution);--LinkButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--LinkButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-LinkButton{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;-webkit-tap-highlight-color:var(--LinkButton-tapHighlightColor);text-align:center;text-decoration:none;transition:background-color .3s}.spui-LinkButton:focus{outline:2px solid var(--LinkButton-onFocus-outlineColor);outline-offset:1px}.spui-LinkButton:focus:not(:focus-visible){outline:none}.spui-LinkButton--fullWidth{width:100%}.spui-LinkButton--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-LinkButton--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-LinkButton--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-LinkButton--small:is(.spui-LinkButton--outlined,.spui-LinkButton--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-LinkButton--large,.spui-LinkButton--medium,.spui-LinkButton--small{height:1px}}.spui-LinkButton--contained{background-color:var(--LinkButton--contained-backgroundColor);border:none;color:var(--LinkButton--contained-color)}.spui-LinkButton--contained:active{background-color:var(--LinkButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--contained:hover{background-color:var(--LinkButton--contained-onHover-backgroundColor)}}.spui-LinkButton--outlined{background-color:transparent;border:2px solid var(--LinkButton--outlined-borderColor);color:var(--LinkButton--outlined-color)}.spui-LinkButton--outlined:active{background-color:var(--LinkButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--outlined:hover{background-color:var(--LinkButton--outlined-onHover-backgroundColor)}}.spui-LinkButton--lighted{background-color:var(--LinkButton--lighted-backgroundColor);border:none;color:var(--LinkButton--lighted-color)}.spui-LinkButton--lighted:active{background-color:var(--LinkButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--lighted:hover{background-color:var(--LinkButton--lighted-onHover-backgroundColor)}}.spui-LinkButton--neutral{background-color:var(--LinkButton--neutral-backgroundColor);border:none;color:var(--LinkButton--neutral-color)}.spui-LinkButton--neutral:active{background-color:var(--LinkButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--neutral:hover{background-color:var(--LinkButton--neutral-onHover-backgroundColor)}}.spui-LinkButton--danger{background-color:transparent;border:2px solid var(--LinkButton--danger-borderColor);color:var(--LinkButton--danger-color)}.spui-LinkButton--danger:active{background-color:var(--LinkButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--danger:hover{background-color:var(--LinkButton--danger-onHover-backgroundColor)}}.spui-LinkButton-icon{line-height:0}.spui-LinkButton--iconstart .spui-LinkButton-icon--large{font-size:1.375em;margin-right:6px}.spui-LinkButton--iconstart .spui-LinkButton-icon--medium{font-size:1.429em;margin-right:4px}.spui-LinkButton--iconstart .spui-LinkButton-icon--small{font-size:1.23em;margin-right:2px}.spui-LinkButton--iconend{flex-direction:row-reverse}.spui-LinkButton--iconend .spui-LinkButton-icon--large{font-size:1.125em;margin-left:6px}.spui-LinkButton--iconend .spui-LinkButton-icon--medium{font-size:1.143em;margin-left:4px}.spui-LinkButton--iconend .spui-LinkButton-icon--small{font-size:1.077em;margin-left:2px}:root{--SubtleButton-tapHighlightColor:var(--white-60-alpha);--SubtleButton-onFocus-outlineColor:var(--color-focus-clarity);--SubtleButton-color:var(--color-text-medium-emphasis)}.spui-SubtleButton{background:none;border:none;border-radius:4px;color:var(--SubtleButton-color);font-family:inherit;font-weight:700;line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--SubtleButton-tapHighlightColor);text-align:center}.spui-SubtleButton:disabled{opacity:.3}.spui-SubtleButton:focus{outline:2px solid var(--SubtleButton-onFocus-outlineColor);outline-offset:1px}.spui-SubtleButton:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-SubtleButton:not([disabled]):hover{text-decoration:underline}}.spui-SubtleButton--large,.spui-SubtleButton--medium{font-size:.875em}.spui-SubtleButton--small{font-size:.8125em}:root{--AppealModal-image-border:1px inset var(--color-border-low-emphasis);--AppealModal-image-borderRadius:8px}.spui-AppealModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);padding:0;width:400px}.spui-AppealModal[open]:not(.spui-AppealModal--closing),.spui-AppealModal[open]:not(.spui-AppealModal--closing).spui-AppealModal::backdrop{animation:spui-AppealModal-fade-in .5s cubic-bezier(0,0,0,1)}.spui-AppealModal--closing,.spui-AppealModal--closing.spui-AppealModal::backdrop{animation:spui-AppealModal-fade-out .3s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.spui-AppealModal--closing,.spui-AppealModal--closing.spui-AppealModal::backdrop,.spui-AppealModal[open]:not(.spui-AppealModal--closing),.spui-AppealModal[open]:not(.spui-AppealModal--closing).spui-AppealModal::backdrop{animation-duration:.01s}}html:has(.spui-AppealModal[open]){overflow:hidden}html.spui-AppealModal--open{overflow:hidden}@media screen and (max-width:440px){.spui-AppealModal{width:calc(100% - 48px)}}.spui-AppealModal::backdrop{background:rgba(0,0,0,.6)}.spui-AppealModal+.backdrop{background:rgba(0,0,0,.6)}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-AppealModal-frame{color:var(--color-text-medium-emphasis);display:grid;gap:0 0;grid-auto-flow:row;grid-template-areas:"Image" "Title" "Body" "ButtonGroup" "CloseButton";grid-template-columns:1fr;grid-template-rows:auto;padding:0 0 24px;width:100%}.spui-AppealModal-image{grid-area:Image}.spui-AppealModal-image img{border-radius:20px 20px 0 0}.spui-AppealModal-title{color:var(--color-text-high-emphasis);font-size:1.125em;font-weight:700;grid-area:Title;line-height:1.4;margin:24px 24px 0;padding:0;text-align:center}.spui-AppealModal-body{color:var(--color-text-medium-emphasis);font-size:.875em;grid-area:Body;line-height:1.6;margin:8px 24px 0;overflow-wrap:break-word;text-align:center}.spui-AppealModal-buttonGroup{align-items:center;grid-area:ButtonGroup;justify-content:center;margin:16px 24px 0;text-align:center}.spui-AppealModal-closeIconButton,.spui-AppealModal-closeTextButton{grid-area:CloseButton}.spui-AppealModal-closeIconButton{display:none}.spui-AppealModal-closeTextButton{margin:20px 24px 0;text-align:center}.spui-AppealModal-buttonGroup :is(.spui-Button,.spui-LinkButton){max-width:240px}@media screen and (min-width:768px){.spui-AppealModal{min-height:300px;min-width:500px}.spui-AppealModal--large{width:1024px}.spui-AppealModal--medium{width:840px}.spui-AppealModal--small{width:480px}.spui-AppealModal-frame{grid-auto-flow:row;grid-template-areas:"Title CloseButton" "Body CloseButton" "Image Image" "ButtonGroup ButtonGroup";grid-template-columns:1fr 72px;grid-template-rows:auto;padding:0 0 36px}.spui-AppealModal-title{margin:32px 16px 0 36px;text-align:left}.spui-AppealModal-body{margin:12px 16px 0 36px;text-align:left}.spui-AppealModal-image{margin:32px 36px 0}.spui-AppealModal-image img{border:var(--AppealModal-image-border);border-radius:var(--AppealModal-image-borderRadius);box-sizing:border-box}.spui-AppealModal-buttonGroup{margin:16px 36px 0}.spui-AppealModal-closeIconButton{--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary);display:inline-flex;margin:36px 0 0}.spui-AppealModal-closeTextButton{display:none}}@keyframes spui-AppealModal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-AppealModal-fade-out{0%{opacity:1}to{opacity:0}}:root{--SemiModal-footer-justifyContent:right;--SemiModal-footer-button-minWidth:160px;--SemiModal-sp-footer-justifyContent:center}.spui-SemiModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);height:-moz-fit-content;height:fit-content;padding:0;position:fixed;width:-moz-fit-content;width:fit-content}.spui-SemiModal[data-type=sheet]{border-radius:20px 20px 0 0;bottom:0;margin:auto auto 0;transform:translateY(100%);will-change:translate}.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop,.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop{animation:spui-SemiModal-fade-in .35s cubic-bezier(0,0,0,1)}.spui-SemiModal--closing.spui-SemiModal[data-type=popup],.spui-SemiModal--closing[data-type=popup].spui-SemiModal::backdrop,.spui-SemiModal--closing[data-type=sheet].spui-SemiModal::backdrop{animation:spui-SemiModal-fade-out .35s cubic-bezier(0,0,0,1)}.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing,button){animation:spui-SemiModal-slide-in .35s cubic-bezier(0,0,0,1) both}.spui-SemiModal--closing.spui-SemiModal[data-type=sheet]{animation:spui-SemiModal-slide-out .35s cubic-bezier(0,0,0,1) both}@media (prefers-reduced-motion:reduce){.spui-SemiModal--closing.spui-SemiModal[data-type=popup]::backdrop,.spui-SemiModal--closing.spui-SemiModal[data-type=sheet]::backdrop,.spui-SemiModal[data-type=popup].spui-SemiModal--closing,.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop,.spui-SemiModal[data-type=sheet].spui-SemiModal--closing,.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop{animation-duration:.01s}}html:has(.spui-SemiModal[open]){overflow:hidden}html.spui-SemiModal--open{overflow:hidden}@media screen and (max-width:440px){.spui-SemiModal{width:calc(100% - 40px)}}.spui-SemiModal::backdrop{background:rgba(0,0,0,.6)}.spui-SemiModal+.backdrop{background:rgba(0,0,0,.6)}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100vh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100vh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}@keyframes spui-SemiModal-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spui-SemiModal-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes spui-SemiModal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-SemiModal-fade-out{0%{opacity:1}to{opacity:0}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor)}.spui-TextButton:disabled{opacity:.3}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton{text-decoration:underline}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}.spui-TextButton:disabled{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor)}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{line-height:0}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink{text-decoration:underline}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc(var(--Toast--initial-height)*-1 - var(--Toast--offset-bottom)*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc(var(--SnackBar--initial-height-bottom)*-1 - var(--SnackBar--offset-bottom)*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{padding:0 12px;text-align:center;bottom:0;top:unset;transform:translateY(calc(var(--SnackBar--initial-height-bottom)*-1 - var(--SnackBar--offset-bottom)*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}:root{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(--white-50-alpha);--InlineNotification--contained-backgroundColor:var(--color-surface-primary);--InlineNotification--contained-color:var(--color-text-accent-primary);--InlineNotification--contained-onHover-backgroundColor:var(--white-70-alpha);--InlineNotification--contained-onActive-backgroundColor:var(--white-70-alpha);--InlineNotification--danger-borderColor:var(--color-border-high-emphasis-inverse);--InlineNotification--danger-color:var(--color-text-high-emphasis-inverse);--InlineNotification--danger-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--danger-onActive-backgroundColor:var(--white-50-alpha)}.spui-InlineNotification{border-radius:12px;width:100%}.spui-InlineNotification--full{border-radius:0}.spui-InlineNotification-content{align-items:center;display:flex;padding:8px 12px}.spui-InlineNotification-icon{align-items:center;display:flex;font-size:1.375em;justify-content:center;margin-right:8px;padding:5px 0}.spui-InlineNotification-avatar{flex:none;height:36px;margin-right:8px;position:relative;width:36px}.spui-InlineNotification-avatar:before{border:1px solid var(--color-border-low-emphasis);border-radius:50%;box-sizing:border-box;content:"";height:100%;position:absolute;width:100%}.spui-InlineNotification-avatarInner{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spui-InlineNotification-text{flex:1;font-size:.875em;font-weight:700;line-height:1.4;margin:0;min-width:0;overflow-wrap:break-word}.spui-InlineNotification-iconButton{margin-left:16px;padding:5px 0}.spui-InlineNotification-textButton{flex:none;font-size:.75em;margin-left:16px}.spui-InlineNotification-button{flex:none;margin-left:16px;padding:2px 0}.spui-InlineNotification-icon~.spui-InlineNotification-button{padding:5px 0}.spui-InlineNotification--information{background-color:var(--color-surface-tertiary)}.spui-InlineNotification--information .spui-InlineNotification-icon{color:var(--color-object-medium-emphasis)}.spui-InlineNotification--information .spui-InlineNotification-text{color:var(--color-text-medium-emphasis)}.spui-InlineNotification--information .spui-InlineNotification-iconButton{--IconButton--neutral-backgroundColor:transparent}.spui-InlineNotification--information .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-medium-emphasis)}.spui-InlineNotification--information.spui-InlineNotification--emphasized{background-color:var(--color-surface-accent-neutral-high-emphasis)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-iconButton{--IconButton--neutral-color:var(--InlineNotification--neutral-color);--IconButton--neutral-onHover-backgroundColor:var(--InlineNotification--neutral-onHover-backgroundColor);--IconButton--neutral-onActive-backgroundColor:var(--InlineNotification--neutral-onActive-backgroundColor)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--neutral-backgroundColor:var(--InlineNotification--neutral-backgroundColor);--Button--neutral-color:var(--InlineNotification--neutral-color);--Button--neutral-onHover-backgroundColor:var(--InlineNotification--neutral-onHover-backgroundColor);--Button--neutral-onActive-backgroundColor:var(--InlineNotification--neutral-onActive-backgroundColor)}.spui-InlineNotification--confirmation{background-color:var(--color-surface-accent-primary-light)}.spui-InlineNotification--confirmation .spui-InlineNotification-icon{color:var(--color-object-accent-primary)}.spui-InlineNotification--confirmation .spui-InlineNotification-text{color:var(--color-text-accent-primary)}.spui-InlineNotification--confirmation .spui-InlineNotification-iconButton{--IconButton--outlined-borderColor:none;--IconButton--outlined-onHover-backgroundColor:var(--InlineNotification--outlined-onHover-backgroundColor);--IconButton--outlined-onActive-backgroundColor:var(--InlineNotification--outlined-onActive-backgroundColor)}.spui-InlineNotification--confirmation .spui-InlineNotification-button{--Button--outlined-onHover-backgroundColor:var(--InlineNotification--outlined-onHover-backgroundColor);--Button--outlined-onActive-backgroundColor:var(--InlineNotification--outlined-onActive-backgroundColor)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized{background-color:var(--color-surface-accent-primary)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--contained-backgroundColor:var(--InlineNotification--contained-backgroundColor);--Button--contained-color:var(--InlineNotification--contained-color);--Button--contained-onHover-backgroundColor:var(--InlineNotification--contained-onHover-backgroundColor);--Button--contained-onActive-backgroundColor:var(--InlineNotification--contained-onActive-backgroundColor)}.spui-InlineNotification--error{background-color:var(--color-surface-caution-light)}.spui-InlineNotification--error .spui-InlineNotification-icon{color:var(--color-object-caution)}.spui-InlineNotification--error .spui-InlineNotification-text{color:var(--color-text-caution)}.spui-InlineNotification--error .spui-InlineNotification-iconButton{--IconButton--danger-borderColor:none}.spui-InlineNotification--error .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-caution)}.spui-InlineNotification--error.spui-InlineNotification--emphasized{background-color:var(--color-surface-caution)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-iconButton{--IconButton--danger-color:var(--InlineNotification--danger-color);--IconButton--danger-onHover-backgroundColor:var(--InlineNotification--danger-onHover-backgroundColor);--IconButton--danger-onActive-backgroundColor:var(--InlineNotification--danger-onActive-backgroundColor)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--danger-color:var(--InlineNotification--danger-color);--Button--danger-borderColor:var(--InlineNotification--danger-borderColor);--Button--danger-onHover-backgroundColor:var(--InlineNotification--danger-onHover-backgroundColor);--Button--danger-onActive-backgroundColor:var(--InlineNotification--danger-onActive-backgroundColor)}.spui-SegmentedControl{align-items:center;background-color:var(--color-surface-tertiary);border-radius:19px;box-sizing:border-box;display:grid;gap:4px;padding:4px;position:relative;width:100%}.spui-SegmentedControl--large{border-radius:24px}.spui-SegmentedControl--divider{gap:9px}.spui-SegmentedControl-button{background-color:transparent;border:none;border-radius:15px;box-sizing:border-box;color:var(--color-text-medium-emphasis);cursor:pointer;height:100%;line-height:1.3;min-width:0;overflow-wrap:break-word;padding:4px;position:relative;transition:font-weight .35s ease,color .35s ease,background-color .15s ease}.spui-SegmentedControl-button[aria-checked=true]{color:var(--color-text-high-emphasis);cursor:inherit;font-weight:700}.spui-SegmentedControl--divider .spui-SegmentedControl-button:before{background-color:var(--color-border-low-emphasis);bottom:50%;content:"";height:20px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .35s ease;width:1px}.spui-SegmentedControl--divider .spui-SegmentedControl-button:first-of-type:before{content:none}.spui-SegmentedControl-button[aria-checked=true]+.spui-SegmentedControl-button[aria-checked=false]:before,.spui-SegmentedControl-button[aria-checked=true]:before{background-color:transparent}.spui-SegmentedControl-button[aria-checked=false]:hover{background-color:var(--color-surface-tertiary)}.spui-SegmentedControl-button:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-SegmentedControl-button[aria-checked=false]:focus{background-color:var(--color-surface-secondary)}.spui-SegmentedControl-button:not(:focus-visible){outline:none}.spui-SegmentedControl--medium .spui-SegmentedControl-button{font-size:.8125em;min-height:30px}.spui-SegmentedControl--large .spui-SegmentedControl-button{border-radius:20px;font-size:1em;min-height:40px}.spui-SegmentedControl-indicator{background-color:var(--color-surface-primary);bottom:4px;box-shadow:0 3.25px 7.75px rgba(8,18,26,.06);content:"";height:auto;left:0;position:absolute;top:4px;transition:transform .35s ease}@media (prefers-reduced-motion:reduce){.spui-SegmentedControl-button,.spui-SegmentedControl-indicator--ready{transition:.1ms}}.spui-UnderlineTab{background-color:var(--color-surface-primary)}.spui-UnderlineTab--border{border-bottom:1px solid var(--color-border-low-emphasis)}.spui-UnderlineTab--scrollable{position:relative}.spui-UnderlineTab-container{align-items:center;display:flex}.spui-UnderlineTab--scrollable .spui-UnderlineTab-container{-moz-column-gap:16px;column-gap:16px;overflow-x:scroll;padding:0 16px;scroll-behavior:smooth}.spui-UnderlineTab-button{background-color:transparent;border:none;box-sizing:border-box;flex-shrink:0;padding:0 4px;transition:background-color .15s ease-in-out}.spui-UnderlineTab--fixed .spui-UnderlineTab-button{width:100%}.spui-UnderlineTab--scrollable .spui-UnderlineTab-button{min-width:44px}.spui-UnderlineTab-button:hover{background-color:var(--color-surface-tertiary)}.spui-UnderlineTab-button:focus{border-radius:4px;outline:2px solid var(--color-focus-clarity);outline-offset:-2px}.spui-UnderlineTab-button:not(:focus-visible){outline:none}.spui-UnderlineTab-labelWrapper{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex;margin:0 auto;max-width:100%;padding:14px 0;position:relative;width:-moz-fit-content;width:fit-content}.spui-UnderlineTab-labelWrapper:after{background-color:var(--color-border-accent-primary);border-radius:3px;bottom:0;content:"";height:3px;left:50%;min-width:40px;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .35s ease-in-out;width:100%}.spui-UnderlineTab-button[aria-selected=true] .spui-UnderlineTab-labelWrapper:after{opacity:1}.spui-UnderlineTab-label{color:var(--color-text-low-emphasis);font-size:.875rem;font-weight:700;line-height:1.3}.spui-UnderlineTab--fixed .spui-UnderlineTab-label{min-width:0;overflow-wrap:break-word}.spui-UnderlineTab-button[aria-selected=true] .spui-UnderlineTab-label{color:var(--color-text-accent-primary)}.spui-UnderlineTab-badge{background-color:var(--color-surface-accent-primary);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis-inverse);flex-shrink:0;font-size:.6875rem;font-weight:700;line-height:1.3;min-width:20px;padding:1px 4px}.spui-UnderlineTab-visuallyHidden{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.spui-UnderlineTab-arrow{background-color:var(--color-surface-primary);bottom:0;height:-moz-fit-content;height:fit-content;margin:auto;opacity:0;position:absolute;top:0;transition:opacity .35s ease-in-out,visibility .35s ease-in-out;visibility:hidden;z-index:1}.spui-UnderlineTab-arrow.is-showed{opacity:1;visibility:visible}.spui-UnderlineTab-arrow:before{content:"";height:100%;position:absolute;width:10px;z-index:-1}.spui-UnderlineTab-arrow--left{left:0}.spui-UnderlineTab-arrow--left:before{background:linear-gradient(270deg,hsla(0,0%,100%,0),var(--color-surface-primary));left:44px}.spui-UnderlineTab-arrow--right{right:0}.spui-UnderlineTab-arrow--right:before{background:linear-gradient(270deg,var(--color-surface-primary),hsla(0,0%,100%,0));right:44px}.spui-UnderlineTab-arrowButton{background-color:transparent;border:none;border-radius:8px;color:var(--color-object-low-emphasis);display:flex;padding:14px;transition:background-color .15s ease-in-out}.spui-UnderlineTab-arrowButton:hover{background-color:var(--color-surface-tertiary)}.spui-UnderlineTab-arrowButton:focus{outline:2px solid var(--color-focus-clarity)}.spui-UnderlineTab-arrowButton:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.spui-UnderlineTab-arrow,.spui-UnderlineTab-arrowButton,.spui-UnderlineTab-button,.spui-UnderlineTab-labelWrapper:after{transition:.1ms}.spui-UnderlineTab--scrollable .spui-UnderlineTab-container{scroll-behavior:auto}}
1
+ :root{--ameba-green:#2d8c3c;--ameba-black:#000;--ameba-yellow-green:#82be28;--ameba-neutral-gray:#f6f6f6;--ameba-white:#fff;--ameba-yellow:#f5e100;--primary-green-100:#0f5c1f;--primary-green-90:#186b27;--primary-green-80:#237b31;--primary-green-70:#298737;--primary-green-60:#389e46;--primary-green-50:#41ad4f;--primary-green-40:#5eb969;--primary-green-30:#7bc583;--primary-green-20:#a1d5a7;--primary-green-10:#c6e5c9;--primary-green-5:#e7f5e9;--secondary-green-100:#366600;--secondary-green-90:#427504;--secondary-green-80:#477d00;--secondary-green-70:#5e9b15;--secondary-green-60:#73ae20;--secondary-green-50:#82be28;--secondary-green-40:#95c84d;--secondary-green-30:#a9d16f;--secondary-green-20:#c2de99;--secondary-green-10:#daebc1;--secondary-green-5:#f0f7e6;--gray-100:#08121a;--gray-90-alpha:rgba(8,18,26,.95);--gray-80-alpha:rgba(8,18,26,.8);--gray-70-alpha:rgba(8,18,26,.74);--gray-60-alpha:rgba(8,18,26,.61);--gray-50-alpha:rgba(8,18,26,.47);--gray-40-alpha:rgba(8,18,26,.4);--gray-30-alpha:rgba(8,18,26,.3);--gray-20-alpha:rgba(8,18,26,.16);--gray-10-alpha:rgba(8,18,26,.08);--gray-5-alpha:rgba(8,18,26,.04);--gray-90:#141e25;--gray-80:#394148;--gray-70:#464d53;--gray-60:#686e73;--gray-50:#8b9093;--gray-40:#9ca0a3;--gray-30:#b5b8ba;--gray-20:#d8d9da;--gray-10:#ebeced;--gray-5:#f5f6f6;--white-100:#fff;--white-90-alpha:hsla(0,0%,100%,.9);--white-80-alpha:hsla(0,0%,100%,.8);--white-70-alpha:hsla(0,0%,100%,.7);--white-60-alpha:hsla(0,0%,100%,.6);--white-50-alpha:hsla(0,0%,100%,.5);--white-40-alpha:hsla(0,0%,100%,.43);--white-30-alpha:hsla(0,0%,100%,.3);--white-20-alpha:hsla(0,0%,100%,.16);--white-10-alpha:hsla(0,0%,100%,.1);--white-5-alpha:hsla(0,0%,100%,.05);--black-100:#000;--black-90-alpha:rgba(0,0,0,.9);--black-80-alpha:rgba(0,0,0,.8);--black-70-alpha:rgba(0,0,0,.7);--black-60-alpha:rgba(0,0,0,.6);--black-50-alpha:rgba(0,0,0,.5);--black-40-alpha:rgba(0,0,0,.4);--black-30-alpha:rgba(0,0,0,.3);--black-20-alpha:rgba(0,0,0,.2);--black-10-alpha:rgba(0,0,0,.1);--black-5-alpha:rgba(0,0,0,.05);--caution-red-100:#d91c0b;--caution-red-20-alpha:rgba(217,28,11,.2);--caution-red-5-alpha:rgba(217,28,11,.05);--caution-red-vivid-100:#ff6a59;--caution-red-vivid-20-alpha:rgba(255,106,89,.2);--caution-red-vivid-5-alpha:rgba(255,106,89,.05);--expressive-blue:#4795c8;--expressive-green:#4ac3aa;--expressive-purple:#ca5ce6;--expressive-lavender:#755ce6;--expressive-orange:#e6815c;--expressive-yellow:#e6ac5c;--expressive-pink:#e6456a;--facebook-blue:#1877f2;--facebook-white:#fff;--twitter-blue:#1da1f2;--twitter-white:#fff;--x-black:#000;--x-white:#fff;--instagram-pink:#f20076;--apple-black:#000;--apple-white:#fff;--youtube-red:red;--youtube-white:#fff;--amazon-yellow:#f90;--amazon-black:#000;--rakuten-red:#bf0000;--rakuten-white:#fff;--yahoo-red:#f03;--yahoo-white:#fff;--focus-blue-100:#0091ff;--focus-blue-30-alpha:rgba(0,145,255,.3);--highlight-yellow-100:#f5e100;--highlight-yellow-30-alpha:rgba(245,225,0,.3);--color-background:var(--gray-5);--color-surface-primary:var(--white-100);--color-surface-secondary:var(--gray-5-alpha);--color-surface-tertiary:var(--gray-10-alpha);--color-surface-quaternary:var(--gray-20-alpha);--color-surface-accent-primary:var(--primary-green-70);--color-surface-accent-primary-light:var(--primary-green-5);--color-surface-accent-secondary:var(--secondary-green-50);--color-surface-accent-secondary-light:var(--secondary-green-5);--color-surface-accent-neutral-high-emphasis:var(--gray-80);--color-surface-accent-neutral-medium-emphasis:var(--gray-60-alpha);--color-surface-caution:var(--caution-red-100);--color-surface-caution-light:var(--caution-red-5-alpha);--color-surface-positive:var(--primary-green-70);--color-surface-positive-light:var(--primary-green-5);--color-text-high-emphasis:var(--gray-100);--color-text-medium-emphasis:var(--gray-70-alpha);--color-text-low-emphasis:var(--gray-60-alpha);--color-text-disabled:var(--gray-30-alpha);--color-text-high-emphasis-inverse:var(--white-100);--color-text-accent-primary:var(--primary-green-80);--color-text-accent-secondary:var(--secondary-green-80);--color-text-caution:var(--caution-red-100);--color-text-positive:var(--primary-green-80);--color-highlight-error:var(--caution-red-20-alpha);--color-highlight-hover:var(--black-30-alpha);--color-highlight-yellow:var(--highlight-yellow-100);--color-object-high-emphasis:var(--gray-100);--color-object-medium-emphasis:var(--gray-70-alpha);--color-object-low-emphasis:var(--gray-60-alpha);--color-object-disable:var(--gray-30-alpha);--color-object-accent-primary:var(--primary-green-70);--color-object-accent-secondary:var(--secondary-green-70);--color-object-caution:var(--caution-red-100);--color-object-positive:var(--primary-green-70);--color-object-high-emphasis-inverse:var(--white-100);--color-object-expressive-pink:var(--expressive-pink);--color-overlay-dark:var(--black-80-alpha);--color-overlay-light:var(--black-20-alpha);--color-overlay-medium:var(--black-60-alpha);--color-focus-clarity:var(--focus-blue-100);--color-focus-ambiguous:var(--focus-blue-30-alpha);--color-border-strong-emphasis:var(--gray-100);--color-border-high-emphasis:var(--gray-60-alpha);--color-border-medium-emphasis:var(--gray-30-alpha);--color-border-low-emphasis:var(--gray-10-alpha);--color-border-accent-primary:var(--primary-green-70);--color-border-high-emphasis-inverse:var(--white-100);--color-border-low-emphasis-inverse:var(--white-20-alpha);--color-border-caution:var(--caution-red-100);--color-third-party-facebook-blue:var(--facebook-blue);--color-third-party-facebook-white:var(--facebook-white);--color-third-party-twitter-blue:var(--twitter-blue);--color-third-party-twitter-white:var(--twitter-white);--color-third-party-x-blue:var(--x-blue);--color-third-party-x-black:var(--x-black);--color-third-party-x-white:var(--x-white);--color-third-party-instagram-pink:var(--instagram-pink);--color-third-party-apple-black:var(--apple-black);--color-third-party-apple-white:var(--apple-white);--color-third-party-youtube-red:var(--youtube-red);--color-third-party-youtube-white:var(--youtube-white);--color-third-party-amazon-yellow:var(--amazon-yellow);--color-third-party-amazon-black:var(--amazon-black);--color-third-party-rakuten-red:var(--rakuten-red);--color-third-party-rakuten-white:var(--rakuten-white);--color-third-party-yahoo-red:var(--yahoo-red);--color-third-party-yahoo-white:var(--yahoo-white);--color-system-black:var(--black-100);--color-tap-highlight-base:var(--gray-5-alpha)}.spui-Breadcrumb{overflow:auto hidden}.spui-Breadcrumb--wrap{overflow:hidden}.spui-Breadcrumb--standard{padding:12px 0;position:relative}.spui-Breadcrumb-list{display:flex;list-style:none;margin:0;width:-moz-max-content;width:max-content}.spui-Breadcrumb--standard .spui-Breadcrumb-list{padding:0}.spui-Breadcrumb--emphasized .spui-Breadcrumb-list{background:var(--color-surface-secondary);border-radius:70px;padding:0 16px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap .spui-Breadcrumb-list{flex-wrap:wrap;width:100%}.spui-Breadcrumb-item{align-items:center;display:flex}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:44px}.spui-Breadcrumb a{align-items:center;border-radius:4px;display:flex;font-size:.875em;line-height:1.4;padding:4px 8px;position:relative;text-decoration:none}.spui-Breadcrumb a:not([aria-current]){color:var(--color-text-accent-primary);font-weight:700}.spui-Breadcrumb a[aria-current]{color:var(--color-text-low-emphasis);font-weight:400}.spui-Breadcrumb a:before{border-radius:4px;content:"";left:0;position:absolute;top:-50%;width:100%}.spui-Breadcrumb a:hover{text-decoration:underline}.spui-Breadcrumb a:not([href]):hover{text-decoration:none}.spui-Breadcrumb a:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-Breadcrumb--standard a:focus{outline-offset:-2px}.spui-Breadcrumb a:focus:not(:focus-visible){outline:none}.spui-Breadcrumb-chevron{box-sizing:content-box;color:var(--color-object-low-emphasis);height:16px;padding:0 4px;width:16px}.spui-Breadcrumb-item:last-of-type>.spui-Breadcrumb-chevron{display:none;padding:0}@media screen and (max-width:768px){.spui-Breadcrumb-list{padding:0 14px}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:36px}.spui-Breadcrumb a{font-size:.8125em;padding:2px 6px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap a{padding-bottom:4px;padding-top:4px}.spui-Breadcrumb-chevron{height:12px;padding:0 2px;width:12px}}:root{--BottomButton-z-index:1;--BottomButton-backgroundColor:var(--color-surface-primary)}.spui-BottomButton{background:var(--BottomButton-backgroundColor);bottom:0;left:0;z-index:var(--BottomButton-z-index)}.spui-BottomButton-wrap{padding:16px 16px calc(env(safe-area-inset-bottom) + 16px)}.spui-BottomButton--fixed{position:fixed;width:100%}.spui-BottomButton--sticky{position:sticky}:root{--Button-tapHighlightColor:var(--gray-5-alpha);--Button-onFocus-outlineColor:var(--color-focus-clarity);--Button--contained-backgroundColor:var(--color-surface-accent-primary);--Button--contained-color:var(--color-text-high-emphasis-inverse);--Button--contained-onActive-backgroundColor:var(--primary-green-100);--Button--contained-onHover-backgroundColor:var(--primary-green-100);--Button--outlined-borderColor:var(--color-border-accent-primary);--Button--outlined-color:var(--color-text-accent-primary);--Button--outlined-onActive-backgroundColor:var(--primary-green-5);--Button--outlined-onHover-backgroundColor:var(--primary-green-5);--Button--lighted-backgroundColor:var(--color-surface-accent-primary-light);--Button--lighted-color:var(--color-text-accent-primary);--Button--lighted-onActive-backgroundColor:var(--primary-green-10);--Button--lighted-onHover-backgroundColor:var(--primary-green-10);--Button--neutral-backgroundColor:var(--color-surface-tertiary);--Button--neutral-color:var(--color-text-medium-emphasis);--Button--neutral-onActive-backgroundColor:var(--gray-20-alpha);--Button--neutral-onHover-backgroundColor:var(--gray-20-alpha);--Button--danger-borderColor:var(--color-border-caution);--Button--danger-color:var(--color-text-caution);--Button--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--Button--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-Button{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;margin:0;-webkit-tap-highlight-color:var(--Button-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-Button:disabled{opacity:.3}.spui-Button:focus{outline:2px solid var(--Button-onFocus-outlineColor);outline-offset:1px}.spui-Button:focus:not(:focus-visible){outline:none}.spui-Button--fullWidth{width:100%}.spui-Button--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-Button--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-Button--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-Button--small:is(.spui-Button--outlined,.spui-Button--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-Button--large,.spui-Button--medium,.spui-Button--small{height:1px}}.spui-Button--contained{background-color:var(--Button--contained-backgroundColor);border:none;color:var(--Button--contained-color)}.spui-Button--contained:active{background-color:var(--Button--contained-onActive-backgroundColor)}@media (hover:hover){.spui-Button--contained:not([disabled]):hover{background-color:var(--Button--contained-onHover-backgroundColor)}}.spui-Button--outlined{background-color:transparent;border:2px solid var(--Button--outlined-borderColor);color:var(--Button--outlined-color)}.spui-Button--outlined:active{background-color:var(--Button--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-Button--outlined:not([disabled]):hover{background-color:var(--Button--outlined-onHover-backgroundColor)}}.spui-Button--lighted{background-color:var(--Button--lighted-backgroundColor);border:none;color:var(--Button--lighted-color)}.spui-Button--lighted:active{background-color:var(--Button--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-Button--lighted:not([disabled]):hover{background-color:var(--Button--lighted-onHover-backgroundColor)}}.spui-Button--neutral{background-color:var(--Button--neutral-backgroundColor);border:none;color:var(--Button--neutral-color)}.spui-Button--neutral:active{background-color:var(--Button--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-Button--neutral:not([disabled]):hover{background-color:var(--Button--neutral-onHover-backgroundColor)}}.spui-Button--danger{background-color:transparent;border:2px solid var(--Button--danger-borderColor);color:var(--Button--danger-color)}.spui-Button--danger:active{background-color:var(--Button--danger-onActive-backgroundColor)}@media (hover:hover){.spui-Button--danger:not([disabled]):hover{background-color:var(--Button--danger-onHover-backgroundColor)}}.spui-Button-icon{line-height:0}.spui-Button--iconstart .spui-Button-icon--large{font-size:1.375em;margin-right:6px}.spui-Button--iconstart .spui-Button-icon--medium{font-size:1.429em;margin-right:4px}.spui-Button--iconstart .spui-Button-icon--small{font-size:1.23em;margin-right:2px}.spui-Button--iconend{flex-direction:row-reverse}.spui-Button--iconend .spui-Button-icon--large{font-size:1.125em;margin-left:6px}.spui-Button--iconend .spui-Button-icon--medium{font-size:1.143em;margin-left:4px}.spui-Button--iconend .spui-Button-icon--small{font-size:1.077em;margin-left:2px}.spui-ButtonGroup{display:flex}.spui-ButtonGroup--row{flex-direction:row}.spui-ButtonGroup--column{flex-direction:column}.spui-ButtonGroup--large{gap:16px}.spui-ButtonGroup--medium,.spui-ButtonGroup--small{gap:12px}.spui-ButtonGroup--large.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:4px}.spui-ButtonGroup--medium.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:2px}.spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);padding:24px;position:fixed;width:352px}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::backdrop{background:rgba(0,0,0,.8)}.spui-Dialog+.backdrop{background:rgba(0,0,0,.8)}.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation:spui-Dialog-fade-in .35s cubic-bezier(0,0,0,1)}.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop{animation:spui-Dialog-fade-out .15s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop,.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation-duration:.01s}}html:has(.spui-Dialog[open]){overflow:hidden}html.spui-Dialog--open{overflow:hidden}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}.spui-Dialog--styleOnly{position:static}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}@keyframes spui-Dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-Dialog-fade-out{0%{opacity:1}to{opacity:0}}.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-outline{border-radius:2px;bottom:-2px;height:22px;left:-2px;position:absolute;right:-2px;top:-2px;width:22px}.spui-Checkbox-input:focus~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-input:focus:not(:focus-visible)~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-medium-emphasis);border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:listitem;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-InputLabel{color:var(--color-text-medium-emphasis);display:block;font-size:.875em;font-weight:700;line-height:1.4}.spui-InputLabel:empty{display:none}.spui-InvalidMessage{color:var(--color-text-caution);display:flex;font-size:.75em;font-weight:700;line-height:1.4;margin:8px 0 0;min-height:1.1em;transition:height .3s}.spui-InvalidMessage[hidden]{display:none}.spui-InvalidMessage-icon{font-size:1.33em;line-height:1;margin-right:.25em}.spui-InvalidMessage-body{position:relative;top:1px}.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;bottom:-2px;height:24px;left:-2px;position:absolute;right:-2px;top:-2px;width:24px}.spui-Radio-input:focus~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-input:focus:not(:focus-visible)~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}.spui-TextArea{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;line-height:1.4;margin:0;min-height:92px;outline:none;padding:12px 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextArea{transition:box-shadow .1ms}}.spui-TextArea::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextArea::placeholder{color:var(--color-text-disabled)}.spui-TextArea:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextArea:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextArea.is-error{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;margin:0;outline:none;padding:0 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextField{transition:box-shadow .1ms}}.spui-TextField::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextField::placeholder{color:var(--color-text-disabled)}.spui-TextField:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextField:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextField.is-error{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField--large{min-height:48px}.spui-TextField--medium{min-height:40px}.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}.spui-HeroCarouselItem-listItem{list-style:none;padding:0 .44em;width:100%}.spui-HeroCarouselItem-link{border:1px solid var(--color-border-low-emphasis);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:12em;text-decoration:none;width:17.5em}.spui-HeroCarouselItem-link:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-HeroCarouselItem-link:focus:not(:focus-visible){outline:none}.spui-HeroCarouselItem-imageBlock{align-items:center;border-bottom:1px solid var(--color-border-low-emphasis);border-radius:12px 12px 0 0;display:flex;height:9.5em;justify-content:center;overflow:hidden}.spui-HeroCarouselItem-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spui-HeroCarouselItem-titleContainer{align-items:center;box-sizing:border-box;display:flex;height:2.89em;justify-content:center;padding:0 .5em}.spui-HeroCarouselItem-title{color:var(--color-text-high-emphasis);font-size:.9375em;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.spui-HeroCarouselItem-listItem{padding:0 .75em}.spui-HeroCarouselItem-link{height:13.8em;width:20em}.spui-HeroCarouselItem-titleContainer{height:3.3em}.spui-HeroCarouselItem-title{font-size:1em}.spui-HeroCarouselItem-imageBlock{height:10.9em}}.spui-HeroCarousel-container{align-items:center;display:flex;height:12.5em;justify-content:center;overflow:hidden}.spui-HeroCarousel-list{display:flex;margin-right:.88em;padding:0 .44em;transition:transform .5s;width:17.5em}.spui-HeroCarousel-controls{align-items:center;border:1px solid var(--color-border-low-emphasis);border-radius:100px;display:flex;height:2.5em;margin:.88em auto 0;width:7.63em}.spui-HeroCarousel-control{align-items:center;background-color:transparent;border:none;display:flex;font-size:1em;height:100%;justify-content:center;padding:0;width:33.33333%}.spui-HeroCarousel-control:hover{opacity:.7}.spui-HeroCarousel-control:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-HeroCarousel-control:focus:not(:focus-visible){outline:none}.spui-HeroCarousel-control--prev{border-radius:100px 0 0 100px;border-right:1px solid var(--color-border-low-emphasis)}.spui-HeroCarousel-control--next{border-left:1px solid var(--color-border-low-emphasis);border-radius:0 100px 100px 0}@media (prefers-reduced-motion:reduce){.spui-HeroCarousel-list{transition:1ms}}@media screen and (min-width:768px){.spui-HeroCarousel-container{height:14.3em}.spui-HeroCarousel-list{margin-right:1.5em;padding:0 .75em;width:20em}.spui-HeroCarousel-controls{height:2.75em;margin-top:1.25em;width:8.38em}}.spui-HeroCarousel-control>svg{color:var(--color-text-low-emphasis);height:1.13em;width:1.13em}@media screen and (min-width:768px){.spui-HeroCarousel-control>svg{height:1.25em;width:1.25em}}:root{--IconButton-tapHighlightColor:var(--gray-5-alpha);--IconButton-onFocus-outlineColor:var(--color-focus-clarity);--IconButton--contained-backgroundColor:var(--color-surface-accent-primary);--IconButton--contained-color:var(--color-object-high-emphasis-inverse);--IconButton--contained-onActive-backgroundColor:var(--primary-green-100);--IconButton--contained-onHover-backgroundColor:var(--primary-green-100);--IconButton--outlined-borderColor:var(--color-border-accent-primary);--IconButton--outlined-color:var(--color-object-accent-primary);--IconButton--outlined-onActive-backgroundColor:var(--primary-green-5);--IconButton--outlined-onHover-backgroundColor:var(--primary-green-5);--IconButton--lighted-backgroundColor:var(
2
+ --color-surface-accent-primary-light
3
+ );--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--LinkButton-tapHighlightColor:var(--gray-5-alpha);--LinkButton-onFocus-outlineColor:var(--color-focus-clarity);--LinkButton--contained-backgroundColor:var(--color-surface-accent-primary);--LinkButton--contained-color:var(--color-text-high-emphasis-inverse);--LinkButton--contained-onActive-backgroundColor:var(--primary-green-100);--LinkButton--contained-onHover-backgroundColor:var(--primary-green-100);--LinkButton--outlined-borderColor:var(--color-border-accent-primary);--LinkButton--outlined-color:var(--color-text-accent-primary);--LinkButton--outlined-onActive-backgroundColor:var(--primary-green-5);--LinkButton--outlined-onHover-backgroundColor:var(--primary-green-5);--LinkButton--lighted-backgroundColor:var(
4
+ --color-surface-accent-primary-light
5
+ );--LinkButton--lighted-color:var(--color-text-accent-primary);--LinkButton--lighted-onActive-backgroundColor:var(--primary-green-10);--LinkButton--lighted-onHover-backgroundColor:var(--primary-green-10);--LinkButton--neutral-backgroundColor:var(--color-surface-tertiary);--LinkButton--neutral-color:var(--color-text-medium-emphasis);--LinkButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--LinkButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--LinkButton--danger-borderColor:var(--color-border-caution);--LinkButton--danger-color:var(--color-text-caution);--LinkButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--LinkButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-LinkButton{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;-webkit-tap-highlight-color:var(--LinkButton-tapHighlightColor);text-align:center;text-decoration:none;transition:background-color .3s}.spui-LinkButton:focus{outline:2px solid var(--LinkButton-onFocus-outlineColor);outline-offset:1px}.spui-LinkButton:focus:not(:focus-visible){outline:none}.spui-LinkButton--fullWidth{width:100%}.spui-LinkButton--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-LinkButton--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-LinkButton--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-LinkButton--small:is(.spui-LinkButton--outlined,.spui-LinkButton--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-LinkButton--large,.spui-LinkButton--medium,.spui-LinkButton--small{height:1px}}.spui-LinkButton--contained{background-color:var(--LinkButton--contained-backgroundColor);border:none;color:var(--LinkButton--contained-color)}.spui-LinkButton--contained:active{background-color:var(--LinkButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--contained:hover{background-color:var(--LinkButton--contained-onHover-backgroundColor)}}.spui-LinkButton--outlined{background-color:transparent;border:2px solid var(--LinkButton--outlined-borderColor);color:var(--LinkButton--outlined-color)}.spui-LinkButton--outlined:active{background-color:var(--LinkButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--outlined:hover{background-color:var(--LinkButton--outlined-onHover-backgroundColor)}}.spui-LinkButton--lighted{background-color:var(--LinkButton--lighted-backgroundColor);border:none;color:var(--LinkButton--lighted-color)}.spui-LinkButton--lighted:active{background-color:var(--LinkButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--lighted:hover{background-color:var(--LinkButton--lighted-onHover-backgroundColor)}}.spui-LinkButton--neutral{background-color:var(--LinkButton--neutral-backgroundColor);border:none;color:var(--LinkButton--neutral-color)}.spui-LinkButton--neutral:active{background-color:var(--LinkButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--neutral:hover{background-color:var(--LinkButton--neutral-onHover-backgroundColor)}}.spui-LinkButton--danger{background-color:transparent;border:2px solid var(--LinkButton--danger-borderColor);color:var(--LinkButton--danger-color)}.spui-LinkButton--danger:active{background-color:var(--LinkButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--danger:hover{background-color:var(--LinkButton--danger-onHover-backgroundColor)}}.spui-LinkButton-icon{line-height:0}.spui-LinkButton--iconstart .spui-LinkButton-icon--large{font-size:1.375em;margin-right:6px}.spui-LinkButton--iconstart .spui-LinkButton-icon--medium{font-size:1.429em;margin-right:4px}.spui-LinkButton--iconstart .spui-LinkButton-icon--small{font-size:1.23em;margin-right:2px}.spui-LinkButton--iconend{flex-direction:row-reverse}.spui-LinkButton--iconend .spui-LinkButton-icon--large{font-size:1.125em;margin-left:6px}.spui-LinkButton--iconend .spui-LinkButton-icon--medium{font-size:1.143em;margin-left:4px}.spui-LinkButton--iconend .spui-LinkButton-icon--small{font-size:1.077em;margin-left:2px}:root{--SubtleButton-tapHighlightColor:var(--white-60-alpha);--SubtleButton-onFocus-outlineColor:var(--color-focus-clarity);--SubtleButton-color:var(--color-text-medium-emphasis)}.spui-SubtleButton{background:none;border:none;border-radius:4px;color:var(--SubtleButton-color);font-family:inherit;font-weight:700;line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--SubtleButton-tapHighlightColor);text-align:center}.spui-SubtleButton:disabled{opacity:.3}.spui-SubtleButton:focus{outline:2px solid var(--SubtleButton-onFocus-outlineColor);outline-offset:1px}.spui-SubtleButton:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-SubtleButton:not([disabled]):hover{text-decoration:underline}}.spui-SubtleButton--large,.spui-SubtleButton--medium{font-size:.875em}.spui-SubtleButton--small{font-size:.8125em}:root{--AppealModal-image-border:1px inset var(--color-border-low-emphasis);--AppealModal-image-borderRadius:8px}.spui-AppealModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);padding:0;width:400px}.spui-AppealModal[open]:not(.spui-AppealModal--closing),.spui-AppealModal[open]:not(.spui-AppealModal--closing).spui-AppealModal::backdrop{animation:spui-AppealModal-fade-in .5s cubic-bezier(0,0,0,1)}.spui-AppealModal--closing,.spui-AppealModal--closing.spui-AppealModal::backdrop{animation:spui-AppealModal-fade-out .3s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.spui-AppealModal--closing,.spui-AppealModal--closing.spui-AppealModal::backdrop,.spui-AppealModal[open]:not(.spui-AppealModal--closing),.spui-AppealModal[open]:not(.spui-AppealModal--closing).spui-AppealModal::backdrop{animation-duration:.01s}}html:has(.spui-AppealModal[open]){overflow:hidden}html.spui-AppealModal--open{overflow:hidden}@media screen and (max-width:440px){.spui-AppealModal{width:calc(100% - 48px)}}.spui-AppealModal::backdrop{background:rgba(0,0,0,.6)}.spui-AppealModal+.backdrop{background:rgba(0,0,0,.6)}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-AppealModal-frame{color:var(--color-text-medium-emphasis);display:grid;gap:0 0;grid-auto-flow:row;grid-template-areas:"Image" "Title" "Body" "ButtonGroup" "CloseButton";grid-template-columns:1fr;grid-template-rows:auto;padding:0 0 24px;width:100%}.spui-AppealModal-image{grid-area:Image}.spui-AppealModal-image img{border-radius:20px 20px 0 0}.spui-AppealModal-title{color:var(--color-text-high-emphasis);font-size:1.125em;font-weight:700;grid-area:Title;line-height:1.4;margin:24px 24px 0;padding:0;text-align:center}.spui-AppealModal-body{color:var(--color-text-medium-emphasis);font-size:.875em;grid-area:Body;line-height:1.6;margin:8px 24px 0;overflow-wrap:break-word;text-align:center}.spui-AppealModal-buttonGroup{align-items:center;grid-area:ButtonGroup;justify-content:center;margin:16px 24px 0;text-align:center}.spui-AppealModal-closeIconButton,.spui-AppealModal-closeTextButton{grid-area:CloseButton}.spui-AppealModal-closeIconButton{display:none}.spui-AppealModal-closeTextButton{margin:20px 24px 0;text-align:center}.spui-AppealModal-buttonGroup :is(.spui-Button,.spui-LinkButton){max-width:240px}@media screen and (min-width:768px){.spui-AppealModal{min-height:300px;min-width:500px}.spui-AppealModal--large{width:1024px}.spui-AppealModal--medium{width:840px}.spui-AppealModal--small{width:480px}.spui-AppealModal-frame{grid-auto-flow:row;grid-template-areas:"Title CloseButton" "Body CloseButton" "Image Image" "ButtonGroup ButtonGroup";grid-template-columns:1fr 72px;grid-template-rows:auto;padding:0 0 36px}.spui-AppealModal-title{margin:32px 16px 0 36px;text-align:left}.spui-AppealModal-body{margin:12px 16px 0 36px;text-align:left}.spui-AppealModal-image{margin:32px 36px 0}.spui-AppealModal-image img{border:var(--AppealModal-image-border);border-radius:var(--AppealModal-image-borderRadius);box-sizing:border-box}.spui-AppealModal-buttonGroup{margin:16px 36px 0}.spui-AppealModal-closeIconButton{--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(
6
+ --color-surface-tertiary
7
+ );display:inline-flex;margin:36px 0 0}.spui-AppealModal-closeTextButton{display:none}}@keyframes spui-AppealModal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-AppealModal-fade-out{0%{opacity:1}to{opacity:0}}:root{--SemiModal-footer-justifyContent:right;--SemiModal-footer-button-minWidth:160px;--SemiModal-sp-footer-justifyContent:center}.spui-SemiModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);height:-moz-fit-content;height:fit-content;padding:0;position:fixed;width:-moz-fit-content;width:fit-content}.spui-SemiModal[data-type=sheet]{border-radius:20px 20px 0 0;bottom:0;margin:auto auto 0;transform:translateY(100%);will-change:translate}.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop,.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop{animation:spui-SemiModal-fade-in .35s cubic-bezier(0,0,0,1)}.spui-SemiModal--closing.spui-SemiModal[data-type=popup],.spui-SemiModal--closing[data-type=popup].spui-SemiModal::backdrop,.spui-SemiModal--closing[data-type=sheet].spui-SemiModal::backdrop{animation:spui-SemiModal-fade-out .35s cubic-bezier(0,0,0,1)}.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing,button){animation:spui-SemiModal-slide-in .35s cubic-bezier(0,0,0,1) both}.spui-SemiModal--closing.spui-SemiModal[data-type=sheet]{animation:spui-SemiModal-slide-out .35s cubic-bezier(0,0,0,1) both}@media (prefers-reduced-motion:reduce){.spui-SemiModal--closing.spui-SemiModal[data-type=popup]::backdrop,.spui-SemiModal--closing.spui-SemiModal[data-type=sheet]::backdrop,.spui-SemiModal[data-type=popup].spui-SemiModal--closing,.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=popup][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop,.spui-SemiModal[data-type=sheet].spui-SemiModal--closing,.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing),.spui-SemiModal[data-type=sheet][open]:not(.spui-SemiModal--closing).spui-SemiModal::backdrop{animation-duration:.01s}}html:has(.spui-SemiModal[open]){overflow:hidden}html.spui-SemiModal--open{overflow:hidden}@media screen and (max-width:440px){.spui-SemiModal{width:calc(100% - 40px)}}.spui-SemiModal::backdrop{background:rgba(0,0,0,.6)}.spui-SemiModal+.backdrop{background:rgba(0,0,0,.6)}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100vh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100vh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}@keyframes spui-SemiModal-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spui-SemiModal-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes spui-SemiModal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-SemiModal-fade-out{0%{opacity:1}to{opacity:0}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor)}.spui-TextButton:disabled{opacity:.3}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton{text-decoration:underline}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}.spui-TextButton:disabled{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor)}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{line-height:0}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink{text-decoration:underline}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc((var(--Toast--initial-height) - var(--Toast--offset-bottom))*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}:root{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(
8
+ --white-50-alpha
9
+ );--InlineNotification--contained-backgroundColor:var(--color-surface-primary);--InlineNotification--contained-color:var(--color-text-accent-primary);--InlineNotification--contained-onHover-backgroundColor:var(
10
+ --white-70-alpha
11
+ );--InlineNotification--contained-onActive-backgroundColor:var(
12
+ --white-70-alpha
13
+ );--InlineNotification--danger-borderColor:var(
14
+ --color-border-high-emphasis-inverse
15
+ );--InlineNotification--danger-color:var(--color-text-high-emphasis-inverse);--InlineNotification--danger-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--danger-onActive-backgroundColor:var(--white-50-alpha)}.spui-InlineNotification{border-radius:12px;width:100%}.spui-InlineNotification--full{border-radius:0}.spui-InlineNotification-content{align-items:center;display:flex;padding:8px 12px}.spui-InlineNotification-icon{align-items:center;display:flex;font-size:1.375em;justify-content:center;margin-right:8px;padding:5px 0}.spui-InlineNotification-avatar{flex:none;height:36px;margin-right:8px;position:relative;width:36px}.spui-InlineNotification-avatar:before{border:1px solid var(--color-border-low-emphasis);border-radius:50%;box-sizing:border-box;content:"";height:100%;position:absolute;width:100%}.spui-InlineNotification-avatarInner{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spui-InlineNotification-text{flex:1;font-size:.875em;font-weight:700;line-height:1.4;margin:0;min-width:0;overflow-wrap:break-word}.spui-InlineNotification-iconButton{margin-left:16px;padding:5px 0}.spui-InlineNotification-textButton{flex:none;font-size:.75em;margin-left:16px}.spui-InlineNotification-button{flex:none;margin-left:16px;padding:2px 0}.spui-InlineNotification-icon~.spui-InlineNotification-button{padding:5px 0}.spui-InlineNotification--information{background-color:var(--color-surface-tertiary)}.spui-InlineNotification--information .spui-InlineNotification-icon{color:var(--color-object-medium-emphasis)}.spui-InlineNotification--information .spui-InlineNotification-text{color:var(--color-text-medium-emphasis)}.spui-InlineNotification--information .spui-InlineNotification-iconButton{--IconButton--neutral-backgroundColor:transparent}.spui-InlineNotification--information .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-medium-emphasis)}.spui-InlineNotification--information.spui-InlineNotification--emphasized{background-color:var(--color-surface-accent-neutral-high-emphasis)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-iconButton{--IconButton--neutral-color:var(--InlineNotification--neutral-color);--IconButton--neutral-onHover-backgroundColor:var(
16
+ --InlineNotification--neutral-onHover-backgroundColor
17
+ );--IconButton--neutral-onActive-backgroundColor:var(
18
+ --InlineNotification--neutral-onActive-backgroundColor
19
+ )}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--information.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--neutral-backgroundColor:var(
20
+ --InlineNotification--neutral-backgroundColor
21
+ );--Button--neutral-color:var(--InlineNotification--neutral-color);--Button--neutral-onHover-backgroundColor:var(
22
+ --InlineNotification--neutral-onHover-backgroundColor
23
+ );--Button--neutral-onActive-backgroundColor:var(
24
+ --InlineNotification--neutral-onActive-backgroundColor
25
+ )}.spui-InlineNotification--confirmation{background-color:var(--color-surface-accent-primary-light)}.spui-InlineNotification--confirmation .spui-InlineNotification-icon{color:var(--color-object-accent-primary)}.spui-InlineNotification--confirmation .spui-InlineNotification-text{color:var(--color-text-accent-primary)}.spui-InlineNotification--confirmation .spui-InlineNotification-iconButton{--IconButton--outlined-borderColor:none;--IconButton--outlined-onHover-backgroundColor:var(
26
+ --InlineNotification--outlined-onHover-backgroundColor
27
+ );--IconButton--outlined-onActive-backgroundColor:var(
28
+ --InlineNotification--outlined-onActive-backgroundColor
29
+ )}.spui-InlineNotification--confirmation .spui-InlineNotification-button{--Button--outlined-onHover-backgroundColor:var(
30
+ --InlineNotification--outlined-onHover-backgroundColor
31
+ );--Button--outlined-onActive-backgroundColor:var(
32
+ --InlineNotification--outlined-onActive-backgroundColor
33
+ )}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized{background-color:var(--color-surface-accent-primary)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--confirmation.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--contained-backgroundColor:var(
34
+ --InlineNotification--contained-backgroundColor
35
+ );--Button--contained-color:var(--InlineNotification--contained-color);--Button--contained-onHover-backgroundColor:var(
36
+ --InlineNotification--contained-onHover-backgroundColor
37
+ );--Button--contained-onActive-backgroundColor:var(
38
+ --InlineNotification--contained-onActive-backgroundColor
39
+ )}.spui-InlineNotification--error{background-color:var(--color-surface-caution-light)}.spui-InlineNotification--error .spui-InlineNotification-icon{color:var(--color-object-caution)}.spui-InlineNotification--error .spui-InlineNotification-text{color:var(--color-text-caution)}.spui-InlineNotification--error .spui-InlineNotification-iconButton{--IconButton--danger-borderColor:none}.spui-InlineNotification--error .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-caution)}.spui-InlineNotification--error.spui-InlineNotification--emphasized{background-color:var(--color-surface-caution)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-icon{color:var(--color-object-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-text{color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-iconButton{--IconButton--danger-color:var(--InlineNotification--danger-color);--IconButton--danger-onHover-backgroundColor:var(
40
+ --InlineNotification--danger-onHover-backgroundColor
41
+ );--IconButton--danger-onActive-backgroundColor:var(
42
+ --InlineNotification--danger-onActive-backgroundColor
43
+ )}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-textButton{--TextButton-color:var(--color-text-high-emphasis-inverse)}.spui-InlineNotification--error.spui-InlineNotification--emphasized .spui-InlineNotification-button{--Button--danger-color:var(--InlineNotification--danger-color);--Button--danger-borderColor:var(--InlineNotification--danger-borderColor);--Button--danger-onHover-backgroundColor:var(
44
+ --InlineNotification--danger-onHover-backgroundColor
45
+ );--Button--danger-onActive-backgroundColor:var(
46
+ --InlineNotification--danger-onActive-backgroundColor
47
+ )}.spui-SegmentedControl{align-items:center;background-color:var(--color-surface-tertiary);border-radius:19px;box-sizing:border-box;display:grid;gap:4px;padding:4px;position:relative;width:100%}.spui-SegmentedControl--large{border-radius:24px}.spui-SegmentedControl--divider{gap:9px}.spui-SegmentedControl-button{background-color:transparent;border:none;border-radius:15px;box-sizing:border-box;color:var(--color-text-medium-emphasis);cursor:pointer;height:100%;line-height:1.3;min-width:0;overflow-wrap:break-word;padding:4px;position:relative;transition:font-weight .35s ease,color .35s ease,background-color .15s ease}.spui-SegmentedControl-button[aria-checked=true]{color:var(--color-text-high-emphasis);cursor:inherit;font-weight:700}.spui-SegmentedControl--divider .spui-SegmentedControl-button:before{background-color:var(--color-border-low-emphasis);bottom:50%;content:"";height:20px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .35s ease;width:1px}.spui-SegmentedControl--divider .spui-SegmentedControl-button:first-of-type:before{content:none}.spui-SegmentedControl-button[aria-checked=true]+.spui-SegmentedControl-button[aria-checked=false]:before,.spui-SegmentedControl-button[aria-checked=true]:before{background-color:transparent}.spui-SegmentedControl-button[aria-checked=false]:hover{background-color:var(--color-surface-tertiary)}.spui-SegmentedControl-button:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-SegmentedControl-button[aria-checked=false]:focus{background-color:var(--color-surface-secondary)}.spui-SegmentedControl-button:not(:focus-visible){outline:none}.spui-SegmentedControl--medium .spui-SegmentedControl-button{font-size:.8125em;min-height:30px}.spui-SegmentedControl--large .spui-SegmentedControl-button{border-radius:20px;font-size:1em;min-height:40px}.spui-SegmentedControl-indicator{background-color:var(--color-surface-primary);bottom:4px;box-shadow:0 3.25px 7.75px rgba(8,18,26,.06);content:"";height:auto;left:0;position:absolute;top:4px;transition:transform .35s ease}@media (prefers-reduced-motion:reduce){.spui-SegmentedControl-button,.spui-SegmentedControl-indicator--ready{transition:.1ms}}.spui-UnderlineTab{background-color:var(--color-surface-primary)}.spui-UnderlineTab--border{border-bottom:1px solid var(--color-border-low-emphasis)}.spui-UnderlineTab--scrollable{position:relative}.spui-UnderlineTab-container{align-items:center;display:flex}.spui-UnderlineTab--scrollable .spui-UnderlineTab-container{-moz-column-gap:16px;column-gap:16px;overflow-x:scroll;padding:0 16px;scroll-behavior:smooth}.spui-UnderlineTab-button{background-color:transparent;border:none;box-sizing:border-box;flex-shrink:0;padding:0 4px;transition:background-color .15s ease-in-out}.spui-UnderlineTab--fixed .spui-UnderlineTab-button{width:100%}.spui-UnderlineTab--scrollable .spui-UnderlineTab-button{min-width:44px}.spui-UnderlineTab-button:hover{background-color:var(--color-surface-tertiary)}.spui-UnderlineTab-button:focus{border-radius:4px;outline:2px solid var(--color-focus-clarity);outline-offset:-2px}.spui-UnderlineTab-button:not(:focus-visible){outline:none}.spui-UnderlineTab-labelWrapper{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex;margin:0 auto;max-width:100%;padding:14px 0;position:relative;width:-moz-fit-content;width:fit-content}.spui-UnderlineTab-labelWrapper:after{background-color:var(--color-border-accent-primary);border-radius:3px;bottom:0;content:"";height:3px;left:50%;min-width:40px;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .35s ease-in-out;width:100%}.spui-UnderlineTab-button[aria-selected=true] .spui-UnderlineTab-labelWrapper:after{opacity:1}.spui-UnderlineTab-label{color:var(--color-text-low-emphasis);font-size:.875rem;font-weight:700;line-height:1.3}.spui-UnderlineTab--fixed .spui-UnderlineTab-label{min-width:0;overflow-wrap:break-word}.spui-UnderlineTab-button[aria-selected=true] .spui-UnderlineTab-label{color:var(--color-text-accent-primary)}.spui-UnderlineTab-badge{background-color:var(--color-surface-accent-primary);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis-inverse);flex-shrink:0;font-size:.6875rem;font-weight:700;line-height:1.3;min-width:20px;padding:1px 4px}.spui-UnderlineTab-visuallyHidden{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.spui-UnderlineTab-arrow{background-color:var(--color-surface-primary);bottom:0;height:-moz-fit-content;height:fit-content;margin:auto;opacity:0;position:absolute;top:0;transition:opacity .35s ease-in-out,visibility .35s ease-in-out;visibility:hidden;z-index:1}.spui-UnderlineTab-arrow.is-showed{opacity:1;visibility:visible}.spui-UnderlineTab-arrow:before{content:"";height:100%;position:absolute;width:10px;z-index:-1}.spui-UnderlineTab-arrow--left{left:0}.spui-UnderlineTab-arrow--left:before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--color-surface-primary) 100%);left:44px}.spui-UnderlineTab-arrow--right{right:0}.spui-UnderlineTab-arrow--right:before{background:linear-gradient(270deg,var(--color-surface-primary) 0,hsla(0,0%,100%,0) 100%);right:44px}.spui-UnderlineTab-arrowButton{background-color:transparent;border:none;border-radius:8px;color:var(--color-object-low-emphasis);display:flex;padding:14px;transition:background-color .15s ease-in-out}.spui-UnderlineTab-arrowButton:hover{background-color:var(--color-surface-tertiary)}.spui-UnderlineTab-arrowButton:focus{outline:2px solid var(--color-focus-clarity)}.spui-UnderlineTab-arrowButton:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.spui-UnderlineTab-arrow,.spui-UnderlineTab-arrowButton,.spui-UnderlineTab-button,.spui-UnderlineTab-labelWrapper:after{transition:.1ms}.spui-UnderlineTab--scrollable .spui-UnderlineTab-container{scroll-behavior:auto}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openameba/spindle-ui",
3
- "version": "1.5.0",
3
+ "version": "1.6.0",
4
4
  "main": "./index.js",
5
5
  "module": "./index.mjs",
6
6
  "types": "./index.d.ts",
@@ -10,13 +10,13 @@
10
10
  ],
11
11
  "scripts": {
12
12
  "generate": "scaffdog generate",
13
- "test": "run-p bundlesize lint test:interaction",
13
+ "test": "run-p size lint test:interaction",
14
14
  "lint": "yarn lint:style",
15
15
  "lint:style": "stylelint '**/*.css'",
16
16
  "fix": "yarn lint:style --fix",
17
17
  "test:interaction": "jest",
18
- "prebundlesize": "yarn build",
19
- "bundlesize": "npx bundlesize",
18
+ "presize": "yarn build",
19
+ "size": "bundlewatch --config .bundlewatch.config.js",
20
20
  "dev": "yarn storybook:start",
21
21
  "storybook:start": "start-storybook -p 6006 -c .storybook",
22
22
  "storybook:build": "build-storybook -o public -c .storybook",
@@ -34,8 +34,10 @@
34
34
  "build:script:esm:rename": "npx renamer --find js --replace mjs 'dist/**'",
35
35
  "build:style": "postcss src/**/*.css src/*.css --base src -d dist/",
36
36
  "preicon": "npx rimraf 'src/Icon/!(*.stories).tsx' && npx cpx '../spindle-icons/dist/svg/!(sprite).svg' icon-tmp",
37
- "icon": "svgr --out-dir src/Icon icon-tmp",
37
+ "icon": "run-s icon:react icon:connect",
38
38
  "posticon": "npx rimraf icon-tmp",
39
+ "icon:react": "svgr --out-dir src/Icon icon-tmp",
40
+ "icon:connect": "npx tsx scripts/figma-connect-icons.ts",
39
41
  "prepublishOnly": "yarn build && yarn cp"
40
42
  },
41
43
  "license": "MIT",
@@ -47,8 +49,8 @@
47
49
  "access": "public"
48
50
  },
49
51
  "peerDependencies": {
50
- "@types/react": "^16.8.6 || ^17.0.0",
51
- "react": "^16.8.0 || ^17.0.0"
52
+ "@types/react": "^16.8.6 || ^17.0.0 || ^18.0.0",
53
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
52
54
  },
53
55
  "peerDependenciesMeta": {
54
56
  "@types/react": {
@@ -56,11 +58,12 @@
56
58
  }
57
59
  },
58
60
  "dependencies": {
59
- "@openameba/spindle-hooks": "^1.2.0",
61
+ "@openameba/spindle-hooks": "^1.3.0",
60
62
  "ameba-color-palette.css": "^4.9.0",
61
63
  "react-merge-refs": "^1.1.0"
62
64
  },
63
65
  "devDependencies": {
66
+ "@figma/code-connect": "^1.1.3",
64
67
  "@mdx-js/react": "^1.6.22",
65
68
  "@storybook/addon-a11y": "^6.5.9",
66
69
  "@storybook/addon-actions": "^6.5.9",
@@ -72,38 +75,39 @@
72
75
  "@storybook/mdx2-csf": "^1.0.0",
73
76
  "@storybook/react": "^6.5.9",
74
77
  "@svgr/cli": "^8.0.0",
78
+ "@testing-library/dom": "^10.4.0",
75
79
  "@testing-library/jest-dom": "^6.0.0",
76
- "@testing-library/react": "^12.0.0",
77
- "@testing-library/react-hooks": "^8.0.1",
80
+ "@testing-library/react": "^16.0.1",
78
81
  "@testing-library/user-event": "^14.0.0",
79
- "@types/jest": "^27.0.0",
80
- "@types/react": "^17.0.1",
82
+ "@types/jest": "^29.5.13",
83
+ "@types/react": "^18.3.3",
81
84
  "autoprefixer": "^10.0.0",
82
85
  "babel-loader": "^9.0.0",
83
- "bundlesize": "^0.18.0",
84
- "cssnano": "^4.1.10",
86
+ "bundlewatch": "^0.4.0",
87
+ "cssnano": "^7.0.0",
85
88
  "dialog-polyfill": "^0.5.6",
89
+ "dotenv": "^16.4.5",
90
+ "figma-api": "^1.11.0",
86
91
  "firebase-tools": "^13.0.0",
87
92
  "jest": "^29.0.0",
88
93
  "jest-environment-jsdom": "^29.0.0",
89
94
  "postcss": "^8.4.27",
90
95
  "postcss-cli": "^11.0.0",
91
96
  "postcss-import": "^16.0.0",
92
- "react": "^17.0.1",
93
- "react-dom": "^17.0.1",
94
- "reg-keygen-git-hash-plugin": "^0.13.0",
95
- "reg-notify-github-plugin": "^0.13.0",
96
- "reg-publish-gcs-plugin": "^0.13.0",
97
- "reg-suit": "^0.13.0",
98
- "scaffdog": "^3.0.0",
97
+ "react": "^18.3.1",
98
+ "react-dom": "^18.3.1",
99
+ "reg-keygen-git-hash-plugin": "^0.14.0",
100
+ "reg-notify-github-plugin": "^0.14.0",
101
+ "reg-publish-gcs-plugin": "^0.14.0",
102
+ "reg-suit": "^0.14.0",
103
+ "scaffdog": "^4.0.0",
99
104
  "stylelint": "^15.0.0",
100
105
  "stylelint-config-prettier": "^9.0.0",
101
106
  "stylelint-config-standard": "^34.0.0",
102
107
  "stylelint-order": "^6.0.0",
103
108
  "stylelint-prettier": "^4.0.0",
104
109
  "stylelint-selector-bem-pattern": "^3.0.0",
105
- "ts-jest": "29.1.2",
110
+ "ts-jest": "29.2.5",
106
111
  "webpack": "^5.73.0"
107
- },
108
- "gitHead": "7d8d73a71127321197ed9379d75e23a2c9861eae"
112
+ }
109
113
  }
package/scripts/figma-connect-icons.ts ADDED
@@ -0,0 +1,62 @@
1
+ import fs from 'fs';
2
+ import * as Figma from 'figma-api';
3
+ import dotenv from 'dotenv';
4
+
5
+ dotenv.config();
6
+
7
+ if (!process.env.FIGMA_ACCESS_TOKEN) {
8
+ throw new Error(
9
+ 'Figma personal token should be set as an environment variable "FIGMA_ACCESS_TOKEN".',
10
+ );
11
+ }
12
+
13
+ export const figma = new Figma.Api({
14
+ personalAccessToken: process.env.FIGMA_ACCESS_TOKEN,
15
+ });
16
+
17
+ const fileKey = 'G445fTskctZn7y3gkmSp8xaT';
18
+ const nodeId = '991-0';
19
+ const fileName = 'icon';
20
+
21
+ async function connectIcons() {
22
+ const result = await figma.getFileNodes(fileKey, [nodeId]);
23
+ const components = Object.entries(
24
+ result.nodes[nodeId.replace('-', ':')]?.components || {},
25
+ ).map(([key, value]) => {
26
+ return {
27
+ // Convert snake_case to PascalCase
28
+ name: value.name
29
+ .split('_')
30
+ .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
31
+ .join(''),
32
+ figmaUrl: `https://www.figma.com/design/${fileKey}/${fileName}?node-id=${key.replace(
33
+ ':',
34
+ '-',
35
+ )}`,
36
+ };
37
+ });
38
+
39
+ const uniqueNames = new Set([...components.map((c) => c.name)]);
40
+
41
+ fs.writeFileSync(
42
+ 'src/icons.figma.tsx',
43
+ `\
44
+ import figma from '@figma/code-connect'
45
+
46
+ import {
47
+ ${Array.from(uniqueNames)
48
+ .map((iconName) => `${iconName},`)
49
+ .join('\n')}
50
+ } from './Icon'
51
+
52
+ ${components
53
+ .map(
54
+ (c) =>
55
+ `figma.connect(${c.name}, '${c.figmaUrl}', { imports: ["import { ${c.name} } from '@openameba/spindle-ui/Icon';"] })`,
56
+ )
57
+ .join('\n')}
58
+ `,
59
+ );
60
+ }
61
+
62
+ connectIcons();
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2022 openameba
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.