@inntechcorp/it-design 4.0.0-beta.4 → 4.0.0-beta.6

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 (200) hide show
  1. package/CHANGELOG.md +136 -0
  2. package/MIGRATION.md +29 -1
  3. package/README.md +182 -64
  4. package/dist/cjs/_bundled/@radix-ui/primitive/dist/index.js +1 -1
  5. package/dist/cjs/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
  6. package/dist/cjs/_bundled/@radix-ui/react-context/dist/index.js +1 -1
  7. package/dist/cjs/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
  8. package/dist/cjs/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
  9. package/dist/cjs/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
  10. package/dist/cjs/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
  11. package/dist/cjs/_bundled/@radix-ui/react-id/dist/index.js +1 -1
  12. package/dist/cjs/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
  13. package/dist/cjs/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
  14. package/dist/cjs/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
  15. package/dist/cjs/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
  16. package/dist/cjs/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
  17. package/dist/cjs/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
  18. package/dist/cjs/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
  19. package/dist/cjs/_bundled/vaul/dist/index.js +1 -1
  20. package/dist/cjs/blocks/banner/index.js +1 -1
  21. package/dist/cjs/blocks/game-box/index.js +1 -1
  22. package/dist/cjs/blocks/game-carousel/index.js +1 -1
  23. package/dist/cjs/blocks/game-providers/logos.js +1 -1
  24. package/dist/cjs/blocks/game-shell/useDrawerChrome.js +1 -1
  25. package/dist/cjs/blocks/multiple-jackpots/index.js +1 -1
  26. package/dist/cjs/blocks/slider/index.js +1 -1
  27. package/dist/cjs/blocks/user-hub/bonus.js +1 -1
  28. package/dist/cjs/blocks/user-hub/settings.js +1 -1
  29. package/dist/cjs/blocks/user-hub/table.js +1 -1
  30. package/dist/cjs/context/PortalDocumentContext.js +1 -1
  31. package/dist/cjs/context-menu/ContextMenu.js +1 -1
  32. package/dist/cjs/dialog/Dialog.js +1 -1
  33. package/dist/cjs/dropdown-menu/CheckIcon.js +1 -1
  34. package/dist/cjs/dropdown-menu/processChildren.js +1 -1
  35. package/dist/cjs/dropdown-menu/useMenuItemChrome.js +1 -1
  36. package/dist/cjs/dropdown-menu/useSubMenuRegistry.js +1 -1
  37. package/dist/cjs/floating/createFloatingTrigger.js +1 -1
  38. package/dist/cjs/helpers/phone/usePhoneCountry.js +1 -1
  39. package/dist/cjs/helpers/theme/createTheme.js +1 -1
  40. package/dist/cjs/helpers/theme/importShadcnTheme.js +1 -1
  41. package/dist/cjs/hooks/useFocusTrap.js +1 -1
  42. package/dist/cjs/hooks/useLoadMoreSentinel.js +1 -1
  43. package/dist/cjs/hooks/useOnESCKeyDown.js +1 -1
  44. package/dist/cjs/index.js +1 -1
  45. package/dist/cjs/modal/container/ModalContainer.js +1 -1
  46. package/dist/cjs/modal/index.js +1 -1
  47. package/dist/cjs/router/ITDLink.js +1 -1
  48. package/dist/cjs/router/context.js +1 -1
  49. package/dist/cjs/router/matchActive.js +1 -1
  50. package/dist/cjs/toast/index.js +1 -1
  51. package/dist/css/accordion.css +2 -2
  52. package/dist/css/alert.css +1 -1
  53. package/dist/css/announcement-bar.css +1 -1
  54. package/dist/css/auth-page.css +3 -3
  55. package/dist/css/avatar.css +1 -1
  56. package/dist/css/back-top.css +1 -1
  57. package/dist/css/badge.css +85 -81
  58. package/dist/css/base.css +22 -16
  59. package/dist/css/block-form.css +5 -3
  60. package/dist/css/blocks-shared.css +8 -6
  61. package/dist/css/button-group.css +1 -1
  62. package/dist/css/button.css +8 -6
  63. package/dist/css/calendar.css +1 -1
  64. package/dist/css/card.css +1 -1
  65. package/dist/css/casino-featured.css +1 -1
  66. package/dist/css/chart.css +1 -1
  67. package/dist/css/checkbox.css +2 -2
  68. package/dist/css/code-input.css +5 -5
  69. package/dist/css/color-input.css +1 -1
  70. package/dist/css/coming-soon.css +1 -1
  71. package/dist/css/common.css +1 -1
  72. package/dist/css/components.css +1 -1
  73. package/dist/css/cropper.css +10 -6
  74. package/dist/css/datepicker.css +1 -1
  75. package/dist/css/default-avatar.css +1 -1
  76. package/dist/css/dialog.css +1 -1
  77. package/dist/css/dropdown-menu.css +1 -1
  78. package/dist/css/field.css +1 -1
  79. package/dist/css/filter-tabs.css +1 -1
  80. package/dist/css/flex.css +1 -1
  81. package/dist/css/floating.css +1 -1
  82. package/dist/css/footer.css +1 -1
  83. package/dist/css/form.css +1 -1
  84. package/dist/css/game-box.css +3 -3
  85. package/dist/css/game-carousel.css +1 -1
  86. package/dist/css/game-categories.css +1 -1
  87. package/dist/css/game-filter.css +1 -1
  88. package/dist/css/game-navigator.css +1 -1
  89. package/dist/css/game-providers.css +1 -1
  90. package/dist/css/game-search.css +1 -1
  91. package/dist/css/game-shell.css +3 -1
  92. package/dist/css/header.css +3 -3
  93. package/dist/css/help.css +1 -1
  94. package/dist/css/home-sections.css +1 -1
  95. package/dist/css/hovercard.css +1 -1
  96. package/dist/css/hstrip.css +1 -1
  97. package/dist/css/html-header.css +1 -1
  98. package/dist/css/image.css +1 -1
  99. package/dist/css/input.css +1 -1
  100. package/dist/css/label.css +1 -1
  101. package/dist/css/last-winners.css +1 -1
  102. package/dist/css/login.css +1 -1
  103. package/dist/css/mega-menu.css +3 -1
  104. package/dist/css/min-width-gate.css +1 -1
  105. package/dist/css/mobile-bottom-nav.css +1 -1
  106. package/dist/css/modal.css +8 -8
  107. package/dist/css/multiple-jackpots.css +3 -1
  108. package/dist/css/notifications-panel.css +2 -2
  109. package/dist/css/page.css +2 -2
  110. package/dist/css/popover.css +1 -1
  111. package/dist/css/post-viewer.css +1 -1
  112. package/dist/css/progress.css +1 -1
  113. package/dist/css/promotions-grid.css +3 -3
  114. package/dist/css/properties.css +1 -1
  115. package/dist/css/radio.css +1 -1
  116. package/dist/css/raffle.css +1 -1
  117. package/dist/css/rangepicker.css +1 -1
  118. package/dist/css/reset.css +2 -2
  119. package/dist/css/result.css +1 -1
  120. package/dist/css/select.css +1 -1
  121. package/dist/css/separator.css +1 -1
  122. package/dist/css/sheet.css +1 -1
  123. package/dist/css/signup.css +1 -0
  124. package/dist/css/skeleton.css +2 -2
  125. package/dist/css/slider.css +1 -1
  126. package/dist/css/spin.css +1 -1
  127. package/dist/css/stat-card.css +1 -1
  128. package/dist/css/sub-page-header.css +1 -1
  129. package/dist/css/svg-loader.css +1 -1
  130. package/dist/css/switch.css +1 -1
  131. package/dist/css/table.css +6 -4
  132. package/dist/css/tabs.css +1 -1
  133. package/dist/css/textarea.css +1 -1
  134. package/dist/css/toggle-group.css +1 -1
  135. package/dist/css/tooltip.css +1 -1
  136. package/dist/css/tournaments.css +8 -7
  137. package/dist/css/upload.css +1 -1
  138. package/dist/css/user-hub.css +3 -1
  139. package/dist/css/utilities.css +1 -1
  140. package/dist/css/vendor.css +4 -1
  141. package/dist/es/_bundled/@radix-ui/primitive/dist/index.js +1 -1
  142. package/dist/es/_bundled/@radix-ui/react-compose-refs/dist/index.js +1 -1
  143. package/dist/es/_bundled/@radix-ui/react-context/dist/index.js +1 -1
  144. package/dist/es/_bundled/@radix-ui/react-dialog/dist/index.js +1 -1
  145. package/dist/es/_bundled/@radix-ui/react-dismissable-layer/dist/index.js +1 -1
  146. package/dist/es/_bundled/@radix-ui/react-focus-guards/dist/index.js +1 -1
  147. package/dist/es/_bundled/@radix-ui/react-focus-scope/dist/index.js +1 -1
  148. package/dist/es/_bundled/@radix-ui/react-id/dist/index.js +1 -1
  149. package/dist/es/_bundled/@radix-ui/react-portal/dist/index.js +1 -1
  150. package/dist/es/_bundled/@radix-ui/react-presence/dist/index.js +1 -1
  151. package/dist/es/_bundled/@radix-ui/react-primitive/dist/index.js +1 -1
  152. package/dist/es/_bundled/@radix-ui/react-slot/dist/index.js +1 -1
  153. package/dist/es/_bundled/@radix-ui/react-use-callback-ref/dist/index.js +1 -1
  154. package/dist/es/_bundled/@radix-ui/react-use-controllable-state/dist/index.js +1 -1
  155. package/dist/es/_bundled/@radix-ui/react-use-effect-event/dist/index.js +1 -0
  156. package/dist/es/_bundled/vaul/dist/index.js +1 -1
  157. package/dist/es/blocks/banner/index.js +1 -1
  158. package/dist/es/blocks/game-box/index.js +1 -1
  159. package/dist/es/blocks/game-carousel/index.js +1 -1
  160. package/dist/es/blocks/game-providers/logos.js +1 -1
  161. package/dist/es/blocks/game-shell/useDrawerChrome.js +1 -1
  162. package/dist/es/blocks/multiple-jackpots/index.js +1 -1
  163. package/dist/es/blocks/slider/index.js +1 -1
  164. package/dist/es/blocks/user-hub/bonus.js +1 -1
  165. package/dist/es/blocks/user-hub/cashier.js +1 -1
  166. package/dist/es/blocks/user-hub/history.js +1 -1
  167. package/dist/es/blocks/user-hub/profile.js +1 -1
  168. package/dist/es/blocks/user-hub/raffles.js +1 -1
  169. package/dist/es/blocks/user-hub/settings.js +1 -1
  170. package/dist/es/blocks/user-hub/table.js +1 -1
  171. package/dist/es/context/ITDContext.js +1 -1
  172. package/dist/es/context/PortalDocumentContext.js +1 -1
  173. package/dist/es/context-menu/ContextMenu.js +1 -1
  174. package/dist/es/dialog/Dialog.js +1 -1
  175. package/dist/es/dropdown-menu/CheckIcon.js +1 -1
  176. package/dist/es/dropdown-menu/processChildren.js +1 -1
  177. package/dist/es/dropdown-menu/useMenuItemChrome.js +1 -1
  178. package/dist/es/dropdown-menu/useSubMenuRegistry.js +1 -1
  179. package/dist/es/floating/createFloatingTrigger.js +1 -1
  180. package/dist/es/helpers/phone/usePhoneCountry.js +1 -1
  181. package/dist/es/helpers/theme/createTheme.js +1 -1
  182. package/dist/es/helpers/theme/importShadcnTheme.js +1 -1
  183. package/dist/es/hooks/useFocusTrap.js +1 -1
  184. package/dist/es/hooks/useLoadMoreSentinel.js +1 -1
  185. package/dist/es/hooks/useOnESCKeyDown.js +1 -1
  186. package/dist/es/index.js +1 -1
  187. package/dist/es/modal/container/ModalContainer.js +1 -1
  188. package/dist/es/modal/index.js +1 -1
  189. package/dist/es/page/blocks.js +1 -1
  190. package/dist/es/page/blocks.query.js +1 -1
  191. package/dist/es/page/editor/theme.js +1 -1
  192. package/dist/es/router/ITDLink.js +1 -1
  193. package/dist/es/router/context.js +1 -1
  194. package/dist/es/router/matchActive.js +1 -1
  195. package/dist/es/toast/index.js +1 -1
  196. package/dist/global.css +188 -154
  197. package/dist/index.d.ts +217 -189
  198. package/package.json +26 -36
  199. package/dist/cjs/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
  200. package/dist/es/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js +0 -1
package/dist/css/badge.css CHANGED
@@ -1,12 +1,4 @@
1
- @layer components{.itd-badge{align-items:center;border:1px solid #0000;border-radius:9999px;display:inline-flex;font-weight:var(--itd-badge-font-weight,var(--itd-font-weight-medium));gap:calc(var(--itd-spacing)*1);line-height:1;transition:background-color .12s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:max-content}.itd-badge.itd-badge-square{border-radius:calc(var(--itd-border-radius)*.6)}.itd-badge svg{flex-shrink:0;height:1em;width:1em}.itd-badge .itd-spin-spinner{height:auto;position:static;transform:none;width:auto}.itd-badge-xs{font-size:var(--itd-badge-xs-font);height:calc(var(--itd-spacing)*4)}.itd-badge-sm,.itd-badge-xs{padding-inline:calc(var(--itd-spacing)*1.5)}.itd-badge-sm{font-size:var(--itd-badge-sm-font);height:calc(var(--itd-spacing)*4.5)}.itd-badge-md{font-size:var(--itd-badge-md-font);height:calc(var(--itd-spacing)*5);padding-inline:calc(var(--itd-spacing)*2)}.itd-badge-df{font-size:var(--itd-badge-df-font);height:calc(var(--itd-spacing)*6);padding-inline:calc(var(--itd-spacing)*2.5)}.itd-badge-lg{font-size:var(--itd-badge-lg-font);height:calc(var(--itd-spacing)*7);padding-inline:calc(var(--itd-spacing)*3)}.itd-badge-xlg{font-size:var(--itd-badge-xlg-font);height:calc(var(--itd-spacing)*8);padding-inline:calc(var(--itd-spacing)*3.5)}.itd-badge.itd-badge-default{background:var(--badge-bg);color:var(--itd-badge-text,var(--badge-fg))}.itd-badge.itd-badge-secondary{background:var(--badge-soft-bg);color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-outline{border-color:var(--badge-border)}.itd-badge.itd-badge-ghost,.itd-badge.itd-badge-outline{background:#0000;color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-ghost:hover:where(:root:not(.itd-touch) *){background:var(--badge-soft-bg)}.itd-badge-color-default{--badge-bg:var(--itd-foreground);--badge-fg:var(--itd-background);--badge-text:var(--itd-color-text-muted-foreground);--badge-soft-bg:var(--itd-secondary);--badge-border:var(--itd-color-border)}.itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc;--badge-text:#007131;--badge-soft-bg:#dcf7e1;--badge-border:#88ca95}
2
-
3
- @supports (color: color(display-p3 0 0 0%)){
4
- .itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
5
- }
6
-
7
- @supports (color: oklab(0% 0 0%)){
8
- .itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0)}
9
- }
1
+ @layer components{.itd-badge{display:inline-flex;align-items:center;gap:calc(var(--itd-spacing) * 1);width:max-content;white-space:nowrap;font-weight:var(--itd-badge-font-weight,var(--itd-font-weight-medium));-webkit-user-select:none;user-select:none;transition:background-color .12s ease-out;border-radius:9999px;border:1px solid #0000;line-height:1}.itd-badge.itd-badge-square{border-radius:calc(var(--itd-border-radius) * .6)}.itd-badge svg{width:1em;height:1em;flex-shrink:0}.itd-badge .itd-spin-spinner{position:static;width:auto;height:auto;transform:none}.itd-badge-xs{height:calc(var(--itd-spacing) * 4);font-size:var(--itd-badge-xs-font)}.itd-badge-sm,.itd-badge-xs{padding-inline:calc(var(--itd-spacing) * 1.5)}.itd-badge-sm{height:calc(var(--itd-spacing) * 4.5);font-size:var(--itd-badge-sm-font)}.itd-badge-md{height:calc(var(--itd-spacing) * 5);padding-inline:calc(var(--itd-spacing) * 2);font-size:var(--itd-badge-md-font)}.itd-badge-df{height:calc(var(--itd-spacing) * 6);padding-inline:calc(var(--itd-spacing) * 2.5);font-size:var(--itd-badge-df-font)}.itd-badge-lg{height:calc(var(--itd-spacing) * 7);padding-inline:calc(var(--itd-spacing) * 3);font-size:var(--itd-badge-lg-font)}.itd-badge-xlg{height:calc(var(--itd-spacing) * 8);padding-inline:calc(var(--itd-spacing) * 3.5);font-size:var(--itd-badge-xlg-font)}.itd-badge.itd-badge-default{background:var(--badge-bg);color:var(--itd-badge-text,var(--badge-fg))}.itd-badge.itd-badge-secondary{background:var(--badge-soft-bg);color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-outline{border-color:var(--badge-border)}.itd-badge.itd-badge-ghost,.itd-badge.itd-badge-outline{background:#0000;color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-ghost:hover:where(:root:not(.itd-touch) *){background:var(--badge-soft-bg)}.itd-badge-color-default{--badge-bg:var(--itd-foreground);--badge-fg:var(--itd-background);--badge-text:var(--itd-color-text-muted-foreground);--badge-soft-bg:var(--itd-secondary);--badge-border:var(--itd-color-border)}.itd-badge-color-success{--badge-text:#007131;--badge-soft-bg:#dcf7e1;--badge-border:#88ca95}
10
2
 
11
3
  @supports (color: color(display-p3 0 0 0%)){
12
4
  .itd-badge-color-success{--badge-text:color(display-p3 0.17154 0.44026 0.21217)}
@@ -14,23 +6,19 @@
14
6
 
15
7
  @supports (color: oklab(0% 0 0%)){
16
8
  .itd-badge-color-success{--badge-text:oklch(0.48 0.14 150);--badge-soft-bg:oklch(0.95 0.04 150);--badge-border:oklch(0.78 0.1 150)}
17
- }[data-theme=dark] .itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc;--badge-text:#68ca80;--badge-soft-bg:#0b2612;--badge-border:#235430}
9
+ }.itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc}
18
10
 
19
11
  @supports (color: color(display-p3 0 0 0%)){
20
- [data-theme=dark] .itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
12
+ .itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
21
13
  }
22
14
 
23
15
  @supports (color: oklab(0% 0 0%)){
24
- [data-theme=dark] .itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 150);--badge-soft-bg:oklch(0.24 0.05 150);--badge-border:oklch(0.4 0.08 150)}
25
- }.itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d;--badge-text:#9d6300;--badge-soft-bg:#fef0d4;--badge-border:#e6bd77}
26
-
27
- @supports (color: color(display-p3 0 0 0%)){
28
- .itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
29
- }
16
+ .itd-badge-color-success,[data-theme=dark] .itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0)}
17
+ }[data-theme=dark] .itd-badge-color-success{--badge-text:#68ca80;--badge-soft-bg:#0b2612;--badge-border:#235430}
30
18
 
31
19
  @supports (color: oklab(0% 0 0%)){
32
- .itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255)}
33
- }
20
+ [data-theme=dark] .itd-badge-color-success{--badge-text:oklch(0.76 0.14 150);--badge-soft-bg:oklch(0.24 0.05 150);--badge-border:oklch(0.4 0.08 150)}
21
+ }.itd-badge-color-warning{--badge-text:#9d6300;--badge-soft-bg:#fef0d4;--badge-border:#e6bd77}
34
22
 
35
23
  @supports (color: color(display-p3 0 0 0%)){
36
24
  .itd-badge-color-warning{--badge-text:color(display-p3 0.60197 0.38781 0)}
@@ -38,18 +26,22 @@
38
26
 
39
27
  @supports (color: oklab(0% 0 0%)){
40
28
  .itd-badge-color-warning{--badge-text:oklch(0.55 0.14 70);--badge-soft-bg:oklch(0.96 0.04 85);--badge-border:oklch(0.82 0.1 80)}
41
- }[data-theme=dark] .itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d;--badge-text:#e6b55d;--badge-soft-bg:#322004;--badge-border:#6f4e1a}
29
+ }.itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d}
42
30
 
43
31
  @supports (color: color(display-p3 0 0 0%)){
44
- [data-theme=dark] .itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
32
+ .itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
45
33
  }
46
34
 
47
35
  @supports (color: oklab(0% 0 0%)){
48
- [data-theme=dark] .itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255);--badge-text:oklch(0.8 0.12 80);--badge-soft-bg:oklch(0.26 0.05 75);--badge-border:oklch(0.45 0.08 75)}
49
- }.itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc;--badge-text:#be2038;--badge-soft-bg:#ffeded;--badge-border:#f09da3}
36
+ .itd-badge-color-warning,[data-theme=dark] .itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255)}
37
+ }[data-theme=dark] .itd-badge-color-warning{--badge-text:#e6b55d;--badge-soft-bg:#322004;--badge-border:#6f4e1a}
50
38
 
51
39
  @supports (color: oklab(0% 0 0%)){
52
- .itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.52 0.19 20)}
40
+ [data-theme=dark] .itd-badge-color-warning{--badge-text:oklch(0.8 0.12 80);--badge-soft-bg:oklch(0.26 0.05 75);--badge-border:oklch(0.45 0.08 75)}
41
+ }.itd-badge-color-danger{--badge-text:#be2038;--badge-soft-bg:#ffeded;--badge-border:#f09da3}
42
+
43
+ @supports (color: oklab(0% 0 0%)){
44
+ .itd-badge-color-danger{--badge-text:oklch(0.52 0.19 20)}
53
45
  }
54
46
 
55
47
  @supports (color: color(display-p3 0 0 0%)){
@@ -58,15 +50,15 @@
58
50
 
59
51
  @supports (color: oklab(0% 0 0%)){
60
52
  .itd-badge-color-danger{--badge-soft-bg:oklch(0.96 0.03 15);--badge-border:oklch(0.78 0.1 15)}
61
- }[data-theme=dark] .itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc;--badge-text:#fd8994;--badge-soft-bg:#361116;--badge-border:#7a323b}
53
+ }.itd-badge-color-danger,[data-theme=dark] .itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc}
62
54
 
63
55
  @supports (color: oklab(0% 0 0%)){
64
- [data-theme=dark] .itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 15);--badge-soft-bg:oklch(0.24 0.06 15);--badge-border:oklch(0.42 0.1 15)}
65
- }.itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc;--badge-text:#0065b0;--badge-soft-bg:#e8f3ff;--badge-border:#90bce9}
56
+ .itd-badge-color-danger,[data-theme=dark] .itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0)}
57
+ }[data-theme=dark] .itd-badge-color-danger{--badge-text:#fd8994;--badge-soft-bg:#361116;--badge-border:#7a323b}
66
58
 
67
59
  @supports (color: oklab(0% 0 0%)){
68
- .itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0)}
69
- }
60
+ [data-theme=dark] .itd-badge-color-danger{--badge-text:oklch(0.76 0.14 15);--badge-soft-bg:oklch(0.24 0.06 15);--badge-border:oklch(0.42 0.1 15)}
61
+ }.itd-badge-color-info{--badge-text:#0065b0;--badge-soft-bg:#e8f3ff;--badge-border:#90bce9}
70
62
 
71
63
  @supports (color: color(display-p3 0 0 0%)){
72
64
  .itd-badge-color-info{--badge-text:color(display-p3 0.11464 0.38641 0.70298)}
@@ -82,14 +74,18 @@
82
74
 
83
75
  @supports (color: oklab(0% 0 0%)){
84
76
  .itd-badge-color-info{--badge-soft-bg:oklch(0.96 0.02 250);--badge-border:oklch(0.78 0.08 250)}
85
- }[data-theme=dark] .itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc;--badge-text:#73b6fa;--badge-soft-bg:#0a2036;--badge-border:#224a71}
77
+ }.itd-badge-color-info,[data-theme=dark] .itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc}
78
+
79
+ @supports (color: oklab(0% 0 0%)){
80
+ .itd-badge-color-info,[data-theme=dark] .itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0)}
81
+ }[data-theme=dark] .itd-badge-color-info{--badge-text:#73b6fa;--badge-soft-bg:#0a2036;--badge-border:#224a71}
86
82
 
87
83
  @supports (color: oklab(0% 0 0%)){
88
- [data-theme=dark] .itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 250);--badge-soft-bg:oklch(0.24 0.05 250);--badge-border:oklch(0.4 0.08 250)}
89
- }.itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc;--badge-text:#6f3bb2;--badge-soft-bg:#f1ebff;--badge-border:#c1a9ee}
84
+ [data-theme=dark] .itd-badge-color-info{--badge-text:oklch(0.76 0.12 250);--badge-soft-bg:oklch(0.24 0.05 250);--badge-border:oklch(0.4 0.08 250)}
85
+ }.itd-badge-color-purple{--badge-text:#6f3bb2;--badge-soft-bg:#f1ebff;--badge-border:#c1a9ee}
90
86
 
91
87
  @supports (color: oklab(0% 0 0%)){
92
- .itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.18 300)}
88
+ .itd-badge-color-purple{--badge-text:oklch(0.48 0.18 300)}
93
89
  }
94
90
 
95
91
  @supports (color: color(display-p3 0 0 0%)){
@@ -98,14 +94,18 @@
98
94
 
99
95
  @supports (color: oklab(0% 0 0%)){
100
96
  .itd-badge-color-purple{--badge-soft-bg:oklch(0.95 0.03 300);--badge-border:oklch(0.78 0.1 300)}
101
- }[data-theme=dark] .itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc;--badge-text:#bf9bfc;--badge-soft-bg:#241737;--badge-border:#4e3d6c}
97
+ }.itd-badge-color-purple,[data-theme=dark] .itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc}
102
98
 
103
99
  @supports (color: oklab(0% 0 0%)){
104
- [data-theme=dark] .itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 300);--badge-soft-bg:oklch(0.24 0.06 300);--badge-border:oklch(0.4 0.08 300)}
105
- }.itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc;--badge-text:#a83876;--badge-soft-bg:#ffecf4;--badge-border:#e6a9c5}
100
+ .itd-badge-color-purple,[data-theme=dark] .itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0)}
101
+ }[data-theme=dark] .itd-badge-color-purple{--badge-text:#bf9bfc;--badge-soft-bg:#241737;--badge-border:#4e3d6c}
106
102
 
107
103
  @supports (color: oklab(0% 0 0%)){
108
- .itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.52 0.16 350)}
104
+ [data-theme=dark] .itd-badge-color-purple{--badge-text:oklch(0.76 0.14 300);--badge-soft-bg:oklch(0.24 0.06 300);--badge-border:oklch(0.4 0.08 300)}
105
+ }.itd-badge-color-pink{--badge-text:#a83876;--badge-soft-bg:#ffecf4;--badge-border:#e6a9c5}
106
+
107
+ @supports (color: oklab(0% 0 0%)){
108
+ .itd-badge-color-pink{--badge-text:oklch(0.52 0.16 350)}
109
109
  }
110
110
 
111
111
  @supports (color: color(display-p3 0 0 0%)){
@@ -114,19 +114,15 @@
114
114
 
115
115
  @supports (color: oklab(0% 0 0%)){
116
116
  .itd-badge-color-pink{--badge-soft-bg:oklch(0.96 0.03 350);--badge-border:oklch(0.8 0.08 350)}
117
- }[data-theme=dark] .itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc;--badge-text:#ea91bc;--badge-soft-bg:#301423;--badge-border:#67344e}
117
+ }.itd-badge-color-pink,[data-theme=dark] .itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc}
118
118
 
119
119
  @supports (color: oklab(0% 0 0%)){
120
- [data-theme=dark] .itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 350);--badge-soft-bg:oklch(0.24 0.05 350);--badge-border:oklch(0.4 0.08 350)}
121
- }.itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc;--badge-text:#b25200;--badge-soft-bg:#ffeee3;--badge-border:#f2ab83}
122
-
123
- @supports (color: color(display-p3 0 0 0%)){
124
- .itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
125
- }
120
+ .itd-badge-color-pink,[data-theme=dark] .itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0)}
121
+ }[data-theme=dark] .itd-badge-color-pink{--badge-text:#ea91bc;--badge-soft-bg:#301423;--badge-border:#67344e}
126
122
 
127
123
  @supports (color: oklab(0% 0 0%)){
128
- .itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0)}
129
- }
124
+ [data-theme=dark] .itd-badge-color-pink{--badge-text:oklch(0.76 0.12 350);--badge-soft-bg:oklch(0.24 0.05 350);--badge-border:oklch(0.4 0.08 350)}
125
+ }.itd-badge-color-orange{--badge-text:#b25200;--badge-soft-bg:#ffeee3;--badge-border:#f2ab83}
130
126
 
131
127
  @supports (color: color(display-p3 0 0 0%)){
132
128
  .itd-badge-color-orange{--badge-text:color(display-p3 0.66826 0.32715 0.04539)}
@@ -142,23 +138,19 @@
142
138
 
143
139
  @supports (color: oklab(0% 0 0%)){
144
140
  .itd-badge-color-orange{--badge-soft-bg:oklch(0.96 0.03 55);--badge-border:oklch(0.8 0.1 50)}
145
- }[data-theme=dark] .itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc;--badge-text:#f5a06f;--badge-soft-bg:#341a09;--badge-border:#6f3f22}
141
+ }.itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc}
146
142
 
147
143
  @supports (color: color(display-p3 0 0 0%)){
148
- [data-theme=dark] .itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
144
+ .itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
149
145
  }
150
146
 
151
147
  @supports (color: oklab(0% 0 0%)){
152
- [data-theme=dark] .itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.78 0.12 50);--badge-soft-bg:oklch(0.25 0.05 50);--badge-border:oklch(0.42 0.08 50)}
153
- }.itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc;--badge-text:#00736a;--badge-soft-bg:#e4f6f3;--badge-border:#92cbc3}
154
-
155
- @supports (color: color(display-p3 0 0 0%)){
156
- .itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
157
- }
148
+ .itd-badge-color-orange,[data-theme=dark] .itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0)}
149
+ }[data-theme=dark] .itd-badge-color-orange{--badge-text:#f5a06f;--badge-soft-bg:#341a09;--badge-border:#6f3f22}
158
150
 
159
151
  @supports (color: oklab(0% 0 0%)){
160
- .itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0)}
161
- }
152
+ [data-theme=dark] .itd-badge-color-orange{--badge-text:oklch(0.78 0.12 50);--badge-soft-bg:oklch(0.25 0.05 50);--badge-border:oklch(0.42 0.08 50)}
153
+ }.itd-badge-color-teal{--badge-text:#00736a;--badge-soft-bg:#e4f6f3;--badge-border:#92cbc3}
162
154
 
163
155
  @supports (color: color(display-p3 0 0 0%)){
164
156
  .itd-badge-color-teal{--badge-text:color(display-p3 0.14576 0.4511 0.41766)}
@@ -166,18 +158,22 @@
166
158
 
167
159
  @supports (color: oklab(0% 0 0%)){
168
160
  .itd-badge-color-teal{--badge-text:oklch(0.5 0.1 185);--badge-soft-bg:oklch(0.96 0.02 185);--badge-border:oklch(0.8 0.06 185)}
169
- }[data-theme=dark] .itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc;--badge-text:#5cc6b9;--badge-soft-bg:#022522;--badge-border:#18524c}
161
+ }.itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc}
170
162
 
171
163
  @supports (color: color(display-p3 0 0 0%)){
172
- [data-theme=dark] .itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
164
+ .itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
173
165
  }
174
166
 
175
167
  @supports (color: oklab(0% 0 0%)){
176
- [data-theme=dark] .itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.1 185);--badge-soft-bg:oklch(0.24 0.04 185);--badge-border:oklch(0.4 0.06 185)}
177
- }.itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc;--badge-text:#2b5bd1;--badge-soft-bg:#e6efff;--badge-border:#698dd8}
168
+ .itd-badge-color-teal,[data-theme=dark] .itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0)}
169
+ }[data-theme=dark] .itd-badge-color-teal{--badge-text:#5cc6b9;--badge-soft-bg:#022522;--badge-border:#18524c}
170
+
171
+ @supports (color: oklab(0% 0 0%)){
172
+ [data-theme=dark] .itd-badge-color-teal{--badge-text:oklch(0.76 0.1 185);--badge-soft-bg:oklch(0.24 0.04 185);--badge-border:oklch(0.4 0.06 185)}
173
+ }.itd-badge-color-blue{--badge-text:#2b5bd1;--badge-soft-bg:#e6efff;--badge-border:#698dd8}
178
174
 
179
175
  @supports (color: oklab(0% 0 0%)){
180
- .itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0);--badge-text:oklch(0.51 0.19 264)}
176
+ .itd-badge-color-blue{--badge-text:oklch(0.51 0.19 264)}
181
177
  }
182
178
 
183
179
  @supports (color: color(display-p3 0 0 0%)){
@@ -186,14 +182,18 @@
186
182
 
187
183
  @supports (color: oklab(0% 0 0%)){
188
184
  .itd-badge-color-blue{--badge-soft-bg:oklch(0.95 0.03 264);--badge-border:oklch(0.65 0.12 264)}
189
- }[data-theme=dark] .itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc;--badge-text:#77a2fc;--badge-soft-bg:#142650;--badge-border:#325197}
185
+ }.itd-badge-color-blue,[data-theme=dark] .itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc}
186
+
187
+ @supports (color: oklab(0% 0 0%)){
188
+ .itd-badge-color-blue,[data-theme=dark] .itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0)}
189
+ }[data-theme=dark] .itd-badge-color-blue{--badge-text:#77a2fc;--badge-soft-bg:#142650;--badge-border:#325197}
190
190
 
191
191
  @supports (color: oklab(0% 0 0%)){
192
- [data-theme=dark] .itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0);--badge-text:oklch(0.72 0.14 264);--badge-soft-bg:oklch(0.28 0.08 264);--badge-border:oklch(0.45 0.12 264)}
193
- }.itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc;--badge-text:#474fb6;--badge-soft-bg:#eef1ff;--badge-border:#a8b4eb}
192
+ [data-theme=dark] .itd-badge-color-blue{--badge-text:oklch(0.72 0.14 264);--badge-soft-bg:oklch(0.28 0.08 264);--badge-border:oklch(0.45 0.12 264)}
193
+ }.itd-badge-color-indigo{--badge-text:#474fb6;--badge-soft-bg:#eef1ff;--badge-border:#a8b4eb}
194
194
 
195
195
  @supports (color: oklab(0% 0 0%)){
196
- .itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.16 275)}
196
+ .itd-badge-color-indigo{--badge-text:oklch(0.48 0.16 275)}
197
197
  }
198
198
 
199
199
  @supports (color: color(display-p3 0 0 0%)){
@@ -202,19 +202,15 @@
202
202
 
203
203
  @supports (color: oklab(0% 0 0%)){
204
204
  .itd-badge-color-indigo{--badge-soft-bg:oklch(0.96 0.02 275);--badge-border:oklch(0.78 0.08 275)}
205
- }[data-theme=dark] .itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc;--badge-text:#9babfd;--badge-soft-bg:#181d37;--badge-border:#3b4372}
205
+ }.itd-badge-color-indigo,[data-theme=dark] .itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc}
206
206
 
207
207
  @supports (color: oklab(0% 0 0%)){
208
- [data-theme=dark] .itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 275);--badge-soft-bg:oklch(0.24 0.05 275);--badge-border:oklch(0.4 0.08 275)}
209
- }.itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc;--badge-text:#446b00;--badge-soft-bg:#e9f8dc;--badge-border:#adc992}
210
-
211
- @supports (color: color(display-p3 0 0 0%)){
212
- .itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
213
- }
208
+ .itd-badge-color-indigo,[data-theme=dark] .itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0)}
209
+ }[data-theme=dark] .itd-badge-color-indigo{--badge-text:#9babfd;--badge-soft-bg:#181d37;--badge-border:#3b4372}
214
210
 
215
211
  @supports (color: oklab(0% 0 0%)){
216
- .itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0)}
217
- }
212
+ [data-theme=dark] .itd-badge-color-indigo{--badge-text:oklch(0.76 0.12 275);--badge-soft-bg:oklch(0.24 0.05 275);--badge-border:oklch(0.4 0.08 275)}
213
+ }.itd-badge-color-lime{--badge-text:#446b00;--badge-soft-bg:#e9f8dc;--badge-border:#adc992}
218
214
 
219
215
  @supports (color: color(display-p3 0 0 0%)){
220
216
  .itd-badge-color-lime{--badge-text:color(display-p3 0.29601 0.41838 0.06786)}
@@ -222,20 +218,28 @@
222
218
 
223
219
  @supports (color: oklab(0% 0 0%)){
224
220
  .itd-badge-color-lime{--badge-text:oklch(0.48 0.14 130);--badge-soft-bg:oklch(0.96 0.04 130);--badge-border:oklch(0.8 0.08 130)}
225
- }[data-theme=dark] .itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc;--badge-text:#9ec773;--badge-soft-bg:#172408;--badge-border:#3e5624}
221
+ }.itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc}
226
222
 
227
223
  @supports (color: color(display-p3 0 0 0%)){
228
- [data-theme=dark] .itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
224
+ .itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
229
225
  }
230
226
 
231
227
  @supports (color: oklab(0% 0 0%)){
232
- [data-theme=dark] .itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.78 0.12 130);--badge-soft-bg:oklch(0.24 0.05 130);--badge-border:oklch(0.42 0.08 130)}
233
- }.itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc;--badge-text:#874c30;--badge-soft-bg:#ffeee8;--badge-border:#e0b29e}
228
+ .itd-badge-color-lime,[data-theme=dark] .itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0)}
229
+ }[data-theme=dark] .itd-badge-color-lime{--badge-text:#9ec773;--badge-soft-bg:#172408;--badge-border:#3e5624}
230
+
231
+ @supports (color: oklab(0% 0 0%)){
232
+ [data-theme=dark] .itd-badge-color-lime{--badge-text:oklch(0.78 0.12 130);--badge-soft-bg:oklch(0.24 0.05 130);--badge-border:oklch(0.42 0.08 130)}
233
+ }.itd-badge-color-brown{--badge-text:#874c30;--badge-soft-bg:#ffeee8;--badge-border:#e0b29e}
234
+
235
+ @supports (color: oklab(0% 0 0%)){
236
+ .itd-badge-color-brown{--badge-text:oklch(0.48 0.09 45);--badge-soft-bg:oklch(0.96 0.02 40);--badge-border:oklch(0.8 0.06 45)}
237
+ }.itd-badge-color-brown,[data-theme=dark] .itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc}
234
238
 
235
239
  @supports (color: oklab(0% 0 0%)){
236
- .itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.09 45);--badge-soft-bg:oklch(0.96 0.02 40);--badge-border:oklch(0.8 0.06 45)}
237
- }[data-theme=dark] .itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc;--badge-text:#d69b81;--badge-soft-bg:#2f190f;--badge-border:#633d2c}
240
+ .itd-badge-color-brown,[data-theme=dark] .itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0)}
241
+ }[data-theme=dark] .itd-badge-color-brown{--badge-text:#d69b81;--badge-soft-bg:#2f190f;--badge-border:#633d2c}
238
242
 
239
243
  @supports (color: oklab(0% 0 0%)){
240
- [data-theme=dark] .itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.74 0.08 45);--badge-soft-bg:oklch(0.24 0.04 45);--badge-border:oklch(0.4 0.06 45)}
244
+ [data-theme=dark] .itd-badge-color-brown{--badge-text:oklch(0.74 0.08 45);--badge-soft-bg:oklch(0.24 0.04 45);--badge-border:oklch(0.4 0.06 45)}
241
245
  }}
package/dist/css/base.css CHANGED
@@ -1,12 +1,18 @@
1
- @layer base{:root,[data-theme=light]{color-scheme:light}@supports (text-wrap:pretty){:root,[data-theme=light]{text-wrap:pretty}}@supports (hanging-punctuation:first allow-end){:root,[data-theme=light]{hanging-punctuation:first allow-end}}:root,[data-theme=light]{--itd-font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;--itd-font-size-adjust:none;--itd-text-xs:0.75rem;--itd-text-xs--line-height:1.33333;--itd-text-sm:0.875rem;--itd-text-sm--line-height:1.42857;--itd-text-default:1rem;--itd-text-default--line-height:1.5;--itd-text-lg:1.125rem;--itd-text-lg--line-height:1.55556;--itd-text-xl:1.25rem;--itd-text-xl--line-height:1.4;--itd-text-2xl:1.5rem;--itd-text-2xl--line-height:1.33333;--itd-text-3xl:1.875rem;--itd-text-3xl--line-height:1.2;--itd-text-4xl:2.25rem;--itd-text-4xl--line-height:1.11111;--itd-text-5xl:3rem;--itd-text-5xl--line-height:1;--itd-text-7xl:4.5rem;--itd-text-7xl--line-height:1;--itd-text-9:0.5625rem;--itd-text-10:0.625rem;--itd-text-10--line-height:1;--itd-text-11:0.6875rem;--itd-text-11--line-height:1.18182;--itd-text-13:0.8125rem;--itd-text-13--line-height:1.53846;--itd-text-15:0.9375rem;--itd-text-15--line-height:1.6;--itd-text-22:1.375rem;--itd-text-22--line-height:1;--itd-text-26:1.625rem;--itd-text-26--line-height:1;--itd-text-28:1.75rem;--itd-text-28--line-height:1;--itd-font-weight-normal:400;--itd-font-weight-medium:500;--itd-font-weight-semibold:600;--itd-font-weight-bold:700;--itd-font-weight-extrabold:800;--itd-field-weight:var(--itd-font-weight-normal);--itd-field-weight-optical-step:60;--itd-field-weight-small:calc(var(--itd-field-weight) + var(--itd-field-weight-optical-step));--itd-leading-none:1;--itd-leading-tight:1.25;--itd-leading-snug:1.375;--itd-leading-normal:1.5;--itd-leading-relaxed:1.625;--itd-leading-7:1.75rem;--itd-tracking-tighter:-0.05em;--itd-tracking-tight:-0.025em;--itd-tracking-widest:0.1em;--itd-spacing:0.25rem;--itd-size-xs-h:calc(var(--itd-spacing)*6);--itd-size-xs-px:calc(var(--itd-spacing)*2);--itd-size-xs-gap:calc(var(--itd-spacing)*1);--itd-size-xs-font:var(--itd-text-xs);--itd-size-xs-field-fw:var(--itd-field-weight-small);--itd-size-xs-icon:calc(var(--itd-spacing)*3);--itd-size-sm-h:calc(var(--itd-spacing)*7);--itd-size-sm-px:calc(var(--itd-spacing)*3);--itd-size-sm-gap:calc(var(--itd-spacing)*1.5);--itd-size-sm-font:var(--itd-text-xs);--itd-size-sm-field-fw:var(--itd-field-weight-small);--itd-size-sm-icon:calc(var(--itd-spacing)*3.5);--itd-size-md-h:calc(var(--itd-spacing)*8.5);--itd-size-md-px:calc(var(--itd-spacing)*3);--itd-size-md-gap:calc(var(--itd-spacing)*1.5);--itd-size-md-font:var(
1
+ @layer base{:root,[data-theme=light]{color-scheme:light}@supports (text-wrap:pretty){:root,[data-theme=light]{text-wrap:pretty}}@supports (hanging-punctuation:first allow-end){:root,[data-theme=light]{hanging-punctuation:first allow-end}}:root,[data-theme=light]{--itd-font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--itd-font-size-adjust:none;--itd-text-xs:0.75rem;--itd-text-xs--line-height:calc(1 / 0.75);--itd-text-sm:0.875rem;--itd-text-sm--line-height:calc(1.25 / 0.875);--itd-text-default:1rem;--itd-text-default--line-height:calc(1.5 / 1);--itd-text-lg:1.125rem;--itd-text-lg--line-height:calc(1.75 / 1.125);--itd-text-xl:1.25rem;--itd-text-xl--line-height:calc(1.75 / 1.25);--itd-text-2xl:1.5rem;--itd-text-2xl--line-height:calc(2 / 1.5);--itd-text-3xl:1.875rem;--itd-text-3xl--line-height:calc(2.25 / 1.875);--itd-text-4xl:2.25rem;--itd-text-4xl--line-height:calc(2.5 / 2.25);--itd-text-5xl:3rem;--itd-text-5xl--line-height:1;--itd-text-7xl:4.5rem;--itd-text-7xl--line-height:1;--itd-text-9:0.5625rem;--itd-text-10:0.625rem;--itd-text-10--line-height:1;--itd-text-11:0.6875rem;--itd-text-11--line-height:calc(0.8125 / 0.6875);--itd-text-13:0.8125rem;--itd-text-13--line-height:calc(1.25 / 0.8125);--itd-text-15:0.9375rem;--itd-text-15--line-height:calc(1.5 / 0.9375);--itd-text-22:1.375rem;--itd-text-22--line-height:1;--itd-text-26:1.625rem;--itd-text-26--line-height:1;--itd-text-28:1.75rem;--itd-text-28--line-height:1;--itd-font-weight-normal:400;--itd-font-weight-medium:500;--itd-font-weight-semibold:600;--itd-font-weight-bold:700;--itd-font-weight-extrabold:800;--itd-field-weight:var(--itd-font-weight-normal);--itd-field-weight-optical-step:60;--itd-field-weight-small:calc(var(--itd-field-weight) + var(--itd-field-weight-optical-step));--itd-leading-none:1;--itd-leading-tight:1.25;--itd-leading-snug:1.375;--itd-leading-normal:1.5;--itd-leading-relaxed:1.625;--itd-leading-7:1.75rem;--itd-tracking-tighter:-0.05em;--itd-tracking-tight:-0.025em;--itd-tracking-widest:0.1em;--itd-spacing:0.25rem;--itd-size-xs-h:calc(var(--itd-spacing) * 6);--itd-size-xs-px:calc(var(--itd-spacing) * 2);--itd-size-xs-gap:calc(var(--itd-spacing) * 1);--itd-size-xs-font:var(--itd-text-xs);--itd-size-xs-field-fw:var(--itd-field-weight-small);--itd-size-xs-icon:calc(var(--itd-spacing) * 3);--itd-size-sm-h:calc(var(--itd-spacing) * 7);--itd-size-sm-px:calc(var(--itd-spacing) * 3);--itd-size-sm-gap:calc(var(--itd-spacing) * 1.5);--itd-size-sm-font:var(--itd-text-xs);--itd-size-sm-field-fw:var(--itd-field-weight-small);--itd-size-sm-icon:calc(var(--itd-spacing) * 3.5);--itd-size-md-h:calc(var(--itd-spacing) * 8.5);--itd-size-md-px:calc(var(--itd-spacing) * 3);--itd-size-md-gap:calc(var(--itd-spacing) * 1.5);--itd-size-md-font:var(
2
2
  --itd-text-13
3
- );--itd-size-md-field-fw:var(--itd-field-weight);--itd-size-md-icon:calc(var(--itd-spacing)*4);--itd-size-df-h:calc(var(--itd-spacing)*9.5);--itd-size-df-px:calc(var(--itd-spacing)*4);--itd-size-df-gap:calc(var(--itd-spacing)*2);--itd-size-df-font:var(
3
+ );--itd-size-md-field-fw:var(--itd-field-weight);--itd-size-md-icon:calc(var(--itd-spacing) * 4);--itd-size-df-h:calc(var(--itd-spacing) * 9.5);--itd-size-df-px:calc(var(--itd-spacing) * 4);--itd-size-df-gap:calc(var(--itd-spacing) * 2);--itd-size-df-font:var(
4
4
  --itd-text-sm
5
- );--itd-size-df-field-fw:var(--itd-field-weight);--itd-size-df-icon:calc(var(--itd-spacing)*4);--itd-size-lg-h:calc(var(--itd-spacing)*10);--itd-size-lg-px:calc(var(--itd-spacing)*4);--itd-size-lg-gap:calc(var(--itd-spacing)*2);--itd-size-lg-font:var(
5
+ );--itd-size-df-field-fw:var(--itd-field-weight);--itd-size-df-icon:calc(var(--itd-spacing) * 4);--itd-size-lg-h:calc(var(--itd-spacing) * 10);--itd-size-lg-px:calc(var(--itd-spacing) * 4);--itd-size-lg-gap:calc(var(--itd-spacing) * 2);--itd-size-lg-font:var(
6
6
  --itd-text-sm
7
- );--itd-size-lg-field-fw:var(--itd-field-weight);--itd-size-lg-icon:calc(var(--itd-spacing)*5);--itd-size-xlg-h:calc(var(--itd-spacing)*11);--itd-size-xlg-px:calc(var(--itd-spacing)*5);--itd-size-xlg-gap:calc(var(--itd-spacing)*2);--itd-size-xlg-font:var(
7
+ );--itd-size-lg-field-fw:var(--itd-field-weight);--itd-size-lg-icon:calc(var(--itd-spacing) * 5);--itd-size-xlg-h:calc(var(--itd-spacing) * 11);--itd-size-xlg-px:calc(var(--itd-spacing) * 5);--itd-size-xlg-gap:calc(var(--itd-spacing) * 2);--itd-size-xlg-font:var(
8
8
  --itd-text-sm
9
- );--itd-size-xlg-field-fw:var(--itd-field-weight);--itd-size-xlg-icon:calc(var(--itd-spacing)*6);--itd-badge-xs-font:0.625rem;--itd-gamebox-pill-font:0.75rem;--itd-gamebox-desc-font:0.6875rem;--itd-gamebox-overlay-font:0.625rem;--itd-gamebox-live-ink:#f8f8f8;--itd-carousel-title-font:0.875rem;--itd-carousel-all-font:0.6875rem;--itd-header-nav-font:0.8125rem;--itd-header-badge-font:0.5625rem;--itd-mobile-header-h:3.25rem;--itd-header-h:7.125rem;--itd-gameplay-toolbar-h:3rem;--itd-gamebox-offline-opacity:0.5;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l - 0.09) c h);--itd-badge-sm-font:0.6875rem;--itd-badge-md-font:var(--itd-text-xs);--itd-badge-df-font:0.8125rem;--itd-badge-lg-font:var(--itd-text-sm);--itd-badge-xlg-font:0.9375rem;--itd-radius:var(--itd-border-radius);--itd-radius-xs:calc(var(--itd-border-radius)*0.2);--itd-radius-sm:calc(var(--itd-border-radius)*0.6);--itd-radius-md:calc(var(--itd-border-radius)*0.8);--itd-radius-lg:var(--itd-border-radius);--itd-radius-xl:calc(var(--itd-border-radius)*1.4);--itd-radius-2xl:calc(var(--itd-border-radius)*1.6);--itd-radius-control:calc(var(--itd-radius) - var(--itd-spacing)*0.5);--itd-radius-pill:calc(var(--itd-border-radius)*0.75);--itd-radius-chip:var(--itd-radius-sm);--itd-icon-stroke-width:1.5;--itd-icon-arrow-stroke-width:2.5;--itd-container-xs:20rem;--itd-container-sm:24rem;--itd-container-md:28rem;--itd-container-lg:32rem;--itd-container-xl:36rem;--itd-container-2xl:42rem;--itd-container-3xl:48rem;--itd-container-4xl:56rem;--itd-text:#333c45;--itd-text-muted:#69737d;--itd-border:#c9ced4;--itd-ring:#0089ea;--itd-ring-width:2px;--itd-ring-offset:1px;--itd-color-border-focus-ring:oklch(from var(--itd-ring) l c h/0.5);--itd-color-focus-primary-ring:oklch(from var(--itd-ring) l c h/0.5);--itd-color-error-outline:#d2004680;--itd-color-info:#029cfd;--itd-surface-box:oklch(from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-box, 0.96))) c h);--itd-surface-nested:oklch(from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-nested, 0.94))) c h);--itd-surface-deep:oklch(from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-deep, 0.9))) c h);--itd-link:#0089ea;--itd-link-hover:#006bb9;--itd-selection-bg:#0a0a0a;--itd-selection-fg:#fff;--itd-placeholder-color:#8b9095;--itd-scrollbar-thumb:#010e1e80;--itd-scrollbar-thumb-hover:#010e1e}
9
+ );--itd-size-xlg-field-fw:var(--itd-field-weight);--itd-size-xlg-icon:calc(var(--itd-spacing) * 6);--itd-badge-xs-font:0.625rem;--itd-gamebox-pill-font:0.75rem;--itd-gamebox-desc-font:0.6875rem;--itd-gamebox-overlay-font:0.625rem;--itd-gamebox-live-ink:#f8f8f8;--itd-carousel-title-font:0.875rem;--itd-carousel-all-font:0.6875rem;--itd-header-nav-font:0.8125rem;--itd-header-badge-font:0.5625rem;--itd-mobile-header-h:3.25rem;--itd-header-h:7.125rem;--itd-gameplay-toolbar-h:3rem;--itd-gamebox-offline-opacity:0.5;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l - 0.09) c h);--itd-badge-sm-font:0.6875rem;--itd-badge-md-font:var(--itd-text-xs);--itd-badge-df-font:0.8125rem;--itd-badge-lg-font:var(--itd-text-sm);--itd-badge-xlg-font:0.9375rem;--itd-radius:var(--itd-border-radius);--itd-radius-xs:calc(var(--itd-border-radius) * 0.2);--itd-radius-sm:calc(var(--itd-border-radius) * 0.6);--itd-radius-md:calc(var(--itd-border-radius) * 0.8);--itd-radius-lg:var(--itd-border-radius);--itd-radius-xl:calc(var(--itd-border-radius) * 1.4);--itd-radius-2xl:calc(var(--itd-border-radius) * 1.6);--itd-radius-control:calc(var(--itd-radius) - calc(var(--itd-spacing) * 0.5));--itd-radius-pill:calc(var(--itd-border-radius) * 0.75);--itd-radius-chip:var(--itd-radius-sm);--itd-icon-stroke-width:1.5;--itd-icon-arrow-stroke-width:2.5;--itd-container-xs:20rem;--itd-container-sm:24rem;--itd-container-md:28rem;--itd-container-lg:32rem;--itd-container-xl:36rem;--itd-container-2xl:42rem;--itd-container-3xl:48rem;--itd-container-4xl:56rem;--itd-text:#333c45;--itd-text-muted:#69737d;--itd-border:#c9ced4;--itd-ring:#0089ea;--itd-ring-width:2px;--itd-ring-offset:1px;--itd-color-border-focus-ring:oklch(from var(--itd-ring) l c h / 0.5);--itd-color-focus-primary-ring:oklch(from var(--itd-ring) l c h / 0.5);--itd-color-error-outline:#d2004680;--itd-color-info:#029cfd;--itd-surface-box:oklch(
10
+ from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-box, 0.96))) c h
11
+ );--itd-surface-nested:oklch(
12
+ from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-nested, 0.94))) c h
13
+ );--itd-surface-deep:oklch(
14
+ from var(--itd-background) calc(min(l + 0.095, var(--itd-elev-deep, 0.9))) c h
15
+ );--itd-link:#0089ea;--itd-link-hover:#006bb9;--itd-selection-bg:#0a0a0a;--itd-selection-fg:#fff;--itd-placeholder-color:#8b9095;--itd-scrollbar-thumb:#010e1e80;--itd-scrollbar-thumb-hover:#010e1e}
10
16
 
11
17
  @supports (color: oklab(0% 0 0%)){
12
18
  :root,[data-theme=light]{--itd-gamebox-live-ink:oklch(0.98 0 0);--itd-text:oklch(0.35 0.02 250);--itd-text-muted:oklch(0.55 0.02 250);--itd-border:oklch(0.85 0.01 250)}
@@ -21,11 +27,11 @@
21
27
  }
22
28
 
23
29
  @supports (color: color(display-p3 0 0 0%)){
24
- :root,[data-theme=light]{--itd-color-error-outline:color(display-p3 0.75666 0.15768 0.28654/0.5)}
30
+ :root,[data-theme=light]{--itd-color-error-outline:color(display-p3 0.75666 0.15768 0.28654 / 0.5)}
25
31
  }
26
32
 
27
33
  @supports (color: oklab(0% 0 0%)){
28
- :root,[data-theme=light]{--itd-color-error-outline:oklch(0.55 0.22 15/0.5);--itd-color-info:oklch(0.6746 0.1783 247.3)}
34
+ :root,[data-theme=light]{--itd-color-error-outline:oklch(0.55 0.22 15 / 0.5);--itd-color-info:oklch(0.6746 0.1783 247.3)}
29
35
  }
30
36
 
31
37
  @supports (color: color(display-p3 0 0 0%)){
@@ -41,8 +47,8 @@
41
47
  }
42
48
 
43
49
  @supports (color: oklab(0% 0 0%)){
44
- :root,[data-theme=light]{--itd-link-hover:oklch(0.52 0.18 250);--itd-selection-bg:oklch(0.145 0 0);--itd-selection-fg:oklch(1 0 0);--itd-placeholder-color:oklch(0.65 0.01 250);--itd-scrollbar-thumb:oklch(0.16 0.04 250/0.5);--itd-scrollbar-thumb-hover:oklch(0.16 0.04 250)}
45
- }#itd-modal-root,#itd-notification-root,#itd-tooltip-root,.itd-provider,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--itd-text);font-family:var(--itd-font-sans);font-size-adjust:var(--itd-font-size-adjust)}.lucide{stroke-width:var(--itd-icon-stroke-width)}.lucide[class*=arrow],.lucide[class*=chevron]{stroke-width:var(--itd-icon-arrow-stroke-width)}a{border-radius:var(--itd-radius-xs);color:inherit;cursor:pointer;text-decoration-line:none;text-underline-offset:4px}a:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}*{border-color:var(--itd-border);outline-color:var(--itd-ring)}:focus{outline:none}:focus-visible:not(:is(input,select,textarea,button)){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline-width:3px}}::selection{background-color:var(--itd-selection-bg);color:var(--itd-selection-fg)}[data-theme=dark]{--itd-text:#c4cfdb;--itd-text-muted:#86909b;--itd-border:#2a2e33;--itd-ring:#51a9ff;--itd-link:#67b3ff;--itd-link-hover:#3fa3ff;--itd-selection-bg:#c4cfdb;--itd-selection-fg:#060606;--itd-placeholder-color:#7d8792;--itd-scrollbar-thumb:#2186fe80;--itd-scrollbar-thumb-hover:#2186fe;--itd-color-error-outline:#fb255a80;--itd-gamebox-offline-opacity:0.25;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l + 0.09) c h);color-scheme:dark}
50
+ :root,[data-theme=light]{--itd-link-hover:oklch(0.52 0.18 250);--itd-selection-bg:oklch(0.145 0 0);--itd-selection-fg:oklch(1 0 0);--itd-placeholder-color:oklch(0.65 0.01 250);--itd-scrollbar-thumb:oklch(0.16 0.04 250 / 0.5);--itd-scrollbar-thumb-hover:oklch(0.16 0.04 250)}
51
+ }#itd-modal-root,#itd-notification-root,#itd-tooltip-root,.itd-provider,body{font-family:var(--itd-font-sans);font-size-adjust:var(--itd-font-size-adjust);color:var(--itd-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lucide{stroke-width:var(--itd-icon-stroke-width)}.lucide[class*=arrow],.lucide[class*=chevron]{stroke-width:var(--itd-icon-arrow-stroke-width)}a{cursor:pointer;color:inherit;text-decoration-line:none;text-underline-offset:4px;border-radius:var(--itd-radius-xs)}a:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}*{border-color:var(--itd-border);outline-color:var(--itd-ring)}:focus{outline:none}:focus-visible:not(:is(input,select,textarea,button)){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}@media (prefers-contrast:more){:focus-visible{outline-width:3px}}::selection{background-color:var(--itd-selection-bg);color:var(--itd-selection-fg)}[data-theme=dark]{color-scheme:dark;--itd-text:#c4cfdb;--itd-text-muted:#86909b;--itd-border:#2a2e33;--itd-ring:#51a9ff;--itd-link:#67b3ff;--itd-link-hover:#3fa3ff;--itd-selection-bg:#c4cfdb;--itd-selection-fg:#060606;--itd-placeholder-color:#7d8792;--itd-scrollbar-thumb:#2186fe80;--itd-scrollbar-thumb-hover:#2186fe;--itd-color-error-outline:#fb255a80;--itd-gamebox-offline-opacity:0.25;--itd-image-broken-ink:oklch(from var(--itd-color-background-alt-hover) calc(l + 0.09) c h)}
46
52
 
47
53
  @supports (color: oklab(0% 0 0%)){
48
54
  [data-theme=dark]{--itd-text:oklch(0.85 0.02 250);--itd-text-muted:oklch(0.65 0.02 250);--itd-border:oklch(0.3 0.01 250)}
@@ -69,15 +75,15 @@
69
75
  }
70
76
 
71
77
  @supports (color: oklab(0% 0 0%)){
72
- [data-theme=dark]{--itd-link-hover:oklch(0.7 0.2 250);--itd-selection-bg:oklch(0.85 0.02 250);--itd-selection-fg:oklch(0.12 0 0);--itd-placeholder-color:oklch(0.62 0.02 250);--itd-scrollbar-thumb:oklch(0.63 0.2 256.42/0.5);--itd-scrollbar-thumb-hover:oklch(0.63 0.2 256.42);--itd-color-error-outline:oklch(0.64 0.24 15.26/0.5)}
73
- }html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}:root{--itd-z-overlay:1000;--itd-z-sheet:1001;--itd-z-dialog:1002;--itd-z-modal:1002;--itd-z-popover:1050;--itd-z-toast:1080}*{scrollbar-color:var(--itd-scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*3)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--itd-scrollbar-thumb);border:3px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover)}@media (prefers-contrast:more){:root{--itd-scrollbar-thumb:#000612b3;--itd-scrollbar-thumb-hover:#000612}
78
+ [data-theme=dark]{--itd-link-hover:oklch(0.7 0.2 250);--itd-selection-bg:oklch(0.85 0.02 250);--itd-selection-fg:oklch(0.12 0 0);--itd-placeholder-color:oklch(0.62 0.02 250);--itd-scrollbar-thumb:oklch(0.63 0.2 256.42 / 0.5);--itd-scrollbar-thumb-hover:oklch(0.63 0.2 256.42);--itd-color-error-outline:oklch(0.64 0.24 15.26 / 0.5)}
79
+ }html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}:root{--itd-z-overlay:1000;--itd-z-sheet:1001;--itd-z-dialog:1002;--itd-z-modal:1002;--itd-z-popover:1050;--itd-z-toast:1080}*{scrollbar-width:thin;scrollbar-color:var(--itd-scrollbar-thumb) #0000}::-webkit-scrollbar{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * 3)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:var(--itd-scrollbar-thumb);border-radius:9999px;border:3px solid #0000;background-clip:content-box}::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover)}@media (prefers-contrast:more){:root{--itd-scrollbar-thumb:#000612b3;--itd-scrollbar-thumb-hover:#000612}
74
80
 
75
81
  @supports (color: color(display-p3 0 0 0%)){
76
- :root{--itd-scrollbar-thumb:color(display-p3 0 0.02116 0.07988/0.7)}
82
+ :root{--itd-scrollbar-thumb:color(display-p3 0 0.02116 0.07988 / 0.7)}
77
83
  }
78
84
 
79
85
  @supports (color: oklab(0% 0 0%)){
80
- :root{--itd-scrollbar-thumb:oklch(0.12 0.05 250/0.7)}
86
+ :root{--itd-scrollbar-thumb:oklch(0.12 0.05 250 / 0.7)}
81
87
  }
82
88
 
83
89
  @supports (color: color(display-p3 0 0 0%)){
@@ -89,11 +95,11 @@
89
95
  }[data-theme=dark]{--itd-scrollbar-thumb:#579fffb3;--itd-scrollbar-thumb-hover:#579fff}
90
96
 
91
97
  @supports (color: color(display-p3 0 0 0%)){
92
- [data-theme=dark]{--itd-scrollbar-thumb:color(display-p3 0.39074 0.61352 1/0.7)}
98
+ [data-theme=dark]{--itd-scrollbar-thumb:color(display-p3 0.39074 0.61352 1 / 0.7)}
93
99
  }
94
100
 
95
101
  @supports (color: oklab(0% 0 0%)){
96
- [data-theme=dark]{--itd-scrollbar-thumb:oklch(0.7 0.25 256.42/0.7)}
102
+ [data-theme=dark]{--itd-scrollbar-thumb:oklch(0.7 0.25 256.42 / 0.7)}
97
103
  }
98
104
 
99
105
  @supports (color: color(display-p3 0 0 0%)){
@@ -102,4 +108,4 @@
102
108
 
103
109
  @supports (color: oklab(0% 0 0%)){
104
110
  [data-theme=dark]{--itd-scrollbar-thumb-hover:oklch(0.7 0.25 256.42)}
105
- }}.skip-link{background:Canvas;border-radius:var(--itd-spacing);color:initial;inset-block-start:0;inset-inline-start:0;padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);position:absolute;text-decoration:none;transform:translateY(-150%);z-index:9999}.skip-link:focus{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px;transform:translateY(0)}.itd-no-transition,.itd-no-transition *,.itd-no-transition :after,.itd-no-transition :before{transition:none!important}[data-itd-elevation=raised] :where(.itd-card,.itd-casino-panel,.itd-block-form-item)>*{--itd-color-background-input:var(--itd-color-background-panel);--itd-input-addon-bg:oklch(from var(--itd-color-background-panel) calc(l - 0.045) c h)}}@layer components{.itd-size-xs{font-size:var(--itd-size-xs-font);gap:var(--itd-size-xs-gap);height:var(--itd-size-xs-h);padding-inline:var(--itd-size-xs-px)}.itd-size-sm,.itd-size-xs{font-weight:var(--itd-font-weight-medium)}.itd-size-sm{font-size:var(--itd-size-sm-font);gap:var(--itd-size-sm-gap);height:var(--itd-size-sm-h);padding-inline:var(--itd-size-sm-px)}.itd-size-md{font-size:var(--itd-size-md-font);gap:var(--itd-size-md-gap);height:var(--itd-size-md-h);padding-inline:var(--itd-size-md-px)}.itd-size-df,.itd-size-md{font-weight:var(--itd-font-weight-medium)}.itd-size-df{font-size:var(--itd-size-df-font);gap:var(--itd-size-df-gap);height:var(--itd-size-df-h);padding-inline:var(--itd-size-df-px)}.itd-size-lg{font-size:var(--itd-size-lg-font);gap:var(--itd-size-lg-gap);height:var(--itd-size-lg-h);padding-inline:var(--itd-size-lg-px)}.itd-size-lg,.itd-size-xlg{font-weight:var(--itd-font-weight-medium)}.itd-size-xlg{font-size:var(--itd-size-xlg-font);gap:var(--itd-size-xlg-gap);height:var(--itd-size-xlg-h);padding-inline:var(--itd-size-xlg-px)}}@keyframes itd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:itd-spin .75s linear infinite}@layer base{:root.itd-touch{-webkit-tap-highlight-color:transparent}:root.itd-touch :is(button,[role=button],a,label,summary){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
111
+ }}.skip-link{position:absolute;inset-inline-start:0;inset-block-start:0;transform:translateY(-150%);background:Canvas;color:initial;padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);z-index:9999;text-decoration:none;border-radius:var(--itd-spacing)}.skip-link:focus{transform:translateY(0);outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}.itd-no-transition,.itd-no-transition *,.itd-no-transition :after,.itd-no-transition :before{transition:none!important}[data-itd-elevation=raised] :where(.itd-card,.itd-casino-panel,.itd-block-form-item)>*{--itd-color-background-input:var(--itd-color-background-panel);--itd-input-addon-bg:oklch(from var(--itd-color-background-panel) calc(l - 0.045) c h)}}@layer components{.itd-size-xs{height:var(--itd-size-xs-h);padding-inline:var(--itd-size-xs-px);gap:var(--itd-size-xs-gap);font-size:var(--itd-size-xs-font)}.itd-size-sm,.itd-size-xs{font-weight:var(--itd-font-weight-medium)}.itd-size-sm{height:var(--itd-size-sm-h);padding-inline:var(--itd-size-sm-px);gap:var(--itd-size-sm-gap);font-size:var(--itd-size-sm-font)}.itd-size-md{height:var(--itd-size-md-h);padding-inline:var(--itd-size-md-px);gap:var(--itd-size-md-gap);font-size:var(--itd-size-md-font)}.itd-size-df,.itd-size-md{font-weight:var(--itd-font-weight-medium)}.itd-size-df{height:var(--itd-size-df-h);padding-inline:var(--itd-size-df-px);gap:var(--itd-size-df-gap);font-size:var(--itd-size-df-font)}.itd-size-lg{height:var(--itd-size-lg-h);padding-inline:var(--itd-size-lg-px);gap:var(--itd-size-lg-gap);font-size:var(--itd-size-lg-font)}.itd-size-lg,.itd-size-xlg{font-weight:var(--itd-font-weight-medium)}.itd-size-xlg{height:var(--itd-size-xlg-h);padding-inline:var(--itd-size-xlg-px);gap:var(--itd-size-xlg-gap);font-size:var(--itd-size-xlg-font)}}@keyframes itd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:itd-spin .75s linear infinite}@layer base{:root.itd-touch{-webkit-tap-highlight-color:transparent}:root.itd-touch :is(button,[role=button],a,label,summary){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
package/dist/css/block-form.css CHANGED
@@ -1,3 +1,5 @@
1
- @layer components{.itd-block-form{display:flex;flex-direction:column;gap:var(--itd-block-form-gap,calc(var(--itd-spacing)*4))}.itd-block-form-row{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5)}.itd-block-form-label{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium)}.itd-block-form-compact .itd-block-form-label{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-block-form-hint{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);margin:0}.itd-block-form-label-stack{display:flex;flex-direction:column}.itd-block-form-description{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);margin:0}.itd-block-form-info{align-items:center;color:var(--itd-color-text-muted);cursor:help;display:inline-flex;margin-inline-start:var(--itd-spacing)}.itd-block-form-label:has(.itd-block-form-info){align-items:center;display:inline-flex}.itd-block-form-info svg{height:.875rem;width:.875rem}.itd-block-form-info:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-block-form-info-target{cursor:help}.itd-block-form-info-title{color:var(--itd-color-text);display:block;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);margin-block-end:calc(var(--itd-spacing)*1)}.itd-block-form-info-body{color:var(--itd-color-text-muted);display:block;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height)}.itd-block-form-stack{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2)}.itd-block-form-items{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*3)}.itd-block-form-item{background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);padding:calc(var(--itd-spacing)*3);position:relative}.itd-block-form-item-grip{align-items:center;color:var(--itd-color-text-muted);cursor:grab;display:inline-flex;inset-inline-start:calc(var(--itd-spacing)*3);position:absolute;top:calc(var(--itd-spacing)*3 + .125rem);touch-action:none}.itd-block-form-item-grip svg{height:1rem;width:1rem}.itd-block-form-item-grip~.itd-block-form-row:first-of-type>.itd-block-form-label-stack>.itd-block-form-label{padding-inline-start:calc(var(--itd-spacing)*5.5)}.itd-block-form-item-remove{inset-inline-end:calc(var(--itd-spacing)*1.5);position:absolute;top:calc(var(--itd-spacing)*1.5)}.itd-block-form-item[data-dragging]{opacity:.92;position:relative;z-index:5}.itd-block-form-items[data-carrying] .itd-block-form-item *{pointer-events:none!important}.itd-block-form-items[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);min-width:0}.itd-block-form-pick>.itd-select{min-width:0;width:100%}.itd-block-form-pick-add{align-items:stretch;display:flex;gap:calc(var(--itd-spacing)*1.5)}.itd-block-form-pick-add>.itd-select{flex:1;min-width:0}.itd-block-form-pick-add-btn.itd-button{flex:none;height:auto;white-space:nowrap}.itd-block-form-pick-empty{background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);font-size:var(--itd-text-13);padding:calc(var(--itd-spacing)*3);text-align:center}.itd-block-form-pick-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1)}.itd-block-form-pick-row{align-items:center;background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));border-radius:var(--itd-radius-sm);display:flex;gap:calc(var(--itd-spacing)*1.5);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*1.5)}.itd-block-form-pick-row[data-dragging]{box-shadow:var(--itd-floating-shadow);position:relative;z-index:2}.itd-block-form-pick-row[data-outside] .itd-block-form-pick-name{color:var(--itd-color-text-muted);text-decoration:line-through}.itd-block-form-pick-grip{align-items:center;color:var(--itd-color-text-muted);cursor:grab;display:inline-flex;touch-action:none}.itd-block-form-pick-grip svg{height:1rem;width:1rem}.itd-block-form-pick-name{flex:1;font-size:var(--itd-text-13);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-block-form-pick-note{color:var(--itd-color-text-muted);flex:none;font-size:var(--itd-text-xs)}.itd-block-form-pick-remove{flex:none}.itd-block-form-pick-count{align-self:flex-end;color:var(--itd-color-text-muted);font-size:var(--itd-text-xs)}.itd-block-form-pick-list[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick-list[data-carrying] .itd-block-form-pick-row *{pointer-events:none!important}.itd-block-preview{background-color:var(--itd-block-preview-bg,var(--itd-color-background-alt));isolation:isolate;overflow:hidden;position:relative}.itd-block-preview .itd-skeleton{background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))!important}.itd-block-preview .itd-skeleton:after{content:none!important}.itd-block-preview-spacer{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,var(--itd-color-background-alt-hover) 6px,var(--itd-color-background-alt-hover) 12px)}.itd-editor-ghost .itd-block-preview:not(.itd-block-preview-spacer){background:#0000}.itd-block-preview-stage{inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute;transform-origin:top left;-webkit-user-select:none;user-select:none}.itd-code-editor{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5);width:100%}.itd-code-editor-body{background-color:var(--itd-code-editor-bg,var(--itd-color-background-alt));border-radius:var(--itd-radius-md);display:flex;overflow:hidden;position:relative}.itd-code-editor[data-error] .itd-code-editor-body{box-shadow:inset 0 0 0 1px var(--itd-color-error)}.itd-code-editor-gutter{background:none;border:0;color:var(--itd-color-text-muted);flex:none;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);line-height:1.6;margin:0;overflow:hidden;padding-block:calc(var(--itd-spacing)*3);padding-inline:calc(var(--itd-spacing)*2);text-align:end;-webkit-user-select:none;user-select:none}.itd-code-editor-stack{display:grid;flex:1;min-width:0;position:relative}.itd-code-editor-input,.itd-code-editor-paint{border:0;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);grid-area:1/1;line-height:1.6;margin:0;overflow:auto;overflow-wrap:normal;padding:calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*9) calc(var(--itd-spacing)*3) 0;tab-size:2;white-space:pre}.itd-code-editor-paint{background:none;color:var(--itd-code-editor-ink,var(--itd-color-text));pointer-events:none}.itd-code-editor-paint>code{background:none;font:inherit}.itd-code-editor-input{background:none;caret-color:var(--itd-code-editor-ink,var(--itd-color-text));color:#0000;resize:none}}@layer components{.itd-code-editor-input::selection{background-color:color-mix(in oklch,var(--itd-primary) 35%,#0000)}.itd-code-editor-input::placeholder{color:var(--itd-color-text-muted)}.itd-code-editor .token.cdata,.itd-code-editor .token.comment,.itd-code-editor .token.doctype,.itd-code-editor .token.prolog{color:var(--itd-color-text-muted);font-style:italic}.itd-code-editor .token.atrule,.itd-code-editor .token.attr-name,.itd-code-editor .token.function,.itd-code-editor .token.keyword,.itd-code-editor .token.property,.itd-code-editor .token.selector,.itd-code-editor .token.tag{color:var(--itd-primary)}.itd-code-editor .token.attr-value,.itd-code-editor .token.string,.itd-code-editor .token.url{color:var(--itd-color-success)}.itd-code-editor .token.boolean,.itd-code-editor .token.hexcode,.itd-code-editor .token.number,.itd-code-editor .token.unit{color:var(--itd-color-alert-warning-title,var(--itd-color-text))}.itd-code-editor .token.deleted,.itd-code-editor .token.important{color:var(--itd-color-error)}.itd-code-editor .token.operator,.itd-code-editor .token.punctuation{color:var(--itd-color-text-muted)}.itd-code-editor-input:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-offset)*-1)}.itd-code-editor-expand{align-items:center;background-color:var(--itd-color-background);border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;display:inline-flex;height:calc(var(--itd-spacing)*7);inset-block-start:calc(var(--itd-spacing)*2);inset-inline-end:calc(var(--itd-spacing)*2);justify-content:center;padding:0;position:absolute;width:calc(var(--itd-spacing)*7)}.itd-code-editor-expand>svg{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-code-editor-expand:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-code-editor-full{background-color:var(--itd-color-background);inset:0;padding:calc(var(--itd-spacing)*4);position:fixed;z-index:2147483001}.itd-code-editor-full .itd-code-editor-body{flex:1;min-height:0}.itd-code-editor-full .itd-code-editor-stack{height:100%}.itd-editor-flag{background-color:var(--itd-color-alert-warning-title,currentColor);border-radius:9999px;flex:none;height:.4375rem;margin-inline-start:calc(var(--itd-spacing)*1.5);width:.4375rem}.itd-editor-flag[data-level=error]{background-color:var(--itd-color-alert-error-title,currentColor)}.itd-editor-checks-badge{background-color:var(--_level);inset-block-end:calc(var(--itd-spacing)*4);inset-inline-end:calc(var(--itd-spacing)*4);position:absolute;z-index:30}.itd-editor-checks-badge,.itd-editor-checks-badge svg{color:oklch(from var(--_level) .18 c h)}.itd-editor-checks-badge:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--_level) calc(l + .06) c h)}.itd-editor-checks-badge{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear}.itd-editor-checks-badge[data-going=swell]{transform:scale(1.1)}.itd-editor-checks-badge[data-going=away]{opacity:0;pointer-events:none;transform:scale(.3)}.itd-editor-checks-panel{background:var(--itd-color-background-dialog,var(--itd-color-background-modal));border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-card-foreground);display:flex;flex-direction:column;height:25rem;inset-block-end:calc(var(--itd-spacing)*4);inset-inline-end:calc(var(--itd-spacing)*4);max-height:calc(100% - var(--itd-spacing)*8);position:absolute;transform-origin:bottom right;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear;width:18.75rem;z-index:31}.itd-editor-checks-panel[data-state=leaving],.itd-editor-checks-panel[data-state=opening]{opacity:0;transform:scale(.3)}.itd-editor-checks-head{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2);padding:calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4)}.itd-editor-checks-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);overflow:auto;padding:0 calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*3)}.itd-editor-checks-go{color:inherit;display:inline-flex;height:auto;margin-block-start:calc(var(--itd-spacing)*1.5);min-height:0;padding:0;text-decoration:underline;text-underline-offset:.2em}.itd-editor-grip{background-color:var(--itd-color-border);cursor:col-resize;flex:none;opacity:.35;touch-action:none;width:calc(var(--itd-spacing)*1.5)}}@layer components{.itd-editor-grip:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-primary);opacity:1}.itd-editor-pane-edge{background-color:oklch(from var(--itd-background) .94 c h);inset-block:0;inset-inline-start:0;pointer-events:none;position:absolute;width:1px}:root[data-theme=dark] .itd-editor-pane-edge{background-color:oklch(from var(--itd-background) .32 c h)}.itd-editor-unsaved{background-color:var(--itd-color-alert-warning-title,currentColor);border-radius:9999px;flex:none;height:.5rem;width:.5rem}.itd-editor-delete{--itd-primary:var(--itd-color-error);--itd-primary-hover:color-mix(in oklab,var(--itd-color-error) 82%,var(--itd-color-text));--itd-primary-foreground:var(--itd-color-error-text)}.itd-editor-toolbar .itd-button-solid{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}}@layer components{.itd-editor-toolbar .itd-button-solid:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}}@layer components{.itd-editor-chip{background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:2px solid #0000;border-radius:var(--itd-radius-md);color:var(--itd-color-text);cursor:pointer;display:flex;flex-direction:column;font-size:var(--itd-text-xs);padding:calc(var(--itd-spacing)*2);transition:border-color .12s ease;-webkit-user-select:none;user-select:none}.itd-editor-chip:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-chip[aria-selected=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-editor-chip[aria-disabled=true]{opacity:.45}.itd-editor-chip-eye{background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;opacity:.5;padding:0}.itd-editor-chip-eye:focus-visible,.itd-editor-chip:hover:where(:root:not(.itd-touch) *) .itd-editor-chip-eye{opacity:1}.itd-editor-layout-card{border:2px solid #0000;color:inherit;cursor:pointer;font:inherit;text-align:inherit;transition:border-color .12s ease;-webkit-user-select:none;user-select:none}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-layout-strip{position:relative}.itd-editor-layout-scroller{align-items:stretch;cursor:grab;display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none}.itd-editor-layout-scroller::-webkit-scrollbar{display:none}.itd-editor-layout-nav{border-radius:50%;inset-block-start:50%;position:absolute;translate:0 -50%;z-index:2}.itd-editor-layout-nav[data-side=start]{inset-inline-start:-2.85rem}.itd-editor-layout-nav[data-side=end]{inset-inline-end:-2.85rem}.itd-editor-modal .itd-modal-header{padding:calc(var(--itd-spacing)*10) calc(var(--itd-spacing)*15) 0}.itd-editor-modal .itd-modal-middle-content{padding:var(
2
- --itd-modal-content-padding,calc(var(--itd-spacing)*6) calc(var(--itd-spacing)*15) calc(var(--itd-spacing)*15)
3
- )}.itd-editor-layout-thumb{height:15.75rem;overflow:hidden}.itd-editor-layout-reel{--itd-block-preview-fill:oklch(from var(--itd-color-background-alt-hover) calc(l - 0.04 * round(l)) c h);display:flex;flex-direction:column;gap:1px;pointer-events:none;transition:transform .6s ease}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *) .itd-editor-layout-reel{transform:translateY(min(0px,calc(15.75rem - 100%)));transition:transform 4s ease-in-out}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head)>*{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head){--itd-preview-title-bar:14rem;align-items:center;display:flex!important;gap:.75rem}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-casino-panel-head{--itd-preview-title-bar:7rem}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):before{background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover));border-radius:50%;content:"";flex:none;height:2rem;width:2rem}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):after{background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover));border-radius:.5625rem;content:"";flex:none;height:1.125rem;width:var(--itd-preview-title-bar)}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-game-providers-reset{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-filter-tab{color:#0000!important}.itd-block-preview :is(.itd-help-rail,.itd-help-title){position:static!important}:is(.itd-editor-room,.itd-editor-canvas-veil){background:var(--itd-background)}:root[data-theme=dark] :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .23 c h)}:root[data-theme=light]:not([data-itd-elevation=raised]) :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .96 c h)}.itd-editor-canvas-veil{color:var(--itd-color-text-muted);display:grid;inset:0;place-items:center;position:absolute;z-index:1}.itd-editor-canvas-veil[data-gone]{opacity:0;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s;visibility:hidden}.itd-editor-setting-card{background:var(--itd-color-background-input,var(--itd-color-background-alt));border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);padding:calc(var(--itd-spacing)*2)}.itd-editor-setting-card>:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 8%,#0000);padding-bottom:calc(var(--itd-spacing)*2)}.itd-editor-setting-card .itd-input.itd-input-filled{background-color:color-mix(in srgb,var(--itd-color-text) 6%,var(--itd-color-background-input,var(--itd-color-background-alt)))}.itd-block-form-half-pair{align-items:start;display:grid;gap:calc(var(--itd-spacing)*2);grid-template-columns:1fr 1fr}.itd-editor-site-pane{animation:itd-editor-site-pane-in .2s ease}@keyframes itd-editor-site-pane-in{0%{margin-inline-end:-22.5rem}to{margin-inline-end:0}}.itd-block-form-hideable{align-items:center;display:flex;gap:calc(var(--itd-spacing)*1.5)}.itd-block-form-hideable>:first-child{flex:1;min-width:0}.itd-block-form-eye{background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;flex:none;opacity:.5;padding:0}.itd-block-form-eye svg{height:1rem;width:1rem}.itd-block-form-eye:focus-visible,.itd-block-form-eye:hover:where(:root:not(.itd-touch) *),.itd-block-form-eye[aria-pressed=true]{opacity:1}}@layer components{.itd-editor-empty{background-color:var(--itd-color-background-alt);border-radius:var(--itd-radius-md);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:1.55;margin:0;padding:calc(var(--itd-spacing)*3)}}
1
+ @layer components{.itd-block-form{display:flex;flex-direction:column;gap:var(--itd-block-form-gap,calc(var(--itd-spacing) * 4))}.itd-block-form-row{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-label{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text)}.itd-block-form-compact .itd-block-form-label{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-block-form-hint{margin:0;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-label-stack{display:flex;flex-direction:column}.itd-block-form-description{margin:0;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-info{display:inline-flex;align-items:center;margin-inline-start:var(--itd-spacing);color:var(--itd-color-text-muted);cursor:help}.itd-block-form-label:has(.itd-block-form-info){display:inline-flex;align-items:center}.itd-block-form-info svg{width:.875rem;height:.875rem}.itd-block-form-info:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-block-form-info-target{cursor:help}.itd-block-form-info-title{display:block;margin-block-end:calc(var(--itd-spacing) * 1);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-block-form-info-body{display:block;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-block-form-stack{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2)}.itd-block-form-items{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 3)}.itd-block-form-item{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-md);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));position:relative}.itd-block-form-item-grip{position:absolute;top:calc(var(--itd-spacing) * 3 + .125rem);inset-inline-start:calc(var(--itd-spacing) * 3);display:inline-flex;align-items:center;color:var(--itd-color-text-muted);cursor:grab;touch-action:none}.itd-block-form-item-grip svg{width:1rem;height:1rem}.itd-block-form-item-grip~.itd-block-form-row:first-of-type>.itd-block-form-label-stack>.itd-block-form-label{padding-inline-start:calc(var(--itd-spacing) * 5.5)}.itd-block-form-item-remove{position:absolute;top:calc(var(--itd-spacing) * 1.5);inset-inline-end:calc(var(--itd-spacing) * 1.5)}.itd-block-form-item[data-dragging]{position:relative;z-index:5;opacity:.92}.itd-block-form-items[data-carrying] .itd-block-form-item *{pointer-events:none!important}.itd-block-form-items[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);min-width:0}.itd-block-form-pick>.itd-select{width:100%;min-width:0}.itd-block-form-pick-add{display:flex;align-items:stretch;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-pick-add>.itd-select{flex:1;min-width:0}.itd-block-form-pick-add-btn.itd-button{flex:none;height:auto;white-space:nowrap}.itd-block-form-pick-empty{padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-sm);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000));text-align:center;font-size:var(--itd-text-13);color:var(--itd-color-text-muted)}.itd-block-form-pick-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1)}.itd-block-form-pick-row{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5);padding:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 1.5);border-radius:var(--itd-radius-sm);background-color:var(--itd-block-form-item-bg,var(--itd-card));border:1px solid var(--itd-block-form-item-border,var(--itd-surface-hairline,#0000))}.itd-block-form-pick-row[data-dragging]{position:relative;z-index:2;box-shadow:var(--itd-floating-shadow)}.itd-block-form-pick-row[data-outside] .itd-block-form-pick-name{color:var(--itd-color-text-muted);text-decoration:line-through}.itd-block-form-pick-grip{display:inline-flex;align-items:center;color:var(--itd-color-text-muted);cursor:grab;touch-action:none}.itd-block-form-pick-grip svg{width:1rem;height:1rem}.itd-block-form-pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-13)}.itd-block-form-pick-note{flex:none;font-size:var(--itd-text-xs);color:var(--itd-color-text-muted)}.itd-block-form-pick-remove{flex:none}.itd-block-form-pick-count{align-self:flex-end;font-size:var(--itd-text-xs);color:var(--itd-color-text-muted)}.itd-block-form-pick-list[data-carrying]{cursor:grabbing;user-select:none;-webkit-user-select:none}.itd-block-form-pick-list[data-carrying] .itd-block-form-pick-row *{pointer-events:none!important}.itd-block-preview{position:relative;overflow:hidden;background-color:var(--itd-block-preview-bg,var(--itd-color-background-alt));isolation:isolate}.itd-block-preview .itd-skeleton{background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))!important}.itd-block-preview .itd-skeleton:after{content:none!important}.itd-block-preview-spacer{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,var(--itd-color-background-alt-hover) 6px,var(--itd-color-background-alt-hover) 12px)}.itd-editor-ghost .itd-block-preview:not(.itd-block-preview-spacer){background:#0000}.itd-block-preview-stage{position:absolute;inset-block-start:0;inset-inline-start:0;transform-origin:top left;pointer-events:none;-webkit-user-select:none;user-select:none}.itd-code-editor{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);width:100%}.itd-code-editor-body{position:relative;display:flex;overflow:hidden;border-radius:var(--itd-radius-md);background-color:var(--itd-code-editor-bg,var(--itd-color-background-alt))}.itd-code-editor[data-error] .itd-code-editor-body{box-shadow:inset 0 0 0 1px var(--itd-color-error)}.itd-code-editor-gutter{margin:0;padding-block:calc(var(--itd-spacing) * 3);border:0;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);line-height:1.6;background:none;flex:none;padding-inline:calc(var(--itd-spacing) * 2);overflow:hidden;color:var(--itd-color-text-muted);text-align:end;-webkit-user-select:none;user-select:none}.itd-code-editor-stack{position:relative;flex:1;min-width:0;display:grid}.itd-code-editor-input,.itd-code-editor-paint{grid-area:1/1;margin:0;padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 9) calc(var(--itd-spacing) * 3) 0;border:0;font-family:var(--itd-font-mono,ui-monospace,Menlo,monospace);font-size:var(--itd-text-xs);line-height:1.6;white-space:pre;overflow-wrap:normal;overflow:auto;tab-size:2}.itd-code-editor-paint{pointer-events:none;background:none;color:var(--itd-code-editor-ink,var(--itd-color-text))}.itd-code-editor-paint>code{font:inherit;background:none}.itd-code-editor-input{color:#0000;background:none;caret-color:var(--itd-code-editor-ink,var(--itd-color-text));resize:none}}@layer components{.itd-code-editor-input::selection{background-color:color-mix(in oklch,var(--itd-primary) 35%,#0000)}.itd-code-editor-input::placeholder{color:var(--itd-color-text-muted)}.itd-code-editor :is(.token.cdata,.token.comment,.token.doctype,.token.prolog){color:var(--itd-color-text-muted);font-style:italic}.itd-code-editor :is(.token.atrule,.token.keyword,.token.selector,.token.tag),.itd-code-editor :is(.token.attr-name,.token.function,.token.property){color:var(--itd-primary)}.itd-code-editor :is(.token.attr-value,.token.string,.token.url){color:var(--itd-color-success)}.itd-code-editor :is(.token.boolean,.token.hexcode,.token.number,.token.unit){color:var(--itd-color-alert-warning-title,var(--itd-color-text))}.itd-code-editor :is(.token.deleted,.token.important){color:var(--itd-color-error)}.itd-code-editor :is(.token.operator,.token.punctuation){color:var(--itd-color-text-muted)}.itd-code-editor-input:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-offset) * -1)}.itd-code-editor-expand{position:absolute;inset-block-start:calc(var(--itd-spacing) * 2);inset-inline-end:calc(var(--itd-spacing) * 2);display:inline-flex;align-items:center;justify-content:center;width:calc(var(--itd-spacing) * 7);height:calc(var(--itd-spacing) * 7);padding:0;border:0;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background);color:var(--itd-color-text-muted);cursor:pointer}.itd-code-editor-expand>svg{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-code-editor-expand:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-code-editor-full{position:fixed;inset:0;z-index:2147483001;padding:calc(var(--itd-spacing) * 4);background-color:var(--itd-color-background)}.itd-code-editor-full .itd-code-editor-body{flex:1;min-height:0}.itd-code-editor-full .itd-code-editor-stack{height:100%}.itd-editor-flag{flex:none;width:.4375rem;height:.4375rem;margin-inline-start:calc(var(--itd-spacing) * 1.5);border-radius:9999px;background-color:var(--itd-color-alert-warning-title,currentColor)}.itd-editor-flag[data-level=error]{background-color:var(--itd-color-alert-error-title,currentColor)}.itd-editor-checks-badge{position:absolute;inset-block-end:calc(var(--itd-spacing) * 4);inset-inline-end:calc(var(--itd-spacing) * 4);z-index:30;background-color:var(--_level)}.itd-editor-checks-badge,.itd-editor-checks-badge svg{color:oklch(from var(--_level) .18 c h)}.itd-editor-checks-badge:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--_level) calc(l + .06) c h)}.itd-editor-checks-badge{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear}.itd-editor-checks-badge[data-going=swell]{transform:scale(1.1)}.itd-editor-checks-badge[data-going=away]{transform:scale(.3);opacity:0;pointer-events:none}.itd-editor-checks-panel{position:absolute;inset-block-end:calc(var(--itd-spacing) * 4);inset-inline-end:calc(var(--itd-spacing) * 4);z-index:31;display:flex;flex-direction:column;width:18.75rem;height:25rem;max-height:calc(100% - var(--itd-spacing) * 8);border-radius:var(--itd-radius-md);background:var(--itd-color-background-dialog,var(--itd-color-background-modal));color:var(--itd-card-foreground);box-shadow:var(--itd-floating-shadow);transform-origin:bottom right;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s linear}.itd-editor-checks-panel[data-state=leaving],.itd-editor-checks-panel[data-state=opening]{transform:scale(.3);opacity:0}.itd-editor-checks-head{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4)}.itd-editor-checks-list{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);overflow:auto;padding:0 calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 3)}.itd-editor-checks-go{display:inline-flex;height:auto;min-height:0;margin-block-start:calc(var(--itd-spacing) * 1.5);padding:0;color:inherit;text-decoration:underline;text-underline-offset:.2em}.itd-editor-grip{width:calc(var(--itd-spacing) * 1.5);flex:none;cursor:col-resize;background-color:var(--itd-color-border);opacity:.35;touch-action:none}}@layer components{.itd-editor-grip:hover:where(:root:not(.itd-touch) *){opacity:1;background-color:var(--itd-primary)}.itd-editor-pane-edge{position:absolute;inset-block:0;inset-inline-start:0;width:1px;pointer-events:none;background-color:oklch(from var(--itd-background) .94 c h)}:root[data-theme=dark] .itd-editor-pane-edge{background-color:oklch(from var(--itd-background) .32 c h)}.itd-editor-unsaved{flex:none;width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--itd-color-alert-warning-title,currentColor)}.itd-editor-delete{--itd-primary:var(--itd-color-error);--itd-primary-hover:color-mix(in oklab, var(--itd-color-error) 82%, var(--itd-color-text));--itd-primary-foreground:var(--itd-color-error-text)}.itd-editor-toolbar .itd-button-solid{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}}@layer components{.itd-editor-toolbar .itd-button-solid:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}}@layer components{.itd-editor-chip{display:flex;flex-direction:column;padding:calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-md);background-color:var(--itd-color-background-input,var(--itd-color-background-alt));color:var(--itd-color-text);font-size:var(--itd-text-xs);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;transition:border-color .12s ease}.itd-editor-chip:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-chip[aria-selected=true]{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-editor-chip[aria-disabled=true]{opacity:.45}.itd-editor-chip-eye{display:inline-flex;padding:0;border:0;background:none;color:inherit;opacity:.5;cursor:pointer}.itd-editor-chip-eye:focus-visible,.itd-editor-chip:hover:where(:root:not(.itd-touch) *) .itd-editor-chip-eye{opacity:1}.itd-editor-layout-card{font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;transition:border-color .12s ease}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary)}.itd-editor-layout-strip{position:relative}.itd-editor-layout-scroller{display:flex;gap:1rem;align-items:stretch;overflow-x:auto;scrollbar-width:none;cursor:grab}.itd-editor-layout-scroller::-webkit-scrollbar{display:none}.itd-editor-layout-nav{position:absolute;z-index:2;inset-block-start:50%;translate:0 -50%;border-radius:50%}.itd-editor-layout-nav[data-side=start]{inset-inline-start:-2.85rem}.itd-editor-layout-nav[data-side=end]{inset-inline-end:-2.85rem}.itd-editor-modal .itd-modal-header{padding:calc(var(--itd-spacing) * 10) calc(var(--itd-spacing) * 15) 0}.itd-editor-modal .itd-modal-middle-content{padding:var(
2
+ --itd-modal-content-padding,calc(var(--itd-spacing) * 6) calc(var(--itd-spacing) * 15) calc(var(--itd-spacing) * 15)
3
+ )}.itd-editor-layout-thumb{height:15.75rem;overflow:hidden}.itd-editor-layout-reel{display:flex;flex-direction:column;gap:1px;pointer-events:none;transition:transform .6s ease;--itd-block-preview-fill:oklch(
4
+ from var(--itd-color-background-alt-hover) calc(l - 0.04 * round(l)) c h
5
+ )}.itd-editor-layout-card:hover:where(:root:not(.itd-touch) *) .itd-editor-layout-reel{transform:translateY(min(0px,calc(15.75rem - 100%)));transition:transform 4s ease-in-out}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head)>*{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head){display:flex!important;align-items:center;gap:.75rem;--itd-preview-title-bar:14rem}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-casino-panel-head{--itd-preview-title-bar:7rem}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):before{content:"";flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))}:is(.itd-editor-layout-reel,.itd-block-preview) :is(.itd-box-title,.itd-casino-panel-head):after{content:"";flex:none;width:var(--itd-preview-title-bar);height:1.125rem;border-radius:.5625rem;background:var(--itd-block-preview-fill,var(--itd-color-background-alt-hover))}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-game-providers-reset{display:none!important}:is(.itd-editor-layout-reel,.itd-block-preview) .itd-filter-tab{color:#0000!important}.itd-block-preview :is(.itd-help-rail,.itd-help-title){position:static!important}:is(.itd-editor-room,.itd-editor-canvas-veil){background:var(--itd-background)}:root[data-theme=dark] :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .23 c h)}:root[data-theme=light]:not([data-itd-elevation=raised]) :is(.itd-editor-room,.itd-editor-canvas-veil){background:oklch(from var(--itd-background) .96 c h)}.itd-editor-canvas-veil{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--itd-color-text-muted)}.itd-editor-canvas-veil[data-gone]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}.itd-editor-setting-card{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-md);background:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-editor-setting-card>:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 8%,#0000);padding-bottom:calc(var(--itd-spacing) * 2)}.itd-editor-setting-card .itd-input.itd-input-filled{background-color:color-mix(in srgb,var(--itd-color-text) 6%,var(--itd-color-background-input,var(--itd-color-background-alt)))}.itd-block-form-half-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--itd-spacing) * 2);align-items:start}.itd-editor-site-pane{animation:itd-editor-site-pane-in .2s ease}@keyframes itd-editor-site-pane-in{0%{margin-inline-end:-22.5rem}to{margin-inline-end:0}}.itd-block-form-hideable{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-block-form-hideable>:first-child{flex:1;min-width:0}.itd-block-form-eye{display:inline-flex;flex:none;padding:0;border:0;background:none;color:inherit;opacity:.5;cursor:pointer}.itd-block-form-eye svg{width:1rem;height:1rem}.itd-block-form-eye:focus-visible,.itd-block-form-eye:hover:where(:root:not(.itd-touch) *),.itd-block-form-eye[aria-pressed=true]{opacity:1}}@layer components{.itd-editor-empty{margin:0;padding:calc(var(--itd-spacing) * 3);border-radius:var(--itd-radius-md);background-color:var(--itd-color-background-alt);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:1.55}}
package/dist/css/blocks-shared.css CHANGED
@@ -1,13 +1,15 @@
1
1
  @layer components{:root{--itd-box-wash:var(
2
- --site-box-wash,color-mix(in srgb,var(--itd-color-background-modal) 75%,#0000)
2
+ --site-box-wash,
3
+ color-mix(in srgb, var(--itd-color-background-modal) 75%, #0000)
3
4
  )}:root[data-theme=light]:not([data-itd-elevation=raised]){--itd-box-wash:var(
4
- --site-box-wash,color-mix(in srgb,oklch(from var(--itd-background) 0.94 c h) 75%,#0000)
5
- )}:root[data-itd-elevation=raised]{--itd-box-wash:color-mix(in srgb,oklch(from var(--itd-background) 1 c h) 75%,#0000)}:root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb,#ffffff21)}
5
+ --site-box-wash,
6
+ color-mix(in srgb, oklch(from var(--itd-background) 0.94 c h) 75%, #0000)
7
+ )}:root[data-itd-elevation=raised]{--itd-box-wash:color-mix(in srgb, oklch(from var(--itd-background) 1 c h) 75%, #0000)}:root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, #ffffff21)}
6
8
 
7
9
  @supports (color: oklab(0% 0 0%)){
8
- :root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb,oklch(1 0 0/0.13))}
9
- }:root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb,#0003)}
10
+ :root{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, oklch(1 0 0 / 0.13))}
11
+ }:root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, #0003)}
10
12
 
11
13
  @supports (color: oklab(0% 0 0%)){
12
- :root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb,oklch(0 0 0/0.2))}
14
+ :root[data-theme=light]{--itd-panel-scroll-thumb:var(--site-panel-scroll-thumb, oklch(0 0 0 / 0.2))}
13
15
  }}
package/dist/css/button-group.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-button-group-default,.itd-button-group-filled{align-items:stretch;display:inline-flex;width:fit-content}.itd-button-group-vertical.itd-button-group-default,.itd-button-group-vertical.itd-button-group-filled{flex-direction:column}.itd-button-group:has(>.itd-button-group){gap:calc(var(--itd-spacing)*2)}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.itd-button-group-default>.itd-button:focus-visible,.itd-button-group-default>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-default>.itd-button[aria-expanded=true]{position:relative;z-index:1}.itd-button-group-default.itd-button-group-horizontal>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-horizontal>.itd-button:not(:first-child){margin-left:-1px}.itd-button-group-default.itd-button-group-vertical>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-vertical>.itd-button:not(:first-child){margin-top:-1px}.itd-button-group-filled>.itd-button,.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{border-color:#0000;box-shadow:none}.itd-button-group-filled>.itd-button{background-color:var(--itd-color-background-alt)}.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{background-color:var(--itd-color-background-alt-hover)}.itd-button-group-filled.itd-button-group-horizontal>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-horizontal>.itd-button:not(:last-child){border-right-color:var(--itd-color-border)}.itd-button-group-filled.itd-button-group-vertical>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-color:var(--itd-color-border)}.itd-button-group-text{align-items:center;background-color:var(--itd-muted);border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius)*.8);box-sizing:border-box;color:var(--itd-color-text);display:inline-flex;-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-button-group-text svg{flex:none;height:1rem;pointer-events:none;width:1rem}}
1
+ @layer components{.itd-button-group-default,.itd-button-group-filled{display:inline-flex;align-items:stretch;width:fit-content}.itd-button-group-vertical.itd-button-group-default,.itd-button-group-vertical.itd-button-group-filled{flex-direction:column}.itd-button-group:has(>.itd-button-group){gap:calc(var(--itd-spacing) * 2)}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-horizontal>.itd-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:last-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button-group-text:not(:first-child),:is(.itd-button-group-default,.itd-button-group-filled).itd-button-group-vertical>.itd-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.itd-button-group-default>.itd-button:focus-visible,.itd-button-group-default>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-default>.itd-button[aria-expanded=true]{position:relative;z-index:1}.itd-button-group-default.itd-button-group-horizontal>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-horizontal>.itd-button:not(:first-child){margin-left:-1px}.itd-button-group-default.itd-button-group-vertical>.itd-button-group-text:not(:first-child),.itd-button-group-default.itd-button-group-vertical>.itd-button:not(:first-child){margin-top:-1px}.itd-button-group-filled>.itd-button,.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{border-color:#0000;box-shadow:none}.itd-button-group-filled>.itd-button{background-color:var(--itd-color-background-alt)}.itd-button-group-filled>.itd-button:focus-visible,.itd-button-group-filled>.itd-button:hover:where(:root:not(.itd-touch) *),.itd-button-group-filled>.itd-button[aria-expanded=true]{background-color:var(--itd-color-background-alt-hover)}.itd-button-group-filled.itd-button-group-horizontal>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-horizontal>.itd-button:not(:last-child){border-right-color:var(--itd-color-border)}.itd-button-group-filled.itd-button-group-vertical>.itd-button-group-text:not(:last-child),.itd-button-group-filled.itd-button-group-vertical>.itd-button:not(:last-child){border-bottom-color:var(--itd-color-border)}.itd-button-group-text{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius) * .8);background-color:var(--itd-muted);color:var(--itd-color-text);white-space:nowrap;-webkit-user-select:none;user-select:none}.itd-button-group-text svg{width:1rem;height:1rem;flex:none;pointer-events:none}}