@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
@@ -1 +1 @@
1
- @layer components{.itd-footer{--itd-footer-ink:var(--site-footer-ink,oklch(from var(--itd-background) 0.62 c h));font-family:var(--itd-font-sans)}#inn-footer{display:flex;flex-direction:column;margin-top:1.5rem;width:100%}#inn-footer-top{border-top:1px solid var(--itd-color-border);display:grid;grid-template-columns:1fr auto;min-height:15.6875rem;padding:3rem 0;width:100%}#inn-site-map{align-items:start;display:grid;flex:1 1 0%;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(10rem,max-content));justify-content:normal;min-width:0;width:100%}.inn-site-map-group h3{color:var(--itd-primary);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);margin:0 0 .625rem;text-transform:uppercase}.inn-site-map-group ul{list-style:none;margin:0;padding:0}.inn-site-map-group li{margin:.5rem 0}.inn-site-map-group a{color:var(--itd-footer-ink);cursor:pointer;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);text-decoration:none;transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.inn-site-map-group a:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.site-footer__rail{align-content:start;display:grid;justify-items:end;row-gap:1.25rem}#inn-footer-socials{display:grid;gap:.625rem;grid-auto-flow:column;height:1.75rem}#inn-footer-socials a{background:color-mix(in srgb,var(--itd-color-text) 55%,#0000);border-radius:9999px;color:var(--itd-color-background-modal);display:grid;height:1.75rem;place-items:center;transition:transform .2s ease,background-color .2s ease;width:1.75rem}#inn-footer-socials a:hover:where(:root:not(.itd-touch) *){background:var(--itd-primary);transform:scale(1.5)}#inn-footer-socials svg{height:1rem;width:1rem}#inn-footer-apps{column-gap:.625rem;display:grid;grid-auto-columns:max-content;grid-auto-flow:column}.site-footer__store{align-items:center;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text);column-gap:.5rem;cursor:pointer;display:grid;grid-auto-flow:column;max-height:2.5rem;outline:1px solid color-mix(in srgb,var(--itd-color-text) 19%,#0000);padding:.375rem .75rem;text-align:left;text-decoration:none;transition:transform .2s ease,outline-color .2s ease}.site-footer__store:hover:where(:root:not(.itd-touch) *){outline:2px solid var(--itd-primary);transform:scale(1.1);z-index:1}.site-footer__store svg{height:1.25rem;width:1.25rem}.site-footer__store b{color:var(--itd-primary);display:block;font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-extrabold);text-transform:uppercase}.site-footer__store span{color:color-mix(in srgb,var(--itd-color-text) 55%,#0000);display:block;font-size:calc(var(--itd-text-10)*.56);font-weight:var(--itd-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}#inn-footer-licenses{align-items:center;border-top:1px solid var(--itd-color-border);display:grid;gap:3rem;grid-auto-flow:column;grid-template-columns:1fr .5fr;padding:1rem 0;text-align:left;width:100%}#inn-footer-licenses-texts{align-content:center;display:grid;row-gap:.625rem}#inn-footer-licenses-texts span{color:color-mix(in srgb,var(--itd-footer-ink) 56%,#0000);font-size:var(--itd-text-xs);line-height:1.5;transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}#inn-footer-licenses-texts span:hover:where(:root:not(.itd-touch) *){color:var(--itd-footer-ink)}#inn-footer-licenses-images{align-items:center;column-gap:1.25rem;display:grid;grid-auto-flow:column;justify-content:end}.site-footer__seal{background:color-mix(in srgb,var(--itd-color-text) 92%,#0000);border-radius:var(--itd-radius-sm);color:var(--itd-color-background-modal);cursor:pointer;display:grid;font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-extrabold);height:2.75rem;letter-spacing:.02em;min-width:4.5rem;padding:0 .625rem;place-items:center;text-align:center;transition:transform .2s ease,filter .2s ease}.site-footer__seal:hover:where(:root:not(.itd-touch) *){filter:brightness(1.08);transform:scale(1.1);z-index:1}.site-footer__seal--dark{background:color-mix(in srgb,var(--itd-color-background-modal) 88%,var(--itd-color-text));color:var(--itd-color-text)}.site-footer__seal-link{cursor:pointer;display:grid;height:2.75rem;place-items:center;transition:transform .2s ease,filter .2s ease}.site-footer__seal-link:hover:where(:root:not(.itd-touch) *){filter:brightness(1.08);transform:scale(1.1);z-index:1}.site-footer__seal-link img{max-height:2.75rem;width:auto}#inn-footer-provider-info{border-top:1px solid var(--itd-color-border);justify-content:space-between;padding:1.25rem 0}#inn-footer-provider-info,.site-footer__provider{align-items:center;display:grid;grid-auto-flow:column}.site-footer__provider{column-gap:.625rem}.inn-footer-legal-age-icon,.inn-mobile-footer-legal-age-icon{color:var(--itd-primary);display:grid;height:1.5rem;place-items:center;width:1.5rem}.inn-footer-legal-age-icon svg,.inn-mobile-footer-legal-age-icon svg{fill:var(--itd-primary);height:100%;width:100%}.site-footer__provider>span{color:color-mix(in srgb,var(--itd-color-text) 55%,#0000);font-size:var(--itd-text-13)}.site-footer__provider a{color:var(--itd-color-text);cursor:pointer;text-decoration:none;transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.site-footer__provider a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.site-footer__lang{width:9.375rem}.site-footer__lang .itd-select{width:100%}@media (max-width:81.25rem){#inn-footer-top{grid-template-columns:1fr;row-gap:2.5rem}.site-footer__rail{align-items:center;grid-auto-flow:column;justify-content:space-between;justify-items:start;width:100%}#inn-site-map{row-gap:2rem}}@media (max-width:60rem){#inn-footer-licenses{grid-auto-flow:row;grid-template-columns:1fr;row-gap:1.25rem}#inn-footer-licenses-images{justify-content:start}.site-footer__rail{grid-auto-flow:row;row-gap:1.25rem}#inn-footer-provider-info{grid-auto-flow:row;justify-content:start;row-gap:1rem}}#inn-mobile-footer{display:block;margin-top:1.5rem;padding:0 1rem;width:100%}.msite__socialsapps{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;justify-items:center;row-gap:1.25rem}#inn-mobile-footer-socials{display:grid;gap:.625rem;grid-auto-flow:column;height:1.75rem}#inn-mobile-footer-socials a{background:color-mix(in srgb,var(--itd-color-text) 55%,#0000);border-radius:9999px;color:var(--itd-color-background-modal);display:grid;height:1.75rem;place-items:center;width:1.75rem}#inn-mobile-footer-socials svg{height:1rem;width:1rem}#inn-mobile-footer-apps{align-items:center;column-gap:.625rem;display:grid;grid-auto-columns:max-content;grid-auto-flow:column}.msite__spacer{height:3rem;width:100%}#inn-mobile-footer-top{border-top:1px solid var(--itd-color-border);padding:2rem 0}#inn-mobile-footer-top,#inn-mobile-site-map{display:grid;grid-template-columns:1fr;width:100%}#inn-mobile-site-map{align-items:center;justify-content:center;row-gap:2rem}.inn-mobile-site-map-group{display:grid;justify-content:center;text-align:center;width:100%}.inn-mobile-site-map-group h3{color:var(--itd-primary);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-extrabold);margin:0 0 .375rem;text-transform:uppercase}.inn-mobile-site-map-group ul{display:flex;flex-wrap:wrap;gap:.375rem 1.25rem;justify-content:center;list-style:none;margin:0;padding:0}.inn-mobile-site-map-group a{color:var(--itd-footer-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);text-decoration:none}#inn-mobile-footer-licenses{border-top:1px solid var(--itd-color-border);display:grid;grid-template-columns:1fr;padding:1.5rem 0;row-gap:1.25rem}#inn-mobile-footer-licenses-texts{display:grid;row-gap:.625rem}#inn-mobile-footer-licenses-texts span{color:color-mix(in srgb,var(--itd-footer-ink) 56%,#0000);font-size:var(--itd-text-xs);line-height:1.5;text-align:center}#inn-mobile-footer-licenses-images{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}#inn-mobile-footer-provider-info{border-top:1px solid var(--itd-color-border);display:grid;grid-template-columns:1fr;justify-items:center;padding:1.25rem 0 2rem;row-gap:1rem}.msite__footer-lang{width:13.125rem}.msite__footer-lang .itd-select{width:100%}.msite__copyright{color:color-mix(in srgb,var(--itd-color-text) 55%,#0000);font-size:var(--itd-text-13)}.msite__copyright a{color:var(--itd-color-text);text-decoration:none}}
1
+ @layer components{.itd-footer{--itd-footer-ink:var(--site-footer-ink, oklch(from var(--itd-background) 0.62 c h));font-family:var(--itd-font-sans)}#inn-footer{display:flex;flex-direction:column;width:100%;margin-top:1.5rem}#inn-footer-top{display:grid;grid-template-columns:1fr auto;width:100%;min-height:15.6875rem;border-top:1px solid var(--itd-color-border);padding:3rem 0}#inn-site-map{width:100%;min-width:0;flex:1 1 0%;display:grid;justify-content:normal;align-items:start;grid-template-columns:repeat(auto-fit,minmax(10rem,max-content));gap:2rem}.inn-site-map-group h3{margin:0 0 .625rem;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);text-transform:uppercase;color:var(--itd-primary)}.inn-site-map-group ul{margin:0;padding:0;list-style:none}.inn-site-map-group li{margin:.5rem 0}.inn-site-map-group a{color:var(--itd-footer-ink);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);text-decoration:none;cursor:pointer;transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.inn-site-map-group a:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.site-footer__rail{display:grid;row-gap:1.25rem;justify-items:end;align-content:start}#inn-footer-socials{display:grid;grid-auto-flow:column;gap:.625rem;height:1.75rem}#inn-footer-socials a{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:color-mix(in srgb,var(--itd-color-text) 55%,#0000);color:var(--itd-color-background-modal);transition:transform .2s ease,background-color .2s ease}#inn-footer-socials a:hover:where(:root:not(.itd-touch) *){transform:scale(1.5);background:var(--itd-primary)}#inn-footer-socials svg{width:1rem;height:1rem}#inn-footer-apps{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:.625rem}.site-footer__store{display:grid;grid-auto-flow:column;align-items:center;column-gap:.5rem;max-height:2.5rem;padding:.375rem .75rem;border-radius:var(--itd-radius-sm);outline:1px solid color-mix(in srgb,var(--itd-color-text) 19%,#0000);cursor:pointer;background:#0000;border:0;color:var(--itd-color-text);text-align:left;text-decoration:none;transition:transform .2s ease,outline-color .2s ease}.site-footer__store:hover:where(:root:not(.itd-touch) *){outline:2px solid var(--itd-primary);transform:scale(1.1);z-index:1}.site-footer__store svg{width:1.25rem;height:1.25rem}.site-footer__store b{display:block;font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-extrabold);text-transform:uppercase;color:var(--itd-primary)}.site-footer__store span{display:block;font-size:calc(var(--itd-text-10) * .56);font-weight:var(--itd-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,var(--itd-color-text) 55%,#0000)}#inn-footer-licenses{display:grid;grid-auto-flow:column;grid-template-columns:1fr .5fr;text-align:left;gap:3rem;align-items:center;width:100%;border-top:1px solid var(--itd-color-border);padding:1rem 0}#inn-footer-licenses-texts{display:grid;row-gap:.625rem;align-content:center}#inn-footer-licenses-texts span{font-size:var(--itd-text-xs);line-height:1.5;color:color-mix(in srgb,var(--itd-footer-ink) 56%,#0000);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}#inn-footer-licenses-texts span:hover:where(:root:not(.itd-touch) *){color:var(--itd-footer-ink)}#inn-footer-licenses-images{display:grid;grid-auto-flow:column;justify-content:end;align-items:center;column-gap:1.25rem}.site-footer__seal{display:grid;place-items:center;min-width:4.5rem;height:2.75rem;padding:0 .625rem;border-radius:var(--itd-radius-sm);background:color-mix(in srgb,var(--itd-color-text) 92%,#0000);color:var(--itd-color-background-modal);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-extrabold);letter-spacing:.02em;text-align:center;cursor:pointer;transition:transform .2s ease,filter .2s ease}.site-footer__seal:hover:where(:root:not(.itd-touch) *){transform:scale(1.1);filter:brightness(1.08);z-index:1}.site-footer__seal--dark{background:color-mix(in srgb,var(--itd-color-background-modal) 88%,var(--itd-color-text));color:var(--itd-color-text)}.site-footer__seal-link{display:grid;place-items:center;height:2.75rem;cursor:pointer;transition:transform .2s ease,filter .2s ease}.site-footer__seal-link:hover:where(:root:not(.itd-touch) *){transform:scale(1.1);filter:brightness(1.08);z-index:1}.site-footer__seal-link img{max-height:2.75rem;width:auto}#inn-footer-provider-info{justify-content:space-between;border-top:1px solid var(--itd-color-border);padding:1.25rem 0}#inn-footer-provider-info,.site-footer__provider{display:grid;grid-auto-flow:column;align-items:center}.site-footer__provider{column-gap:.625rem}.inn-footer-legal-age-icon,.inn-mobile-footer-legal-age-icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--itd-primary)}.inn-footer-legal-age-icon svg,.inn-mobile-footer-legal-age-icon svg{width:100%;height:100%;fill:var(--itd-primary)}.site-footer__provider>span{font-size:var(--itd-text-13);color:color-mix(in srgb,var(--itd-color-text) 55%,#0000)}.site-footer__provider a{color:var(--itd-color-text);text-decoration:none;cursor:pointer;transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.site-footer__provider a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.site-footer__lang{width:9.375rem}.site-footer__lang .itd-select{width:100%}@media (max-width:81.25rem){#inn-footer-top{grid-template-columns:1fr;row-gap:2.5rem}.site-footer__rail{grid-auto-flow:column;justify-content:space-between;justify-items:start;width:100%;align-items:center}#inn-site-map{row-gap:2rem}}@media (max-width:60rem){#inn-footer-licenses{grid-auto-flow:row;grid-template-columns:1fr;row-gap:1.25rem}#inn-footer-licenses-images{justify-content:start}.site-footer__rail{grid-auto-flow:row;row-gap:1.25rem}#inn-footer-provider-info{grid-auto-flow:row;row-gap:1rem;justify-content:start}}#inn-mobile-footer{display:block;width:100%;padding:0 1rem;margin-top:1.5rem}.msite__socialsapps{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;row-gap:1.25rem;justify-items:center}#inn-mobile-footer-socials{display:grid;grid-auto-flow:column;gap:.625rem;height:1.75rem}#inn-mobile-footer-socials a{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:color-mix(in srgb,var(--itd-color-text) 55%,#0000);color:var(--itd-color-background-modal)}#inn-mobile-footer-socials svg{width:1rem;height:1rem}#inn-mobile-footer-apps{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:.625rem;align-items:center}.msite__spacer{height:3rem;width:100%}#inn-mobile-footer-top{border-top:1px solid var(--itd-color-border);padding:2rem 0}#inn-mobile-footer-top,#inn-mobile-site-map{display:grid;grid-template-columns:1fr;width:100%}#inn-mobile-site-map{justify-content:center;align-items:center;row-gap:2rem}.inn-mobile-site-map-group{text-align:center;display:grid;justify-content:center;width:100%}.inn-mobile-site-map-group h3{margin:0 0 .375rem;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-extrabold);text-transform:uppercase;color:var(--itd-primary)}.inn-mobile-site-map-group ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem 1.25rem}.inn-mobile-site-map-group a{color:var(--itd-footer-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);text-decoration:none}#inn-mobile-footer-licenses{display:grid;grid-template-columns:1fr;row-gap:1.25rem;border-top:1px solid var(--itd-color-border);padding:1.5rem 0}#inn-mobile-footer-licenses-texts{display:grid;row-gap:.625rem}#inn-mobile-footer-licenses-texts span{font-size:var(--itd-text-xs);line-height:1.5;text-align:center;color:color-mix(in srgb,var(--itd-footer-ink) 56%,#0000)}#inn-mobile-footer-licenses-images{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}#inn-mobile-footer-provider-info{display:grid;grid-template-columns:1fr;row-gap:1rem;justify-items:center;border-top:1px solid var(--itd-color-border);padding:1.25rem 0 2rem}.msite__footer-lang{width:13.125rem}.msite__footer-lang .itd-select{width:100%}.msite__copyright{font-size:var(--itd-text-13);color:color-mix(in srgb,var(--itd-color-text) 55%,#0000)}.msite__copyright a{color:var(--itd-color-text);text-decoration:none}}
package/dist/css/form.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-form-control{display:flex;gap:calc(var(--itd-spacing)*1.25);justify-content:flex-end}.itd-form-control[data-position=start]{justify-content:flex-start}.itd-form-control[data-position=center]{justify-content:center}.itd-form-control[data-position=end]{justify-content:flex-end}.itd-form-group{display:flex;flex-direction:column}.itd-form-group[data-horizontal]{flex-direction:row}}
1
+ @layer components{.itd-form-control{display:flex;justify-content:flex-end;gap:calc(var(--itd-spacing) * 1.25)}.itd-form-control[data-position=start]{justify-content:flex-start}.itd-form-control[data-position=center]{justify-content:center}.itd-form-control[data-position=end]{justify-content:flex-end}.itd-form-group{display:flex;flex-direction:column}.itd-form-group[data-horizontal]{flex-direction:row}}
@@ -1,9 +1,9 @@
1
- @layer components{.itd-gamebox{container-type:inline-size;position:relative}.itd-gamebox-item{border-radius:var(--itd-border-radius);height:100%;overflow:hidden;position:relative;transition:transform .25s ease-out;width:100%}.itd-gamebox-item[data-overflow=false]{overflow:visible}.itd-gamebox-item[data-background=true]{background:var(--itd-color-background-alt-hover)}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item{transform:scale(1.05);z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item[data-outline=true]{outline:2px solid var(--itd-primary)}.itd-gamebox-click{cursor:pointer;inset:0;position:absolute}.itd-gamebox-art{border-radius:inherit;display:grid;inset:0;overflow:hidden;place-items:center;position:absolute;text-align:center}.itd-gamebox-img{height:100%;object-fit:cover;width:100%}.itd-gamebox-art picture{display:contents}.itd-gamebox-broken{color:var(--itd-image-broken-ink,color-mix(in srgb,var(--itd-color-text) 18%,#0000));height:1.75rem;margin:auto;width:1.75rem}.itd-gamebox-art .itd-image-error-broken,.itd-gamebox-broken,.itd-gamebox-spinner{inset:0;position:absolute}.itd-gamebox-spinner{display:grid;place-items:center;pointer-events:none;z-index:2}.itd-gamebox-item[data-loading=true] .itd-gamebox-art{opacity:.35}.itd-gamebox-item[data-broken=true] .info-container,.itd-gamebox-item[data-broken=true] .itd-gamebox-demo,.itd-gamebox-item[data-broken=true] .itd-gamebox-play,.itd-gamebox-item[data-broken=true] .itd-gamebox-players,.itd-gamebox-item[data-broken=true]:after,.itd-gamebox-item[data-loading=true] .info-container,.itd-gamebox-item[data-loading=true] .itd-gamebox-demo,.itd-gamebox-item[data-loading=true] .itd-gamebox-play,.itd-gamebox-item[data-loading=true] .itd-gamebox-players,.itd-gamebox-item[data-loading=true]:after{display:none}.itd-gamebox-item[data-offline=true] .itd-gamebox-art{filter:saturate(0) brightness(.75) contrast(.75);opacity:var(--itd-gamebox-offline-opacity,.25)}.itd-gamebox-skeleton{height:100%;inset:0;position:absolute;width:100%}.itd-gamebox .itd-gamebox-item:has(>.info-container):after{background:oklch(from var(--itd-color-background-alt-hover) .16 calc(min(c, .05)) h/.55);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-out;z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item:has(>.info-container):after{opacity:1}.itd-gamebox-play{color:var(--itd-gamebox-live-ink);display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:absolute;transform:scale(.8);transition:opacity .25s ease-out,transform .25s ease-out;z-index:2}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-play{opacity:1;transform:scale(1)}.itd-gamebox-play svg{fill:currentColor;height:2.25rem;width:2.25rem}.itd-gamebox-players{align-items:center;background:oklch(from var(--itd-color-background-alt-hover) 0 calc(min(c, .04)) h/.5);border-radius:var(--itd-radius-md);bottom:.375rem;display:flex;gap:.25rem;padding:.25rem .625rem;pointer-events:none;position:absolute;right:.375rem}.itd-gamebox-players span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox-players svg{fill:currentColor;color:var(--itd-gamebox-live-ink);height:.625rem;width:.625rem}.itd-gamebox .info-container{--_pill-travel:6.875rem;align-items:center;bottom:.625rem;display:flex;flex-direction:column;gap:.25rem;left:50%;max-width:90%;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,var(--_pill-travel));transition:transform .4s cubic-bezier(.075,.82,.165,1);width:max-content;z-index:2}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .info-container{transform:translate(-50%)}.itd-gamebox .info-container .name{background:var(--itd-primary);border-radius:var(--itd-radius-pill,calc(var(--itd-border-radius)*.75));box-shadow:0 0 20px 0 oklch(from var(--itd-color-background-alt-hover) calc(l * .2) calc(min(c * 1.5, .06)) h/.45);color:var(--itd-primary-foreground);font-size:var(--itd-gamebox-pill-font);font-weight:var(--itd-font-weight-semibold);line-height:.8125rem;padding:.5rem .625rem}.itd-gamebox .info-container .description{color:color-mix(in srgb,var(--itd-gamebox-live-ink) 75%,#0000);font-size:var(--itd-gamebox-desc-font);font-weight:var(--itd-font-weight-semibold);line-height:.6875rem;margin-top:2px}.itd-gamebox-demo{--_demo-travel:6.875rem;background:#0000;border:0;cursor:pointer;padding:0;position:absolute;right:.625rem;top:.625rem;transform:translateX(var(--_demo-travel));transition:transform .4s cubic-bezier(.075,.82,.165,1),visibility 0s .4s;visibility:hidden;z-index:2}.itd-gamebox:focus-within .itd-gamebox-demo,.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-demo{transform:translateX(0);transition:transform .4s cubic-bezier(.075,.82,.165,1);visibility:visible}.itd-gamebox-demo>span{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border-radius:var(--itd-radius-chip,var(--itd-radius-sm));color:var(--itd-color-text-neutral);display:inline-flex;font-size:var(--itd-gamebox-desc-font);font-weight:var(--itd-font-weight-medium);gap:.25rem;padding:.25rem .5rem .3125rem .375rem;transition:background .2s ease,color .2s ease,transform .2s ease}.itd-gamebox-demo>span svg{height:.75rem;width:.75rem}.itd-gamebox-demo:hover:where(:root:not(.itd-touch) *)>span{background:var(--itd-primary);color:var(--itd-primary-foreground);transform:scale(1.08)}.itd-gamebox-live{inset:0;pointer-events:none;position:absolute;z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-live{visibility:hidden}.itd-gamebox-art-live:before{background:linear-gradient(to top,var(--itd-primary) 0,color-mix(in srgb,var(--itd-primary) 75%,#0000) 50%,#0000 100%);bottom:0;content:"";filter:brightness(.25) contrast(.75) grayscale(.5);height:120px;left:0;position:absolute;width:100%}.itd-gamebox .inn-image-box-game-name{border-radius:0 0 4px 0;display:flex;gap:2px;left:0;padding:9px 8px;position:absolute;top:2px}.itd-gamebox .inn-image-box-game-name span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);line-height:12px}.itd-gamebox .inn-image-box-online-status{align-items:center;display:flex;gap:4px;left:8px;position:absolute;top:26px}.itd-gamebox .inn-image-box-online-status span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .online-status-icon{background:var(--itd-color-background-modal);border-radius:50%;height:10px;width:10px}.itd-gamebox .online-status-icon.online{background:var(--itd-color-success)}.itd-gamebox .online-status-icon.offline{background:var(--itd-color-error)}.itd-gamebox .inn-image-box-number-of-players{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 67%,#0000);border-radius:20px;display:flex;gap:2px;padding:4px 8px;position:absolute;right:5px;top:5px}.itd-gamebox .inn-image-box-number-of-players span{color:var(--itd-color-text);font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .inn-image-box-number-of-players svg{color:var(--itd-color-text-neutral);height:12px;width:auto}.itd-gamebox .inn-image-box-dealer-name{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border-radius:4px;bottom:5px;display:flex;height:23px;padding:4px 8px;position:absolute;right:5px}.itd-gamebox .inn-image-box-dealer-name span{color:var(--site-footer-ink,var(--itd-color-text-neutral));font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .inn-image-box-table-limit{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border-radius:4px;bottom:5px;display:flex;gap:4px;height:23px;left:5px;padding:4px 8px;position:absolute}.itd-gamebox .inn-image-box-table-limit[data-center=true]{background:var(--itd-color-background-modal);left:50%;transform:translateX(-50%)}.itd-gamebox .inn-image-box-table-limit span{color:var(--site-footer-ink,var(--itd-color-text-neutral));font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold);white-space:nowrap}[data-theme=light] .itd-gamebox .inn-image-box-number-of-players{background:color-mix(in srgb,var(--itd-primary) 67%,#0000)}[data-theme=light] .itd-gamebox .inn-image-box-dealer-name,[data-theme=light] .itd-gamebox .inn-image-box-table-limit{background:color-mix(in srgb,var(--itd-primary) 55%,#0000)}[data-theme=light] .itd-gamebox .inn-image-box-table-limit[data-center=true]{background:var(--itd-primary)}[data-theme=light] .itd-gamebox .inn-image-box-dealer-name span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players svg,[data-theme=light] .itd-gamebox .inn-image-box-table-limit span{color:var(--itd-primary-foreground,#fff)}
1
+ @layer components{.itd-gamebox{position:relative;container-type:inline-size}.itd-gamebox-item{position:relative;width:100%;height:100%;border-radius:var(--itd-border-radius);transition:transform .25s ease-out;overflow:hidden}.itd-gamebox-item[data-overflow=false]{overflow:visible}.itd-gamebox-item[data-background=true]{background:var(--itd-color-background-alt-hover)}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item{transform:scale(1.05);z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item[data-outline=true]{outline:2px solid var(--itd-primary)}.itd-gamebox-click{position:absolute;inset:0;cursor:pointer}.itd-gamebox-art{position:absolute;inset:0;border-radius:inherit;overflow:hidden;display:grid;place-items:center;text-align:center}.itd-gamebox-img{width:100%;height:100%;object-fit:cover}.itd-gamebox-art picture{display:contents}.itd-gamebox-broken{margin:auto;width:1.75rem;height:1.75rem;color:var(--itd-image-broken-ink,color-mix(in srgb,var(--itd-color-text) 18%,#0000))}.itd-gamebox-art .itd-image-error-broken,.itd-gamebox-broken,.itd-gamebox-spinner{position:absolute;inset:0}.itd-gamebox-spinner{display:grid;place-items:center;pointer-events:none;z-index:2}.itd-gamebox-item[data-loading=true] .itd-gamebox-art{opacity:.35}.itd-gamebox-item[data-broken=true] .info-container,.itd-gamebox-item[data-broken=true] .itd-gamebox-demo,.itd-gamebox-item[data-broken=true] .itd-gamebox-play,.itd-gamebox-item[data-broken=true] .itd-gamebox-players,.itd-gamebox-item[data-broken=true]:after,.itd-gamebox-item[data-loading=true] .info-container,.itd-gamebox-item[data-loading=true] .itd-gamebox-demo,.itd-gamebox-item[data-loading=true] .itd-gamebox-play,.itd-gamebox-item[data-loading=true] .itd-gamebox-players,.itd-gamebox-item[data-loading=true]:after{display:none}.itd-gamebox-item[data-offline=true] .itd-gamebox-art{filter:saturate(0) brightness(.75) contrast(.75);opacity:var(--itd-gamebox-offline-opacity,.25)}.itd-gamebox-skeleton{position:absolute;inset:0;width:100%;height:100%}.itd-gamebox .itd-gamebox-item:has(>.info-container):after{content:"";position:absolute;inset:0;background:oklch(from var(--itd-color-background-alt-hover) .16 calc(min(c, .05)) h/.55);opacity:0;transition:opacity .25s ease-out;pointer-events:none;z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item:has(>.info-container):after{opacity:1}.itd-gamebox-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--itd-gamebox-live-ink);opacity:0;transform:scale(.8);transition:opacity .25s ease-out,transform .25s ease-out;pointer-events:none;z-index:2}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-play{opacity:1;transform:scale(1)}.itd-gamebox-play svg{width:2.25rem;height:2.25rem;fill:currentColor}.itd-gamebox-players{position:absolute;right:.375rem;bottom:.375rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--itd-radius-md);background:oklch(from var(--itd-color-background-alt-hover) 0 calc(min(c, .04)) h/.5);pointer-events:none}.itd-gamebox-players span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox-players svg{width:.625rem;height:.625rem;color:var(--itd-gamebox-live-ink);fill:currentColor}.itd-gamebox .info-container{--_pill-travel:6.875rem;position:absolute;left:50%;bottom:.625rem;transform:translate(-50%,var(--_pill-travel));width:max-content;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;z-index:2;transition:transform .4s cubic-bezier(.075,.82,.165,1);pointer-events:none}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .info-container{transform:translate(-50%)}.itd-gamebox .info-container .name{padding:.5rem .625rem;border-radius:var(--itd-radius-pill,calc(var(--itd-border-radius) * .75));background:var(--itd-primary);color:var(--itd-primary-foreground);box-shadow:0 0 20px 0 oklch(from var(--itd-color-background-alt-hover) calc(l * .2) calc(min(c * 1.5, .06)) h/.45);font-size:var(--itd-gamebox-pill-font);line-height:.8125rem;font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .info-container .description{font-size:var(--itd-gamebox-desc-font);line-height:.6875rem;font-weight:var(--itd-font-weight-semibold);margin-top:2px;color:color-mix(in srgb,var(--itd-gamebox-live-ink) 75%,#0000)}.itd-gamebox-demo{position:absolute;top:.625rem;--_demo-travel:6.875rem;right:.625rem;transform:translateX(var(--_demo-travel));z-index:2;border:0;background:#0000;padding:0;cursor:pointer;visibility:hidden;transition:transform .4s cubic-bezier(.075,.82,.165,1),visibility 0s .4s}.itd-gamebox:focus-within .itd-gamebox-demo,.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-demo{transform:translateX(0);visibility:visible;transition:transform .4s cubic-bezier(.075,.82,.165,1)}.itd-gamebox-demo>span{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem .3125rem .375rem;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);color:var(--itd-color-text-neutral);font-size:var(--itd-gamebox-desc-font);font-weight:var(--itd-font-weight-medium);transition:background .2s ease,color .2s ease,transform .2s ease}.itd-gamebox-demo>span svg{width:.75rem;height:.75rem}.itd-gamebox-demo:hover:where(:root:not(.itd-touch) *)>span{background:var(--itd-primary);color:var(--itd-primary-foreground);transform:scale(1.08)}.itd-gamebox-live{position:absolute;inset:0;pointer-events:none;z-index:1}.itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-live{visibility:hidden}.itd-gamebox-art-live:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:120px;background:linear-gradient(to top,var(--itd-primary) 0,color-mix(in srgb,var(--itd-primary) 75%,#0000) 50%,#0000 100%);filter:brightness(.25) contrast(.75) grayscale(.5)}.itd-gamebox .inn-image-box-game-name{position:absolute;top:2px;left:0;display:flex;gap:2px;padding:9px 8px;border-radius:0 0 4px 0}.itd-gamebox .inn-image-box-game-name span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-xs);line-height:12px;font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .inn-image-box-online-status{position:absolute;top:26px;left:8px;display:flex;align-items:center;gap:4px}.itd-gamebox .inn-image-box-online-status span{color:var(--itd-gamebox-live-ink);font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .online-status-icon{width:10px;height:10px;border-radius:50%;background:var(--itd-color-background-modal)}.itd-gamebox .online-status-icon.online{background:var(--itd-color-success)}.itd-gamebox .online-status-icon.offline{background:var(--itd-color-error)}.itd-gamebox .inn-image-box-number-of-players{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:2px;padding:4px 8px;border-radius:20px;background:color-mix(in srgb,var(--itd-color-background-modal) 67%,#0000)}.itd-gamebox .inn-image-box-number-of-players span{color:var(--itd-color-text);font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .inn-image-box-number-of-players svg{width:auto;height:12px;color:var(--itd-color-text-neutral)}.itd-gamebox .inn-image-box-dealer-name{position:absolute;bottom:5px;right:5px;display:flex;align-items:center;height:23px;padding:4px 8px;border-radius:4px;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000)}.itd-gamebox .inn-image-box-dealer-name span{color:var(--site-footer-ink,var(--itd-color-text-neutral));font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold)}.itd-gamebox .inn-image-box-table-limit{position:absolute;bottom:5px;left:5px;display:flex;align-items:center;gap:4px;height:23px;padding:4px 8px;border-radius:4px;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000)}.itd-gamebox .inn-image-box-table-limit[data-center=true]{left:50%;transform:translateX(-50%);background:var(--itd-color-background-modal)}.itd-gamebox .inn-image-box-table-limit span{color:var(--site-footer-ink,var(--itd-color-text-neutral));font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold);white-space:nowrap}[data-theme=light] .itd-gamebox .inn-image-box-number-of-players{background:color-mix(in srgb,var(--itd-primary) 67%,#0000)}[data-theme=light] .itd-gamebox :is(.inn-image-box-dealer-name,.inn-image-box-table-limit){background:color-mix(in srgb,var(--itd-primary) 55%,#0000)}[data-theme=light] .itd-gamebox .inn-image-box-table-limit[data-center=true]{background:var(--itd-primary)}[data-theme=light] .itd-gamebox .inn-image-box-dealer-name span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players svg,[data-theme=light] .itd-gamebox .inn-image-box-table-limit span{color:var(--itd-primary-foreground,#fff)}
2
2
 
3
3
  @supports (color: oklab(0% 0 0%)){
4
4
  [data-theme=light] .itd-gamebox .inn-image-box-dealer-name span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players span,[data-theme=light] .itd-gamebox .inn-image-box-number-of-players svg,[data-theme=light] .itd-gamebox .inn-image-box-table-limit span{color:var(--itd-primary-foreground,oklch(1 0 0))}
5
- }.itd-gamebox .inn-image-box-last-won-numbers{bottom:30px;display:flex;gap:4px;left:0;overflow:hidden;padding:5px;position:absolute;width:100%}.itd-gamebox .inn-image-box-last-won-numbers span{align-items:center;background:var(--itd-color-background-alt-hover);border-radius:4px;color:var(--site-footer-ink,var(--itd-color-text-neutral));display:flex;font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold);justify-content:center;min-height:24px;min-width:24px;padding:4px 8px}.itd-gamebox .inn-image-box-last-won-numbers span.black{background:color-mix(in srgb,var(--itd-color-background-modal) 70%,#000);color:var(--itd-color-text-neutral)}.itd-gamebox .inn-image-box-last-won-numbers span.red{background:color-mix(in srgb,var(--itd-color-error) 55%,#000);color:#f9ebea;color:oklch(.95 .015 20)}.itd-gamebox .inn-image-box-last-won-numbers span.flash-animation{animation:itd-gamebox-chip-in .32s cubic-bezier(.22,1,.36,1),itd-gamebox-flash 1s 3}.itd-gamebox .inn-image-box-available-seats{bottom:30px;display:flex;gap:6px;justify-content:center;left:50%;overflow:hidden;padding:5px;position:absolute;transform:translateX(-50%);width:100%}.itd-gamebox .inn-image-box-available-seats span{align-items:center;border-radius:50%;display:flex;justify-content:center;min-height:24px;min-width:24px;transition:background .3s ease,color .3s ease}.itd-gamebox .inn-image-box-available-seats span.available{background:var(--itd-color-success);color:var(--itd-primary-foreground,#fff)}
5
+ }.itd-gamebox .inn-image-box-last-won-numbers{position:absolute;bottom:30px;left:0;display:flex;gap:4px;width:100%;padding:5px;overflow:hidden}.itd-gamebox .inn-image-box-last-won-numbers span{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:4px 8px;border-radius:4px;font-size:var(--itd-gamebox-overlay-font);font-weight:var(--itd-font-weight-semibold);background:var(--itd-color-background-alt-hover);color:var(--site-footer-ink,var(--itd-color-text-neutral))}.itd-gamebox .inn-image-box-last-won-numbers span.black{background:color-mix(in srgb,var(--itd-color-background-modal) 70%,#000);color:var(--itd-color-text-neutral)}.itd-gamebox .inn-image-box-last-won-numbers span.red{background:color-mix(in srgb,var(--itd-color-error) 55%,#000);color:#f9ebea;color:oklch(.95 .015 20)}.itd-gamebox .inn-image-box-last-won-numbers span.flash-animation{animation:itd-gamebox-chip-in .32s cubic-bezier(.22,1,.36,1),itd-gamebox-flash 1s 3}.itd-gamebox .inn-image-box-available-seats{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:6px;width:100%;padding:5px;overflow:hidden}.itd-gamebox .inn-image-box-available-seats span{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:50%;transition:background .3s ease,color .3s ease}.itd-gamebox .inn-image-box-available-seats span.available{background:var(--itd-color-success);color:var(--itd-primary-foreground,#fff)}
6
6
 
7
7
  @supports (color: oklab(0% 0 0%)){
8
8
  .itd-gamebox .inn-image-box-available-seats span.available{color:var(--itd-primary-foreground,oklch(1 0 0))}
9
- }.itd-gamebox .inn-image-box-available-seats span.unavailable{background:color-mix(in srgb,var(--itd-color-text) 25%,#0000);color:color-mix(in srgb,var(--itd-color-background-modal) 75%,#0000)}.itd-gamebox .inn-image-box-available-seats svg{height:12px;width:auto}@container (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .description,.itd-gamebox[data-orientation=square] .itd-gamebox-demo{display:none}.itd-gamebox[data-orientation=square] .info-container{max-width:100%;width:100%}.itd-gamebox[data-orientation=square]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.5rem}.itd-gamebox[data-orientation=square] .info-container .name{background:none;border-radius:0;box-shadow:none;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-bold);line-height:1;padding:0 .5rem;width:100%}.itd-gamebox[data-orientation=square] .itd-gamebox-play svg{height:1.5rem;width:1.5rem}.itd-gamebox[data-orientation=square] .itd-gamebox-players{padding:.1875rem .4375rem}}@container (min-width: 10rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .description{display:inline;font-size:var(--itd-text-10)}}@container (max-width: 12rem){.itd-gamebox[data-orientation=portrait] .itd-gamebox-players{padding:.1875rem .4375rem}.itd-gamebox .inn-image-box-available-seats,.itd-gamebox .inn-image-box-dealer-name,.itd-gamebox .inn-image-box-last-won-numbers,.itd-gamebox .inn-image-box-number-of-players,.itd-gamebox .inn-image-box-online-status,.itd-gamebox .inn-image-box-table-limit{display:none}.itd-gamebox .inn-image-box-game-name{bottom:0;justify-content:center;left:50%;top:auto;transform:translateX(-50%);width:100%}.itd-gamebox .inn-image-box-game-name span{text-align:center;width:100%}}@container (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .description,.itd-gamebox[data-orientation=landscape] .itd-gamebox-demo{display:none}.itd-gamebox[data-orientation=landscape] .info-container{max-width:100%;width:100%}.itd-gamebox[data-orientation=landscape] .info-container .name{background:none;border-radius:0;box-shadow:none;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-bold);line-height:1;padding:0 .5rem;width:100%}.itd-gamebox[data-orientation=landscape] .itd-gamebox-play svg{height:1.5rem;width:1.5rem}.itd-gamebox[data-orientation=landscape] .itd-gamebox-players{padding:.1875rem .4375rem}}@container (min-width: 11rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .itd-gamebox-demo{display:block}}@container (min-width: 14rem){.itd-gamebox[data-orientation=landscape][data-name-lines="2"] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}.itd-gamebox[data-orientation=landscape][data-name-lines="3"] .info-container .name{font-size:var(--itd-text-10);line-height:.6875rem}}@container (min-width: 7.75rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.75rem}}@container (min-width: 8.125rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}@container (min-width: 8.125rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}@container (min-width: 11rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}}@container (min-width: 11rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}.itd-gamebox[data-orientation=landscape] .itd-gamebox-play svg{height:1.75rem;width:1.75rem}}@container (min-width: 12.875rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .description{display:inline;font-size:var(--itd-text-10)}}@container (max-width: 8rem){.itd-gamebox[data-orientation=landscape] .info-container{display:none}}@container (max-width: 9.9375rem){.itd-gamebox[data-orientation=portrait] .info-container{max-width:100%;width:100%}.itd-gamebox[data-orientation=portrait]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.825rem}.itd-gamebox[data-orientation=portrait] .info-container .name{background:none;border-radius:0;box-shadow:none;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);line-height:.875rem;padding:0 .5rem;width:100%}.itd-gamebox[data-orientation=portrait] .itd-gamebox-play svg{height:2rem;width:2rem}}@container (max-width: 8.9375rem){.itd-gamebox[data-orientation=portrait] .itd-gamebox-demo{display:none}}@container (max-width: 8.125rem){.itd-gamebox[data-orientation=portrait] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}.itd-gamebox[data-orientation=portrait] .info-container .description{font-size:var(--itd-text-10)}}@container (max-width: 7.5rem){.itd-gamebox[data-orientation=portrait] .info-container .description{display:none}}@container (max-width: 6.875rem){.itd-gamebox[data-orientation=portrait] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}.itd-mobile .itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item{outline:none;transform:none}.itd-mobile .itd-gamebox .info-container,.itd-mobile .itd-gamebox .itd-gamebox-item:after,.itd-mobile .itd-gamebox-demo,.itd-mobile .itd-gamebox-play{display:none}@keyframes itd-gamebox-flash{0%,to{opacity:1}50%{opacity:.5}}@keyframes itd-gamebox-chip-in{0%{margin-right:-28px;transform:translateY(140%)}to{margin-right:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-gamebox .info-container,.itd-gamebox .inn-image-box-available-seats span,.itd-gamebox .itd-gamebox-item:after,.itd-gamebox-demo,.itd-gamebox-item,.itd-gamebox-play{transition:none}.itd-gamebox .inn-image-box-last-won-numbers span.flash-animation{animation:none}}.itd-spacer{flex:none;width:100%}}
9
+ }.itd-gamebox .inn-image-box-available-seats span.unavailable{background:color-mix(in srgb,var(--itd-color-text) 25%,#0000);color:color-mix(in srgb,var(--itd-color-background-modal) 75%,#0000)}.itd-gamebox .inn-image-box-available-seats svg{width:auto;height:12px}@container (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .description,.itd-gamebox[data-orientation=square] .itd-gamebox-demo{display:none}.itd-gamebox[data-orientation=square] .info-container{width:100%;max-width:100%}.itd-gamebox[data-orientation=square]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.5rem}.itd-gamebox[data-orientation=square] .info-container .name{width:100%;padding:0 .5rem;background:none;box-shadow:none;border-radius:0;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);line-height:1;font-weight:var(--itd-font-weight-bold)}.itd-gamebox[data-orientation=square] .itd-gamebox-play svg{width:1.5rem;height:1.5rem}.itd-gamebox[data-orientation=square] .itd-gamebox-players{padding:.1875rem .4375rem}}@container (min-width: 10rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .description{display:inline;font-size:var(--itd-text-10)}}@container (max-width: 12rem){.itd-gamebox[data-orientation=portrait] .itd-gamebox-players{padding:.1875rem .4375rem}.itd-gamebox :is(.inn-image-box-available-seats,.inn-image-box-dealer-name,.inn-image-box-last-won-numbers,.inn-image-box-number-of-players,.inn-image-box-online-status,.inn-image-box-table-limit){display:none}.itd-gamebox .inn-image-box-game-name{top:auto;bottom:0;left:50%;transform:translateX(-50%);width:100%;justify-content:center}.itd-gamebox .inn-image-box-game-name span{text-align:center;width:100%}}@container (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .description,.itd-gamebox[data-orientation=landscape] .itd-gamebox-demo{display:none}.itd-gamebox[data-orientation=landscape] .info-container{width:100%;max-width:100%}.itd-gamebox[data-orientation=landscape] .info-container .name{width:100%;padding:0 .5rem;background:none;box-shadow:none;border-radius:0;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-10);line-height:1;font-weight:var(--itd-font-weight-bold)}.itd-gamebox[data-orientation=landscape] .itd-gamebox-play svg{width:1.5rem;height:1.5rem}.itd-gamebox[data-orientation=landscape] .itd-gamebox-players{padding:.1875rem .4375rem}}@container (min-width: 11rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .itd-gamebox-demo{display:block}}@container (min-width: 14rem){.itd-gamebox[data-orientation=landscape][data-name-lines="2"] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}.itd-gamebox[data-orientation=landscape][data-name-lines="3"] .info-container .name{font-size:var(--itd-text-10);line-height:.6875rem}}@container (min-width: 7.75rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.75rem}}@container (min-width: 8.125rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}@container (min-width: 8.125rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}@container (min-width: 11rem) and (max-width: 11.5rem){.itd-gamebox[data-orientation=square] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}}@container (min-width: 11rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}.itd-gamebox[data-orientation=landscape] .itd-gamebox-play svg{width:1.75rem;height:1.75rem}}@container (min-width: 12.875rem) and (max-width: 14rem){.itd-gamebox[data-orientation=landscape] .info-container .description{display:inline;font-size:var(--itd-text-10)}}@container (max-width: 8rem){.itd-gamebox[data-orientation=landscape] .info-container{display:none}}@container (max-width: 9.9375rem){.itd-gamebox[data-orientation=portrait] .info-container{width:100%;max-width:100%}.itd-gamebox[data-orientation=portrait]:hover:where(:root:not(.itd-touch) *) .info-container{bottom:.825rem}.itd-gamebox[data-orientation=portrait] .info-container .name{width:100%;padding:0 .5rem;background:none;box-shadow:none;border-radius:0;color:var(--itd-gamebox-live-ink);font-size:var(--itd-text-13);line-height:.875rem;font-weight:var(--itd-font-weight-bold)}.itd-gamebox[data-orientation=portrait] .itd-gamebox-play svg{width:2rem;height:2rem}}@container (max-width: 8.9375rem){.itd-gamebox[data-orientation=portrait] .itd-gamebox-demo{display:none}}@container (max-width: 8.125rem){.itd-gamebox[data-orientation=portrait] .info-container .name{font-size:var(--itd-text-xs);line-height:.8125rem}.itd-gamebox[data-orientation=portrait] .info-container .description{font-size:var(--itd-text-10)}}@container (max-width: 7.5rem){.itd-gamebox[data-orientation=portrait] .info-container .description{display:none}}@container (max-width: 6.875rem){.itd-gamebox[data-orientation=portrait] .info-container .name{font-size:var(--itd-text-11);line-height:.75rem}}.itd-mobile .itd-gamebox:hover:where(:root:not(.itd-touch) *) .itd-gamebox-item{transform:none;outline:none}.itd-mobile .itd-gamebox .info-container,.itd-mobile .itd-gamebox .itd-gamebox-item:after,.itd-mobile .itd-gamebox-demo,.itd-mobile .itd-gamebox-play{display:none}@keyframes itd-gamebox-flash{0%,to{opacity:1}50%{opacity:.5}}@keyframes itd-gamebox-chip-in{0%{margin-right:-28px;transform:translateY(140%)}to{margin-right:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-gamebox .info-container,.itd-gamebox .inn-image-box-available-seats span,.itd-gamebox .itd-gamebox-item:after,.itd-gamebox-demo,.itd-gamebox-item,.itd-gamebox-play{transition:none}.itd-gamebox .inn-image-box-last-won-numbers span.flash-animation{animation:none}}.itd-spacer{width:100%;flex:none}}
@@ -1 +1 @@
1
- @layer components{.itd-game-carousel{--slide-spacing:0.5rem}.itd-game-carousel-controls{align-items:center;display:grid;grid-template-columns:auto 1fr;margin-bottom:.3125rem}.itd-game-carousel-title{color:var(--itd-color-text);font-size:var(--itd-carousel-title-font);font-weight:var(--itd-font-weight-semibold);line-height:1.5rem}.itd-game-carousel-buttons{display:flex;gap:.3125rem;justify-content:flex-end}.itd-game-carousel-button{align-items:center;background:var(--itd-color-background-alt);border:0;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));color:var(--itd-color-text);cursor:pointer;display:flex;height:1.8125rem;justify-content:center;transition:background-color .2s ease;width:1.8125rem}.itd-game-carousel-button:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:var(--itd-color-background-alt-hover)}[data-itd-elevation=raised] .itd-game-carousel-button{background:var(--itd-card)}.itd-game-carousel-button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-game-carousel-button svg{height:1.125rem;width:1.125rem}.itd-game-carousel-button:disabled{color:color-mix(in srgb,var(--itd-color-text) 25%,#0000);pointer-events:none}.inn-carousel-button-all,.inn-mobile-carousel-button-all{gap:.125rem;padding:0 .5rem;width:max-content}.inn-carousel-button-all span,.inn-mobile-carousel-button-all span{font-size:var(--itd-carousel-all-font);font-weight:var(--itd-font-weight-semibold);margin-top:.0625rem;padding-left:.3125rem;text-transform:uppercase}.itd-game-carousel-viewport{margin:-.75rem;overflow:hidden;padding:.75rem}.itd-mobile .itd-game-carousel-viewport{margin-inline:0;padding-inline:0}.itd-game-carousel-container{display:flex;margin-left:calc(var(--slide-spacing)*-1);touch-action:pan-y pinch-zoom}.itd-game-carousel-slide{flex:0 0 var(--slide-size,44%);min-width:0;padding-left:var(--slide-spacing);transform:translateZ(0)}.itd-game-carousel[data-bleed]{margin-left:calc(var(--itd-carousel-bleed)*-1);margin-right:calc(var(--itd-carousel-bleed)*-1);width:calc(100% + var(--itd-carousel-bleed)*2)}.itd-game-carousel[data-bleed] .itd-game-carousel-controls{margin-left:var(--itd-carousel-bleed);margin-right:var(--itd-carousel-bleed)}.itd-game-carousel[data-bleed] .itd-game-carousel-container{margin-left:calc(var(--itd-carousel-bleed) - var(--slide-spacing));margin-right:var(--itd-carousel-bleed)}}
1
+ @layer components{.itd-game-carousel{--slide-spacing:0.5rem}.itd-game-carousel-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;margin-bottom:.3125rem}.itd-game-carousel-title{color:var(--itd-color-text);font-size:var(--itd-carousel-title-font);line-height:1.5rem;font-weight:var(--itd-font-weight-semibold)}.itd-game-carousel-buttons{display:flex;justify-content:flex-end;gap:.3125rem}.itd-game-carousel-button{display:flex;align-items:center;justify-content:center;width:1.8125rem;height:1.8125rem;border:0;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));background:var(--itd-color-background-alt);color:var(--itd-color-text);cursor:pointer;transition:background-color .2s ease}.itd-game-carousel-button:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:var(--itd-color-background-alt-hover)}[data-itd-elevation=raised] .itd-game-carousel-button{background:var(--itd-card)}.itd-game-carousel-button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-game-carousel-button svg{width:1.125rem;height:1.125rem}.itd-game-carousel-button:disabled{color:color-mix(in srgb,var(--itd-color-text) 25%,#0000);pointer-events:none}.inn-carousel-button-all,.inn-mobile-carousel-button-all{width:max-content;padding:0 .5rem;gap:.125rem}.inn-carousel-button-all span,.inn-mobile-carousel-button-all span{font-size:var(--itd-carousel-all-font);margin-top:.0625rem;padding-left:.3125rem;font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-game-carousel-viewport{overflow:hidden;padding:.75rem;margin:-.75rem}.itd-mobile .itd-game-carousel-viewport{padding-inline:0;margin-inline:0}.itd-game-carousel-container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.itd-game-carousel-slide{flex:0 0 var(--slide-size,44%);min-width:0;padding-left:var(--slide-spacing);transform:translateZ(0)}.itd-game-carousel[data-bleed]{margin-left:calc(var(--itd-carousel-bleed) * -1);margin-right:calc(var(--itd-carousel-bleed) * -1);width:calc(100% + var(--itd-carousel-bleed) * 2)}.itd-game-carousel[data-bleed] .itd-game-carousel-controls{margin-left:var(--itd-carousel-bleed);margin-right:var(--itd-carousel-bleed)}.itd-game-carousel[data-bleed] .itd-game-carousel-container{margin-left:calc(var(--itd-carousel-bleed) - var(--slide-spacing));margin-right:var(--itd-carousel-bleed)}}
@@ -1 +1 @@
1
- @layer components{.itd-categories-content{border-radius:var(--itd-radius-md);height:2.5rem;overflow:hidden;position:relative;width:100%}.itd-categories-mobile .itd-categories-content{height:2.25rem}.itd-categories-strip{--itd-strip-fade-from:oklch(from var(--itd-background) l c h);--itd-strip-icon-size:1.125rem}.itd-categories-row{display:flex;gap:.375rem;height:100%;overflow-x:auto;scrollbar-width:none}.itd-categories-row::-webkit-scrollbar{display:none}.itd-categories-row .itd-skeleton{flex:none}.itd-categories-mobile .itd-categories-row{gap:.25rem}[data-itd-elevation=raised] .game-category-wrapper{background-color:oklch(from var(--itd-background) 1 c h)}.game-category-wrapper{background-color:var(--itd-surface-nested);border:0;border-radius:var(--itd-radius-md);color:var(--itd-color-text);cursor:pointer;flex:none;font:inherit;margin:0;padding:0;transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function)}.game-category-content{align-items:center;display:flex;height:2.5rem;padding:.25rem .625rem;width:max-content}.game-category-icon{display:inline-flex;margin-right:.375rem;min-width:1rem;width:1rem}.game-category-icon svg{height:1rem;width:1rem}.game-category-icon svg path{fill:currentColor}.game-category-name{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);line-height:1;margin-top:.0625rem;white-space:nowrap}.game-category-wrapper:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h);color:oklch(from var(--itd-color-text) calc(min(l + .12, 1)) c h)}[data-itd-elevation=raised] .game-category-wrapper:not(.selected):hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) .95 c h);color:var(--itd-color-text)}.game-category-wrapper.selected{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.game-category-wrapper:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-width)*-1)}.itd-categories-mobile .game-category-wrapper{background:none;color:var(--itd-color-text-neutral)}.itd-categories-mobile .game-category-content{height:2.25rem;padding:.4rem .75rem}.itd-categories-mobile .game-category-name{font-weight:var(--itd-font-weight-semibold)}.itd-categories-mobile .game-category-wrapper:hover:where(:root:not(.itd-touch) *){background:none;color:var(--itd-color-text)}.itd-categories-mobile .game-category-wrapper.selected{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}}
1
+ @layer components{.itd-categories-content{position:relative;border-radius:var(--itd-radius-md);height:2.5rem;width:100%;overflow:hidden}.itd-categories-mobile .itd-categories-content{height:2.25rem}.itd-categories-strip{--itd-strip-fade-from:oklch(from var(--itd-background) l c h);--itd-strip-icon-size:1.125rem}.itd-categories-row{display:flex;gap:.375rem;height:100%;overflow-x:auto;scrollbar-width:none}.itd-categories-row::-webkit-scrollbar{display:none}.itd-categories-row .itd-skeleton{flex:none}.itd-categories-mobile .itd-categories-row{gap:.25rem}[data-itd-elevation=raised] .game-category-wrapper{background-color:oklch(from var(--itd-background) 1 c h)}.game-category-wrapper{flex:none;margin:0;padding:0;border:0;cursor:pointer;font:inherit;border-radius:var(--itd-radius-md);background-color:var(--itd-surface-nested);color:var(--itd-color-text);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function)}.game-category-content{display:flex;align-items:center;width:max-content;height:2.5rem;padding:.25rem .625rem}.game-category-icon{display:inline-flex;width:1rem;min-width:1rem;margin-right:.375rem}.game-category-icon svg{width:1rem;height:1rem}.game-category-icon svg path{fill:currentColor}.game-category-name{font-size:var(--itd-text-xs);line-height:1;font-weight:var(--itd-font-weight-medium);margin-top:.0625rem;white-space:nowrap}.game-category-wrapper:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h);color:oklch(from var(--itd-color-text) calc(min(l + .12, 1)) c h)}[data-itd-elevation=raised] .game-category-wrapper:not(.selected):hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) .95 c h);color:var(--itd-color-text)}.game-category-wrapper.selected{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}.game-category-wrapper:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-width) * -1)}.itd-categories-mobile .game-category-wrapper{background:none;color:var(--itd-color-text-neutral)}.itd-categories-mobile .game-category-content{height:2.25rem;padding:.4rem .75rem}.itd-categories-mobile .game-category-name{font-weight:var(--itd-font-weight-semibold)}.itd-categories-mobile .game-category-wrapper:hover:where(:root:not(.itd-touch) *){background:none;color:var(--itd-color-text)}.itd-categories-mobile .game-category-wrapper.selected{background-color:var(--itd-primary);color:var(--itd-primary-foreground)}}
@@ -1 +1 @@
1
- @layer components{.itd-game-filter{position:relative}.itd-game-filter-content{display:grid;gap:.5rem;grid-template-columns:.75fr 1fr}.itd-game-filter .itd-select{--_px:0.625rem;--_arrow:0.875rem;min-width:0;width:100%}.itd-game-filter .itd-select-selection-item{min-width:0}.itd-game-filter .itd-select-prefix{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);margin-right:0}.itd-game-filter .itd-select-selection-label input{max-width:80%;overflow:hidden;padding-left:.25rem;position:relative;text-overflow:ellipsis;white-space:nowrap}.itd-game-filter .itd-select-suffix{background:color-mix(in srgb,var(--itd-color-text-neutral) 12.5%,#0000);border-radius:var(--itd-radius-chip);display:grid;flex:none;height:1.375rem;padding:0;place-items:center;width:1.375rem}.itd-game-filter .itd-select-arrow{display:grid;place-items:center}.itd-game-filter-logo,.itd-select-portal .itd-game-filter-logo{display:block;height:1.875rem;object-fit:contain;pointer-events:none;width:3.75rem}}
1
+ @layer components{.itd-game-filter{position:relative}.itd-game-filter-content{display:grid;grid-template-columns:.75fr 1fr;gap:.5rem}.itd-game-filter .itd-select{width:100%;min-width:0;--_px:0.625rem;--_arrow:0.875rem}.itd-game-filter .itd-select-selection-item{min-width:0}.itd-game-filter .itd-select-prefix{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);margin-right:0}.itd-game-filter .itd-select-selection-label input{padding-left:.25rem;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.itd-game-filter .itd-select-suffix{flex:none;width:1.375rem;height:1.375rem;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--itd-color-text-neutral) 12.5%,#0000);border-radius:var(--itd-radius-chip)}.itd-game-filter .itd-select-arrow{display:grid;place-items:center}.itd-game-filter-logo,.itd-select-portal .itd-game-filter-logo{display:block;width:3.75rem;height:1.875rem;object-fit:contain;pointer-events:none}}
@@ -1 +1 @@
1
- @layer components{.itd-game-navigator{position:relative}.itd-game-navigator-content{display:grid;gap:1rem;grid-auto-rows:auto;position:relative}.itd-game-navigator-content>*{min-width:0}}
1
+ @layer components{.itd-game-navigator{position:relative}.itd-game-navigator-content{position:relative;display:grid;grid-auto-rows:auto;gap:1rem}.itd-game-navigator-content>*{min-width:0}}
@@ -1 +1 @@
1
- @layer components{.itd-game-providers-strip{align-items:center;background-color:oklch(from var(--itd-background) calc(min(l + .095, .97)) c h/31.4%);border-radius:var(--itd-radius-md);display:flex;min-height:5rem;padding:1.25rem .9375rem;position:relative}[data-theme=light] .itd-game-providers-strip{background-color:var(--itd-surface-box)}.itd-game-providers-clip{flex:auto;max-height:2.5rem;overflow:hidden;padding-right:2.5rem;transition:max-height .3s cubic-bezier(.4,0,.2,1);will-change:max-height}.itd-game-providers-clip[data-open=true]{max-height:50rem;transition:max-height .35s ease-in}.itd-game-providers-grid{display:flex;flex-wrap:wrap;gap:.3125rem;list-style:none;margin:0;padding:0}.itd-game-providers-grid>li{width:max-content}.provider-wrapper .provider-content{align-items:center;background-color:oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-nested, .945))) c h);border:2px solid color-mix(in srgb,oklch(from var(--itd-background) calc(min(l + .45, .89)) c h) 45%,#0000);border-radius:var(--itd-radius-md);cursor:pointer;display:flex;font:inherit;height:2.5rem;justify-content:center;margin:0;max-width:11.25rem;padding:.25rem .625rem;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}[data-theme=light] .provider-wrapper .provider-content{background-color:var(--itd-surface-nested);border-color:var(--itd-surface-nested)}.provider-wrapper:hover:where(:root:not(.itd-touch) *) .provider-content{border-color:var(--itd-primary)}.provider-wrapper .provider-content:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-width)*-1)}.provider-wrapper.selected .provider-content{background-color:oklch(from var(--itd-background) calc(min(l + .068, .99)) calc(c * .8) h);border-color:var(--itd-primary)}.provider-wrapper img{height:auto;max-height:1.25rem;max-width:3.75rem}.itd-game-providers-name{color:var(--itd-color-text);font-size:var(--itd-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-providers-chips{align-items:center;display:inline-flex;gap:.3125rem;position:absolute;right:.9375rem;top:-.625rem;z-index:2}.itd-game-providers-count{align-items:center;background-color:oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-deep, .86))) c h);color:var(--itd-color-text);display:inline-flex;height:1.25rem}.itd-game-providers-count,.itd-game-providers-reset.itd-button{border-radius:var(--itd-radius-chip);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold);line-height:var(--itd-text-10--line-height);padding:.125rem .375rem}.itd-game-providers-reset.itd-button{gap:.125rem}.itd-game-providers-reset.itd-button svg{height:.75rem;width:.75rem}.itd-game-providers-opener.itd-button{padding:0;position:absolute;right:.9375rem;top:1.5rem}.itd-game-providers-opener.itd-button:not(:disabled){background-color:var(--itd-surface-deep);color:var(--itd-color-text)}.itd-game-providers-opener.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .86)) calc(c * .8) h)}.itd-game-providers-opener.itd-button svg{height:1.125rem;width:1.125rem}.itd-game-providers-empty{align-items:center;color:var(--itd-color-text-neutral);display:flex;flex:auto;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);justify-content:center;min-height:2.875rem}}.itd-game-providers-reset.itd-button{height:1.25rem;min-height:1.25rem;min-width:0}.itd-game-providers-opener.itd-button{height:2rem;min-height:2rem;min-width:2rem;width:2rem}
1
+ @layer components{.itd-game-providers-strip{position:relative;display:flex;align-items:center;min-height:5rem;padding:1.25rem .9375rem;border-radius:var(--itd-radius-md);background-color:oklch(from var(--itd-background) calc(min(l + .095, .97)) c h/31.4%)}[data-theme=light] .itd-game-providers-strip{background-color:var(--itd-surface-box)}.itd-game-providers-clip{flex:auto;overflow:hidden;max-height:2.5rem;transition:max-height .3s cubic-bezier(.4,0,.2,1);will-change:max-height;padding-right:2.5rem}.itd-game-providers-clip[data-open=true]{max-height:50rem;transition:max-height .35s ease-in}.itd-game-providers-grid{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.3125rem}.itd-game-providers-grid>li{width:max-content}.provider-wrapper .provider-content{display:flex;align-items:center;justify-content:center;height:2.5rem;max-width:11.25rem;margin:0;padding:.25rem .625rem;border-radius:var(--itd-radius-md);border:2px solid color-mix(in srgb,oklch(from var(--itd-background) calc(min(l + .45, .89)) c h) 45%,#0000);background-color:oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-nested, .945))) c h);cursor:pointer;font:inherit;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}[data-theme=light] .provider-wrapper .provider-content{border-color:var(--itd-surface-nested);background-color:var(--itd-surface-nested)}.provider-wrapper:hover:where(:root:not(.itd-touch) *) .provider-content{border-color:var(--itd-primary)}.provider-wrapper .provider-content:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-ring-width) * -1)}.provider-wrapper.selected .provider-content{border-color:var(--itd-primary);background-color:oklch(from var(--itd-background) calc(min(l + .068, .99)) calc(c * .8) h)}.provider-wrapper img{max-width:3.75rem;max-height:1.25rem;height:auto}.itd-game-providers-name{font-size:var(--itd-text-xs);color:var(--itd-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itd-game-providers-chips{position:absolute;top:-.625rem;right:.9375rem;z-index:2;display:inline-flex;align-items:center;gap:.3125rem}.itd-game-providers-count{display:inline-flex;align-items:center;height:1.25rem;background-color:oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-deep, .86))) c h);color:var(--itd-color-text)}.itd-game-providers-count,.itd-game-providers-reset.itd-button{padding:.125rem .375rem;border-radius:var(--itd-radius-chip);font-size:var(--itd-text-10);line-height:var(--itd-text-10--line-height);font-weight:var(--itd-font-weight-semibold)}.itd-game-providers-reset.itd-button{gap:.125rem}.itd-game-providers-reset.itd-button svg{width:.75rem;height:.75rem}.itd-game-providers-opener.itd-button{position:absolute;right:.9375rem;top:1.5rem;padding:0}.itd-game-providers-opener.itd-button:not(:disabled){background-color:var(--itd-surface-deep);color:var(--itd-color-text)}.itd-game-providers-opener.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .86)) calc(c * .8) h)}.itd-game-providers-opener.itd-button svg{width:1.125rem;height:1.125rem}.itd-game-providers-empty{flex:auto;display:flex;align-items:center;justify-content:center;min-height:2.875rem;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral)}}.itd-game-providers-reset.itd-button{min-height:1.25rem;height:1.25rem;min-width:0}.itd-game-providers-opener.itd-button{width:2rem;height:2rem;min-width:2rem;min-height:2rem}
@@ -1 +1 @@
1
- @layer components{.itd-game-search-content{align-items:center;display:flex;width:100%}.itd-game-search .itd-input{width:100%}.itd-game-search .itd-input-prefix svg{color:var(--itd-color-text-muted);height:1.125rem;width:1.125rem}.itd-game-search .itd-game-search-clear svg{color:var(--itd-color-text-neutral)}.itd-game-search .itd-game-search-clear:hover:where(:root:not(.itd-touch) *):not(:disabled) svg{color:var(--itd-color-text)}}.itd-game-search .itd-game-search-clear.itd-button{height:2rem;margin-right:-.5rem;width:2rem}.itd-game-search .itd-game-search-clear.itd-button svg:not([class*=size-]):not(.itd-spinner){height:1.25rem;width:1.25rem}
1
+ @layer components{.itd-game-search-content{display:flex;align-items:center;width:100%}.itd-game-search .itd-input{width:100%}.itd-game-search .itd-input-prefix svg{width:1.125rem;height:1.125rem;color:var(--itd-color-text-muted)}.itd-game-search .itd-game-search-clear svg{color:var(--itd-color-text-neutral)}.itd-game-search .itd-game-search-clear:hover:where(:root:not(.itd-touch) *):not(:disabled) svg{color:var(--itd-color-text)}}.itd-game-search .itd-game-search-clear.itd-button{width:2rem;height:2rem;margin-right:-.5rem}.itd-game-search .itd-game-search-clear.itd-button svg:not([class*=size-]):not(.itd-spinner){width:1.25rem;height:1.25rem}
@@ -1 +1,3 @@
1
- @layer components{.itd-game-shell{background:linear-gradient(180deg,oklch(from var(--itd-background) calc(l - .045) c h) 0,oklch(from var(--itd-color-background-alt-hover) calc(l + .02) c h) 100%);display:grid;grid-template-rows:var(--itd-gameplay-toolbar-h) 1fr;height:100dvh;left:0;position:fixed;top:0;width:100dvw}.itd-game-shell-toolbar{align-items:center;background:var(--itd-color-background-alt);display:flex;gap:.5rem;height:var(--itd-gameplay-toolbar-h);justify-content:space-between;padding:0 .375rem 0 .5rem;position:sticky;top:0;z-index:2}@media (orientation:landscape){.itd-game-shell-toolbar{padding:0 1rem;transition:padding .25s ease}.itd-game-shell[data-runway=fullscreen] .itd-game-shell-toolbar{padding:0 2rem}}.itd-game-shell[data-runway=fullscreen] .itd-game-shell-stage{touch-action:none}.itd-game-shell[data-runway=fullscreen] .itd-game-swipe-hint{display:none}.itd-game-shell-name{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-chip);color:var(--itd-color-text);display:block;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);height:2.25rem;line-height:2.25rem;max-width:50%;overflow:hidden;padding:0 .75rem;text-overflow:ellipsis;white-space:nowrap}.itd-game-shell-actions{align-items:center;display:inline-flex;flex:none;gap:.375rem}.itd-game-shell-deposit{border-radius:var(--itd-radius-chip);font-weight:var(--itd-font-weight-bold)}.itd-game-shell-tool.itd-button-filled{background-color:var(--itd-color-accent-well);border-radius:var(--itd-radius-chip);color:var(--itd-color-accent-well-ink)}.itd-game-shell-tool.itd-button-filled svg{color:var(--itd-color-accent-well-ink)}.itd-game-shell-tool-wrap{cursor:not-allowed;display:inline-flex}.itd-game-shell-stage{min-height:0;overflow:hidden;position:relative}.itd-game-shell-frame,.itd-game-shell-mount{border:0;display:block}.itd-game-shell-stage[data-layout=fit] .itd-game-shell-frame,.itd-game-shell-stage[data-layout=fit] .itd-game-shell-mount{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.itd-game-shell-stage[data-layout=fill] .itd-game-shell-frame,.itd-game-shell-stage[data-layout=fill] .itd-game-shell-mount{height:100%;width:100%}.itd-game-shell-stage[data-layout=flow]{overflow-y:auto}.itd-game-shell-stage[data-layout=flow] .itd-game-shell-frame,.itd-game-shell-stage[data-layout=flow] .itd-game-shell-mount{width:100%}.itd-game-desktop{background:var(--itd-background);height:calc(100dvh - var(--itd-gameplay-header-offset, 7.125rem));overflow:hidden;position:relative}.itd-game-desktop:fullscreen{height:100dvh}:fullscreen .itd-game-desktop{height:100%}.itd-game-desktop-body{background-position:50%;background-size:cover;display:grid;grid-template-columns:1fr;height:100%;min-width:45rem;width:100%}.itd-game-desktop-body[data-winners=true]{grid-template-columns:1fr 16.25rem}.itd-game-desktop-gameplay{display:grid;grid-template-rows:var(--itd-gameplay-toolbar-h) 1fr;min-height:0;min-width:0}.itd-game-desktop-toolbar{align-items:center;background:var(--itd-color-background-alt);display:flex;gap:.5rem;height:var(--itd-gameplay-toolbar-h);justify-content:space-between;padding:0 .75rem}.itd-game-desktop .itd-game-shell-name{height:1.75rem;line-height:1.75rem}.itd-game-desktop .itd-game-shell-tool.itd-button{border-radius:var(--itd-radius-chip);padding:0}.itd-game-desktop .itd-game-shell-tool.itd-button svg{height:1rem;width:1rem}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:not(:disabled){background-color:oklch(from var(--itd-color-background-alt-hover) calc(min(l + .11, .93)) calc(c * 1.2) h);color:var(--itd-color-text)}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:not(:disabled) svg{color:var(--itd-color-text)}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-color-background-alt-hover) calc(min(l + .2, .9)) calc(c * 1.2) h)}.itd-game-desktop-stage{background-color:oklch(from var(--itd-background) calc(l + .035) c h);background-position:50%;background-size:cover;container-type:size}.itd-game-desktop-stage[data-layout=fit] .itd-game-shell-frame,.itd-game-desktop-stage[data-layout=fit] .itd-game-shell-mount{aspect-ratio:16/9;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(100cqw,177.77778cqh)}.itd-game-desktop-sidebar{background:var(--itd-color-background-alt-hover);border-top-right-radius:var(--itd-radius-sm);min-height:0;min-width:0;overflow:hidden}.itd-game-shell-notice{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;padding:1.5rem;position:absolute;text-align:center;z-index:1}.itd-game-shell-notice-disc{background:var(--itd-color-background-alt-hover);border-radius:9999px;display:grid;height:5.25rem;place-items:center;width:5.25rem}[data-theme=light] .itd-game-shell-notice-disc{background:oklch(from var(--itd-color-background-alt-hover) calc(l - .06) c h)}.itd-game-shell-notice-badge{background:var(--itd-color-error);border-radius:9999px;color:#fcfcfc;color:oklch(.99 0 0);display:grid;height:2.625rem;place-items:center;width:2.625rem}.itd-game-shell-notice[data-tone=info] .itd-game-shell-notice-badge{background:var(--itd-primary)}.itd-game-shell-notice-badge svg{stroke-width:3;height:1.5rem;width:1.5rem}.itd-game-shell-notice-text{display:flex;flex-direction:column;gap:.25rem}.itd-game-shell-notice-title{color:var(--itd-primary);font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-semibold)}.itd-game-shell-notice-desc{color:color-mix(in srgb,var(--itd-color-text) 88%,#0000);font-size:var(--itd-text-15);line-height:normal;margin:0;max-width:26rem}.itd-game-shell-notice-action{font-weight:var(--itd-font-weight-bold);margin-top:1rem}.itd-game-shell-notice-detail{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);max-width:26rem;width:90%}.itd-game-shell-notice-detail summary{cursor:pointer}.itd-game-shell-notice-detail>div{background:var(--itd-background);border-radius:var(--itd-radius-sm);color:var(--itd-color-error);font-family:Courier New,Courier,monospace;font-size:var(--itd-text-sm);line-height:1.125rem;margin-top:.5rem;overflow-wrap:anywhere;padding:1.125rem 1.25rem 1.25rem;text-align:left}.itd-game-shell-loading{background:color-mix(in srgb,var(--itd-background) 65%,#0000);color:var(--itd-primary);display:grid;inset:0;place-items:center;position:absolute}.itd-game-shell-stage[data-settings=open]{pointer-events:none}.itd-game-settings{box-sizing:border-box;display:grid;inset:0;padding:1rem;place-items:center;position:absolute;z-index:5}.itd-game-settings-overlay{animation:itd-game-settings-dim .25s ease both;-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);background:oklch(from var(--itd-background) .15 calc(min(c, .06)) h/.67);inset:0;position:absolute}.itd-game-settings-panel{animation:itd-game-settings-in .25s cubic-bezier(.32,.72,.25,1) both;background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-lg);display:flex;flex-direction:column;gap:.875rem;max-height:100%;overflow-y:auto;padding:1rem 1.25rem 1.25rem;position:relative;width:min(20rem,100%)}.itd-game-settings[data-state=closing] .itd-game-settings-overlay{animation:itd-game-settings-dim-out .25s ease both}.itd-game-settings[data-state=closing] .itd-game-settings-panel{animation:itd-game-settings-out .25s cubic-bezier(.6,.05,.85,.4) both}@keyframes itd-game-settings-dim{0%{opacity:0}to{opacity:1}}@keyframes itd-game-settings-dim-out{0%{opacity:1}to{opacity:0}}@keyframes itd-game-settings-in{0%{opacity:0;transform:translateY(60vh)}to{opacity:1;transform:translateY(0)}}@keyframes itd-game-settings-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(60vh)}}.itd-game-settings-head{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 10%,#0000);display:flex;gap:.75rem;justify-content:space-between;padding-bottom:.625rem}.itd-game-settings-title{color:var(--itd-primary);font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-settings-close{background:none;border:0;border-radius:var(--itd-radius-chip);color:var(--itd-color-text);cursor:pointer;display:grid;flex:none;height:2rem;padding:0;place-items:center;width:2rem}.itd-game-settings-close svg{height:1.25rem;width:1.25rem}.itd-game-settings-menu{display:grid;gap:.25rem}.itd-game-settings-item.itd-button{background:oklch(from var(--itd-color-background-alt-hover) calc(l + .06) c h);border-radius:var(--itd-radius-control);color:var(--itd-color-text);font-size:var(--itd-text-13);height:3rem;width:100%}.itd-game-settings-item.itd-button:disabled{background:oklch(from var(--itd-color-background-alt-hover) calc(l + .02) c h);color:var(--itd-color-disabled-text,var(--itd-color-text-neutral))}.itd-game-settings-item .itd-button-content{gap:.75rem;justify-content:flex-start;width:100%}.itd-game-settings-item-icon{display:inline-flex;flex:none}.itd-game-settings-item-icon svg{height:1.125rem;width:1.125rem}.itd-game-settings-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-browse{inset:0;position:absolute;z-index:6}.itd-game-browse-overlay{animation:itd-game-settings-dim .25s ease both;background:#000000a6;background:oklch(0 0 0/.65);inset:0;position:absolute}.itd-game-browse-panel{--_browse-well:oklch(from var(--itd-background) calc(min(l + 0.133, 0.9)) calc(min(c, 0.06)) h);animation:itd-game-browse-in .25s ease-in-out both;background:oklch(from var(--itd-background) calc(min(l + .08, .97)) c h);display:flex;flex-direction:column;inset:0;position:absolute}[data-itd-elevation=raised] .itd-game-browse-panel{--_browse-well:oklch(from var(--itd-background) 1 c h);background:var(--itd-background)}.itd-game-browse[data-state=closing] .itd-game-browse-overlay{animation:itd-game-settings-dim-out .25s ease both}.itd-game-browse[data-state=closing] .itd-game-browse-panel{animation:itd-game-browse-out .25s ease-in-out both}@keyframes itd-game-browse-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes itd-game-browse-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.itd-game-browse-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 5%,#0000);display:flex;flex:none;gap:.75rem;justify-content:space-between;padding:1rem 1rem .75rem}.itd-game-browse-logo{align-items:center;color:var(--itd-color-text);display:inline-flex;min-height:2rem}.itd-game-browse-close{background:none;border:0;border-radius:var(--itd-radius-chip);color:var(--itd-color-text);cursor:pointer;display:grid;flex:none;height:2.25rem;padding:0;place-items:center;width:2.25rem}.itd-game-browse-close svg{height:1.375rem;width:1.375rem}.itd-game-browse-tabs{display:flex;flex:none;gap:.5rem;padding:1rem}.itd-game-browse-tab{align-items:center;background:var(--_browse-well);border:0;border-radius:var(--itd-radius-control);color:var(--itd-color-text);cursor:pointer;display:flex;flex:0 1 4.5rem;gap:0;height:3rem;justify-content:center;overflow:hidden;transition:flex-grow .3s ease,flex-basis .3s ease,gap .3s ease,background-color .3s ease,color .3s ease}.itd-game-browse-tab--active{background:var(--itd-primary);color:var(--itd-primary-foreground);flex:1 1 auto;gap:.5rem}.itd-game-browse-tab-icon{display:inline-flex;flex:none}.itd-game-browse-tab-icon svg{height:1.25rem;width:1.25rem}.itd-game-browse-tab-label{font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);max-width:0;opacity:0;overflow:hidden;text-transform:uppercase;transition:max-width .3s ease,opacity .12s ease .12s;white-space:nowrap}.itd-game-browse-tab--active .itd-game-browse-tab-label{max-width:12rem;opacity:1}.itd-game-browse-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1rem;scrollbar-width:none}.itd-game-browse-content::-webkit-scrollbar{display:none}.itd-game-browse-pane{display:flex;flex-direction:column;gap:.75rem}.itd-game-browse-providers{display:flex;gap:.5rem;margin-inline:-1rem;overflow-x:auto;padding-inline:1rem;scrollbar-width:none}.itd-game-browse-providers::-webkit-scrollbar{display:none}.itd-game-browse-chip{align-items:center;background:var(--_browse-well);border:0;border-radius:calc(var(--itd-border-radius)*100);color:var(--itd-color-text);cursor:pointer;display:inline-flex;flex:none;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);height:1.75rem;padding:0 1.125rem;white-space:nowrap}.itd-game-browse-chip--active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-game-browse-search{align-items:center;background:var(--_browse-well);border-radius:var(--itd-radius-control);color:var(--itd-color-text-neutral);display:flex;gap:.625rem;height:2.75rem;padding:0 1rem}.itd-game-browse-search svg{flex:none;height:1.25rem;width:1.25rem}.itd-game-browse-search input{background:none;border:0;color:var(--itd-color-text);flex:1;font-family:inherit;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);min-width:0;outline:none}.itd-game-browse-search:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}.itd-game-browse-search input::placeholder{color:var(--itd-color-text-neutral)}.itd-game-browse-search input::-webkit-search-cancel-button{appearance:none}.itd-game-browse-search-clear{background:none;border:0;border-radius:var(--itd-radius-chip);color:var(--itd-color-text-neutral);cursor:pointer;display:grid;flex:none;height:1.75rem;padding:0;place-items:center;width:1.75rem}.itd-game-browse-search-clear svg{height:1rem;width:1rem}.itd-game-browse-grid{display:grid;gap:.75rem .625rem;grid-template-columns:repeat(3,minmax(0,1fr))}.itd-game-browse-tile{display:flex;flex-direction:column;gap:.375rem;min-width:0}.itd-game-browse-tile-name{color:color-mix(in srgb,var(--itd-color-text) 88%,#0000);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-browse-empty{background:var(--_browse-well);border-radius:var(--itd-radius-md);color:var(--itd-color-text-neutral);font-size:var(--itd-text-15);padding:1.25rem;text-align:center}.itd-game-browse-sentinel{color:var(--itd-primary);display:grid;padding:.75rem;place-items:center}.itd-game-browse-jackpot{background:var(--_browse-well);border-radius:var(--itd-radius-md);padding:1rem 1.25rem}.itd-game-browse-jackpot-head{display:flex;flex-direction:column;gap:.125rem;padding-bottom:.625rem}.itd-game-browse-jackpot-name{color:var(--itd-color-text);font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-bold)}.itd-game-browse-jackpot-provider{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.itd-game-browse-jackpot-tier{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-height:2rem}.itd-game-browse-jackpot-tier-name{color:color-mix(in srgb,var(--itd-color-text) 80%,#0000);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-game-browse-jackpot-tier-amount{font-feature-settings:"tnum";color:var(--itd-primary);font-size:var(--itd-text-15);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-bold)}.itd-game-browse-subtabs{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.itd-game-browse-subtab{background:var(--_browse-well);border:0;border-radius:var(--itd-radius-control);color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);height:2.25rem;text-transform:uppercase}.itd-game-browse-subtab--active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-game-browse-winner{align-items:center;background:var(--_browse-well);border:0;border-radius:var(--itd-radius-md);color:var(--itd-color-text);cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;text-align:left;width:100%}.itd-game-browse-winner-image{background:var(--itd-color-background-alt);border-radius:var(--itd-radius-sm);flex:none;height:2.75rem;overflow:hidden;width:2.75rem}.itd-game-browse-winner-image img{height:100%;object-fit:cover;width:100%}.itd-game-browse-winner-body{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.itd-game-browse-winner-username{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold)}.itd-game-browse-winner-game{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-browse-winner-amount{font-feature-settings:"tnum";color:var(--itd-primary);flex:none;font-size:var(--itd-text-sm);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-bold)}.itd-game-swipe-hint{align-items:center;display:flex;gap:.5rem;left:50%;max-width:calc(100% - 2rem);position:absolute;top:.375rem;transform:translateX(-50%);z-index:4}.itd-game-swipe-hint-anim{align-items:center;animation:itd-game-swipe-float 1.5s ease-in-out infinite;color:var(--itd-color-text);display:inline-flex;flex:none;position:relative}.itd-game-swipe-hint-arrow svg{color:var(--itd-primary);height:1rem;width:1rem}.itd-game-swipe-hint-hand{display:inline-flex;transform:rotate(-20deg)}.itd-game-swipe-hint-hand svg{height:1.375rem;width:1.375rem}.itd-game-swipe-hint-pill{animation:itd-game-swipe-pulse 1s ease-in-out infinite;background:var(--itd-primary);border-radius:var(--itd-radius-pill);color:var(--itd-primary-foreground);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);min-width:0;overflow:hidden;padding:.375rem .75rem;text-overflow:ellipsis;white-space:nowrap}.itd-game-swipe-hint-close{background:color-mix(in srgb,var(--itd-color-text) 12%,#0000);border:0;border-radius:9999px;color:var(--itd-color-text);cursor:pointer;display:grid;flex:none;height:1.75rem;padding:0;place-items:center;width:1.75rem}.itd-game-swipe-hint-close svg{height:1rem;width:1rem}@keyframes itd-game-swipe-float{0%,to{opacity:.45;transform:translateY(.625rem)}50%{opacity:1;transform:translateY(0)}}@keyframes itd-game-swipe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}}.itd-game-desktop .itd-game-shell-tool.itd-button{height:1.75rem;min-height:1.75rem;min-width:1.75rem;width:1.75rem}
1
+ @layer components{.itd-game-shell{position:fixed;top:0;left:0;display:grid;grid-template-rows:var(--itd-gameplay-toolbar-h) 1fr;width:100dvw;height:100dvh;background:linear-gradient(180deg,oklch(from var(--itd-background) calc(l - .045) c h) 0,oklch(from var(--itd-color-background-alt-hover) calc(l + .02) c h) 100%)}.itd-game-shell-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:var(--itd-gameplay-toolbar-h);padding:0 .375rem 0 .5rem;background:var(--itd-color-background-alt)}@media (orientation:landscape){.itd-game-shell-toolbar{padding:0 1rem;transition:padding .25s ease}.itd-game-shell[data-runway=fullscreen] .itd-game-shell-toolbar{padding:0 2rem}}.itd-game-shell[data-runway=fullscreen] .itd-game-shell-stage{touch-action:none}.itd-game-shell[data-runway=fullscreen] .itd-game-swipe-hint{display:none}.itd-game-shell-name{display:block;max-width:50%;height:2.25rem;line-height:2.25rem;padding:0 .75rem;border-radius:var(--itd-radius-chip);background:var(--itd-color-background-alt-hover);color:var(--itd-color-text);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itd-game-shell-actions{display:inline-flex;align-items:center;gap:.375rem;flex:none}.itd-game-shell-deposit{font-weight:var(--itd-font-weight-bold);border-radius:var(--itd-radius-chip)}.itd-game-shell-tool.itd-button-filled{border-radius:var(--itd-radius-chip);background-color:var(--itd-color-accent-well);color:var(--itd-color-accent-well-ink)}.itd-game-shell-tool.itd-button-filled svg{color:var(--itd-color-accent-well-ink)}.itd-game-shell-tool-wrap{display:inline-flex;cursor:not-allowed}.itd-game-shell-stage{position:relative;min-height:0;overflow:hidden}.itd-game-shell-frame,.itd-game-shell-mount{border:0;display:block}.itd-game-shell-stage[data-layout=fit] :is(.itd-game-shell-frame,.itd-game-shell-mount){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.itd-game-shell-stage[data-layout=fill] :is(.itd-game-shell-frame,.itd-game-shell-mount){width:100%;height:100%}.itd-game-shell-stage[data-layout=flow]{overflow-y:auto}.itd-game-shell-stage[data-layout=flow] :is(.itd-game-shell-frame,.itd-game-shell-mount){width:100%}.itd-game-desktop{position:relative;height:calc(100dvh - var(--itd-gameplay-header-offset, 7.125rem));overflow:hidden;background:var(--itd-background)}.itd-game-desktop:fullscreen{height:100dvh}:fullscreen .itd-game-desktop{height:100%}.itd-game-desktop-body{display:grid;grid-template-columns:1fr;width:100%;height:100%;min-width:45rem;background-size:cover;background-position:50%}.itd-game-desktop-body[data-winners=true]{grid-template-columns:1fr 16.25rem}.itd-game-desktop-gameplay{display:grid;grid-template-rows:var(--itd-gameplay-toolbar-h) 1fr;min-width:0;min-height:0}.itd-game-desktop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:var(--itd-gameplay-toolbar-h);padding:0 .75rem;background:var(--itd-color-background-alt)}.itd-game-desktop .itd-game-shell-name{height:1.75rem;line-height:1.75rem}.itd-game-desktop .itd-game-shell-tool.itd-button{padding:0;border-radius:var(--itd-radius-chip)}.itd-game-desktop .itd-game-shell-tool.itd-button svg{width:1rem;height:1rem}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:not(:disabled){background-color:oklch(from var(--itd-color-background-alt-hover) calc(min(l + .11, .93)) calc(c * 1.2) h);color:var(--itd-color-text)}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:not(:disabled) svg{color:var(--itd-color-text)}.itd-game-desktop .itd-game-shell-tool.itd-button-filled:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-color-background-alt-hover) calc(min(l + .2, .9)) calc(c * 1.2) h)}.itd-game-desktop-stage{container-type:size;background-color:oklch(from var(--itd-background) calc(l + .035) c h);background-size:cover;background-position:50%}.itd-game-desktop-stage[data-layout=fit] :is(.itd-game-shell-frame,.itd-game-shell-mount){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:16/9;width:min(100cqw,calc(100cqh * 16 / 9));height:auto}.itd-game-desktop-sidebar{min-width:0;min-height:0;overflow:hidden;background:var(--itd-color-background-alt-hover);border-top-right-radius:var(--itd-radius-sm)}.itd-game-shell-notice{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;box-sizing:border-box;text-align:center}.itd-game-shell-notice-disc{display:grid;place-items:center;width:5.25rem;height:5.25rem;border-radius:9999px;background:var(--itd-color-background-alt-hover)}[data-theme=light] .itd-game-shell-notice-disc{background:oklch(from var(--itd-color-background-alt-hover) calc(l - .06) c h)}.itd-game-shell-notice-badge{display:grid;place-items:center;width:2.625rem;height:2.625rem;border-radius:9999px;background:var(--itd-color-error);color:#fcfcfc;color:oklch(.99 0 0)}.itd-game-shell-notice[data-tone=info] .itd-game-shell-notice-badge{background:var(--itd-primary)}.itd-game-shell-notice-badge svg{width:1.5rem;height:1.5rem;stroke-width:3}.itd-game-shell-notice-text{display:flex;flex-direction:column;gap:.25rem}.itd-game-shell-notice-title{color:var(--itd-primary);font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-semibold)}.itd-game-shell-notice-desc{margin:0;max-width:26rem;color:color-mix(in srgb,var(--itd-color-text) 88%,#0000);font-size:var(--itd-text-15);line-height:normal}.itd-game-shell-notice-action{margin-top:1rem;font-weight:var(--itd-font-weight-bold)}.itd-game-shell-notice-detail{width:90%;max-width:26rem;color:var(--itd-color-text-neutral);font-size:var(--itd-text-13)}.itd-game-shell-notice-detail summary{cursor:pointer}.itd-game-shell-notice-detail>div{margin-top:.5rem;padding:1.125rem 1.25rem 1.25rem;border-radius:var(--itd-radius-sm);background:var(--itd-background);color:var(--itd-color-error);font-family:Courier New,Courier,monospace;font-size:var(--itd-text-sm);line-height:1.125rem;text-align:left;overflow-wrap:anywhere}.itd-game-shell-loading{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--itd-background) 65%,#0000);color:var(--itd-primary)}.itd-game-shell-stage[data-settings=open]{pointer-events:none}.itd-game-settings{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1rem;box-sizing:border-box}.itd-game-settings-overlay{position:absolute;inset:0;background:oklch(from var(--itd-background) .15 calc(min(c, .06)) h/.67);-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem);animation:itd-game-settings-dim .25s ease both}.itd-game-settings-panel{position:relative;display:flex;flex-direction:column;gap:.875rem;width:min(20rem,100%);max-height:100%;overflow-y:auto;padding:1rem 1.25rem 1.25rem;border-radius:var(--itd-radius-lg);background:var(--itd-color-background-alt-hover);animation:itd-game-settings-in .25s cubic-bezier(.32,.72,.25,1) both}.itd-game-settings[data-state=closing] .itd-game-settings-overlay{animation:itd-game-settings-dim-out .25s ease both}.itd-game-settings[data-state=closing] .itd-game-settings-panel{animation:itd-game-settings-out .25s cubic-bezier(.6,.05,.85,.4) both}@keyframes itd-game-settings-dim{0%{opacity:0}to{opacity:1}}@keyframes itd-game-settings-dim-out{0%{opacity:1}to{opacity:0}}@keyframes itd-game-settings-in{0%{transform:translateY(60vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes itd-game-settings-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(60vh);opacity:0}}.itd-game-settings-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.625rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 10%,#0000)}.itd-game-settings-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--itd-primary);font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-semibold)}.itd-game-settings-close{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:none;color:var(--itd-color-text);cursor:pointer}.itd-game-settings-close svg{width:1.25rem;height:1.25rem}.itd-game-settings-menu{display:grid;gap:.25rem}.itd-game-settings-item.itd-button{width:100%;height:3rem;border-radius:var(--itd-radius-control);background:oklch(from var(--itd-color-background-alt-hover) calc(l + .06) c h);color:var(--itd-color-text);font-size:var(--itd-text-13)}.itd-game-settings-item.itd-button:disabled{background:oklch(from var(--itd-color-background-alt-hover) calc(l + .02) c h);color:var(--itd-color-disabled-text,var(--itd-color-text-neutral))}.itd-game-settings-item .itd-button-content{width:100%;justify-content:flex-start;gap:.75rem}.itd-game-settings-item-icon{display:inline-flex;flex:none}.itd-game-settings-item-icon svg{width:1.125rem;height:1.125rem}.itd-game-settings-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-game-browse{position:absolute;inset:0;z-index:6}.itd-game-browse-overlay{position:absolute;inset:0;background:#000000a6;background:oklch(0 0 0/.65);animation:itd-game-settings-dim .25s ease both}.itd-game-browse-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:oklch(from var(--itd-background) calc(min(l + .08, .97)) c h);--_browse-well:oklch(
2
+ from var(--itd-background) calc(min(l + 0.133, 0.9)) calc(min(c, 0.06)) h
3
+ );animation:itd-game-browse-in .25s ease-in-out both}[data-itd-elevation=raised] .itd-game-browse-panel{background:var(--itd-background);--_browse-well:oklch(from var(--itd-background) 1 c h)}.itd-game-browse[data-state=closing] .itd-game-browse-overlay{animation:itd-game-settings-dim-out .25s ease both}.itd-game-browse[data-state=closing] .itd-game-browse-panel{animation:itd-game-browse-out .25s ease-in-out both}@keyframes itd-game-browse-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes itd-game-browse-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.itd-game-browse-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 5%,#0000)}.itd-game-browse-logo{display:inline-flex;align-items:center;min-height:2rem;color:var(--itd-color-text)}.itd-game-browse-close{flex:none;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:none;color:var(--itd-color-text);cursor:pointer}.itd-game-browse-close svg{width:1.375rem;height:1.375rem}.itd-game-browse-tabs{flex:none;display:flex;gap:.5rem;padding:1rem}.itd-game-browse-tab{flex:0 1 4.5rem;display:flex;align-items:center;justify-content:center;gap:0;height:3rem;border:0;border-radius:var(--itd-radius-control);background:var(--_browse-well);color:var(--itd-color-text);cursor:pointer;overflow:hidden;transition:flex-grow .3s ease,flex-basis .3s ease,gap .3s ease,background-color .3s ease,color .3s ease}.itd-game-browse-tab--active{flex:1 1 auto;gap:.5rem;background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-game-browse-tab-icon{display:inline-flex;flex:none}.itd-game-browse-tab-icon svg{width:1.25rem;height:1.25rem}.itd-game-browse-tab-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);text-transform:uppercase;transition:max-width .3s ease,opacity .12s ease .12s}.itd-game-browse-tab--active .itd-game-browse-tab-label{max-width:12rem;opacity:1}.itd-game-browse-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 1rem 1rem}.itd-game-browse-content::-webkit-scrollbar{display:none}.itd-game-browse-pane{display:flex;flex-direction:column;gap:.75rem}.itd-game-browse-providers{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem}.itd-game-browse-providers::-webkit-scrollbar{display:none}.itd-game-browse-chip{flex:none;display:inline-flex;align-items:center;height:1.75rem;padding:0 1.125rem;border:0;border-radius:calc(var(--itd-border-radius) * 100);background:var(--_browse-well);color:var(--itd-color-text);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);white-space:nowrap;cursor:pointer}.itd-game-browse-chip--active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-game-browse-search{display:flex;align-items:center;gap:.625rem;height:2.75rem;padding:0 1rem;border-radius:var(--itd-radius-control);background:var(--_browse-well);color:var(--itd-color-text-neutral)}.itd-game-browse-search svg{flex:none;width:1.25rem;height:1.25rem}.itd-game-browse-search input{flex:1;min-width:0;border:0;background:none;color:var(--itd-color-text);font-family:inherit;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);outline:none}.itd-game-browse-search:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}.itd-game-browse-search input::placeholder{color:var(--itd-color-text-neutral)}.itd-game-browse-search input::-webkit-search-cancel-button{appearance:none}.itd-game-browse-search-clear{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:none;color:var(--itd-color-text-neutral);cursor:pointer}.itd-game-browse-search-clear svg{width:1rem;height:1rem}.itd-game-browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .625rem}.itd-game-browse-tile{display:flex;flex-direction:column;gap:.375rem;min-width:0}.itd-game-browse-tile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--itd-color-text) 88%,#0000);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold)}.itd-game-browse-empty{padding:1.25rem;border-radius:var(--itd-radius-md);background:var(--_browse-well);color:var(--itd-color-text-neutral);font-size:var(--itd-text-15);text-align:center}.itd-game-browse-sentinel{display:grid;place-items:center;padding:.75rem;color:var(--itd-primary)}.itd-game-browse-jackpot{padding:1rem 1.25rem;border-radius:var(--itd-radius-md);background:var(--_browse-well)}.itd-game-browse-jackpot-head{display:flex;flex-direction:column;gap:.125rem;padding-bottom:.625rem}.itd-game-browse-jackpot-name{color:var(--itd-color-text);font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-bold)}.itd-game-browse-jackpot-provider{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.itd-game-browse-jackpot-tier{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2rem}.itd-game-browse-jackpot-tier-name{color:color-mix(in srgb,var(--itd-color-text) 80%,#0000);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-game-browse-jackpot-tier-amount{color:var(--itd-primary);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-game-browse-subtabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.itd-game-browse-subtab{height:2.25rem;border:0;border-radius:var(--itd-radius-control);background:var(--_browse-well);color:var(--itd-color-text);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);text-transform:uppercase;cursor:pointer}.itd-game-browse-subtab--active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-game-browse-winner{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:0;border-radius:var(--itd-radius-md);background:var(--_browse-well);color:var(--itd-color-text);text-align:left;cursor:pointer}.itd-game-browse-winner-image{flex:none;width:2.75rem;height:2.75rem;border-radius:var(--itd-radius-sm);overflow:hidden;background:var(--itd-color-background-alt)}.itd-game-browse-winner-image img{width:100%;height:100%;object-fit:cover}.itd-game-browse-winner-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.itd-game-browse-winner-username{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold)}.itd-game-browse-winner-game{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--itd-color-text-neutral);font-size:var(--itd-text-13)}.itd-game-browse-winner-amount{flex:none;color:var(--itd-primary);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-game-swipe-hint{position:absolute;top:.375rem;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:.5rem;max-width:calc(100% - 2rem)}.itd-game-swipe-hint-anim{position:relative;flex:none;display:inline-flex;align-items:center;animation:itd-game-swipe-float 1.5s ease-in-out infinite;color:var(--itd-color-text)}.itd-game-swipe-hint-arrow svg{width:1rem;height:1rem;color:var(--itd-primary)}.itd-game-swipe-hint-hand{display:inline-flex;transform:rotate(-20deg)}.itd-game-swipe-hint-hand svg{width:1.375rem;height:1.375rem}.itd-game-swipe-hint-pill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.375rem .75rem;border-radius:var(--itd-radius-pill);background:var(--itd-primary);color:var(--itd-primary-foreground);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);animation:itd-game-swipe-pulse 1s ease-in-out infinite}.itd-game-swipe-hint-close{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border:0;padding:0;border-radius:9999px;background:color-mix(in srgb,var(--itd-color-text) 12%,#0000);color:var(--itd-color-text);cursor:pointer}.itd-game-swipe-hint-close svg{width:1rem;height:1rem}@keyframes itd-game-swipe-float{0%,to{transform:translateY(.625rem);opacity:.45}50%{transform:translateY(0);opacity:1}}@keyframes itd-game-swipe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}}.itd-game-desktop .itd-game-shell-tool.itd-button{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem}
@@ -1,7 +1,7 @@
1
- @layer components{.itd-header{background:var(--itd-color-background-modal);border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13);display:flex;flex-direction:column;height:var(--itd-header-h,7.125rem);justify-content:space-between;margin-inline:auto;max-width:min(var(--site-content-width,91.75rem),100% - 2 * var(--site-content-gutter,1rem));min-height:var(--itd-header-h,7.125rem);position:sticky;top:0;width:100%;z-index:10}[data-theme=light] .itd-header{background:oklch(from var(--itd-background) .96 c h)}@supports (animation-timeline:scroll()){.itd-header{animation-timeline:scroll();animation-range:0 3rem;animation-fill-mode:both;animation-name:itd-mobile-header-shadow;animation-timing-function:linear;box-shadow:none}}.itd-header-top{align-items:center;display:flex;height:4.625rem;justify-content:space-between;min-height:4.625rem;padding:0 1rem}[data-theme=light] .itd-header-top{border-bottom:1px solid var(--itd-color-border)}.itd-header-logo{align-items:center;color:var(--itd-color-text);display:inline-flex;font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-extrabold);gap:.5rem;letter-spacing:-.02em;line-height:var(--itd-text-xl--line-height);text-decoration:none}.itd-header-logo b,.itd-header-logo svg{color:var(--itd-primary)}.itd-header-logo b{font-weight:var(--itd-font-weight-extrabold)}.itd-header-cluster{align-items:center;display:flex;gap:.375rem}[data-theme=dark] .itd-header .itd-button-outline:not([disabled]){border-color:var(
1
+ @layer components{.itd-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:min(var(--site-content-width,91.75rem),100% - 2 * var(--site-content-gutter,1rem));margin-inline:auto;height:var(--itd-header-h,7.125rem);min-height:var(--itd-header-h,7.125rem);background:var(--itd-color-background-modal);border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13)}[data-theme=light] .itd-header{background:oklch(from var(--itd-background) .96 c h)}@supports (animation-timeline:scroll()){.itd-header{box-shadow:none;animation-name:itd-mobile-header-shadow;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll();animation-range:0 3rem}}.itd-header-top{display:flex;align-items:center;justify-content:space-between;height:4.625rem;min-height:4.625rem;padding:0 1rem}[data-theme=light] .itd-header-top{border-bottom:1px solid var(--itd-color-border)}.itd-header-logo{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.02em;color:var(--itd-color-text);text-decoration:none;font-size:var(--itd-text-xl);line-height:var(--itd-text-xl--line-height);font-weight:var(--itd-font-weight-extrabold)}.itd-header-logo b,.itd-header-logo svg{color:var(--itd-primary)}.itd-header-logo b{font-weight:var(--itd-font-weight-extrabold)}.itd-header-cluster{display:flex;align-items:center;gap:.375rem}[data-theme=dark] .itd-header .itd-button-outline:not([disabled]){border-color:var(
2
2
  --site-header-outline-border,oklch(from var(--itd-background) calc(l + .24) c h/.75)
3
- )}.itd-header-sep{background:var(--itd-color-border-hover);flex:none;height:1.75rem;margin:0 .3125rem;width:1px}[data-theme=light] .itd-header-sep{background:var(--itd-color-border)}.itd-header-lang{width:5rem}.itd-header-ticker{font-feature-settings:"tnum";background:color-mix(in srgb,var(--itd-color-background-alt) 56%,#0000);border-radius:var(--itd-radius-chip,var(--itd-radius-sm));display:flex;font-size:var(--itd-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-semibold);justify-content:center;line-height:.8125rem;min-height:1.75rem;min-width:4.375rem;padding:.4375rem .375rem .375rem}.itd-header-balance,.itd-header-ticker{align-items:center;color:var(--itd-color-text)}.itd-header-balance{display:inline-flex;font-size:var(--itd-text-sm);gap:.125rem}.itd-header-balance,.itd-header-balance .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-header-eye{height:1.75rem;min-height:1.75rem;padding:0;width:1.75rem}.itd-header-bell{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border:1.5px solid var(--itd-color-border-hover);border-radius:var(--itd-radius-control);color:var(--itd-color-info);cursor:pointer;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;padding:.625rem;position:relative;transition:border-color .3s ease;width:2.5rem}.itd-header-bell:hover:where(:root:not(.itd-touch) *){background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border-color:var(--itd-primary)}.itd-header-bell:active{transform:scale(.9)}.itd-header-bell-count,.itd-mobile-header-bell-count{background:var(--itd-color-info);border-radius:9999px;color:#fff;color:oklch(1 0 0);font-size:var(--itd-header-badge-font);font-weight:var(--itd-font-weight-bold);min-width:1.125rem;padding:.0625rem .3125rem;position:absolute;right:-.75rem;text-align:center;top:-.375rem;z-index:1}.itd-header-menu{background:var(--itd-color-background-alt-hover);border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);height:2.5rem;min-height:2.5rem;overflow:hidden}[data-theme=light] .itd-header-menu{background:oklch(from var(--itd-background) .94 c h)}[data-itd-elevation=raised] .itd-header,[data-itd-elevation=raised] .itd-header-menu{background:oklch(from var(--itd-background) 1 c h)}.itd-header-menu-list{display:flex;height:2.5rem;list-style-type:none;margin:0;min-height:2.5rem;padding:0}.itd-header-menu-item a{color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-header-nav-font);font-weight:var(--itd-font-weight-semibold);gap:.5rem;height:2.5rem;line-height:.8125rem;padding:0 1rem;text-decoration:none;transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-header-menu-item .itd-header-nav-icon,.itd-header-menu-item a{align-items:center;display:flex}.itd-header-menu-item svg{flex:none;height:1rem;width:1rem}.itd-header-menu-item:last-child{margin-left:auto}.itd-header-menu-item a.active,.itd-header-menu-item a:hover:where(:root:not(.itd-touch) *){background:var(--itd-color-button-outline-hover-bg,rgba(0,0,0,.188));color:var(--itd-primary)}
3
+ )}.itd-header-sep{width:1px;height:1.75rem;margin:0 .3125rem;background:var(--itd-color-border-hover);flex:none}[data-theme=light] .itd-header-sep{background:var(--itd-color-border)}.itd-header-lang{width:5rem}.itd-header-ticker{display:flex;justify-content:center;min-width:4.375rem;min-height:1.75rem;padding:.4375rem .375rem .375rem;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));background:color-mix(in srgb,var(--itd-color-background-alt) 56%,#0000);font-size:var(--itd-text-xs);line-height:.8125rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-header-balance,.itd-header-ticker{align-items:center;color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-header-balance{display:inline-flex;gap:.125rem;font-size:var(--itd-text-sm)}.itd-header-balance .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-header-eye{width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0}.itd-header-bell{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-height:2.5rem;padding:.625rem;border-radius:var(--itd-radius-control);background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border:1.5px solid var(--itd-color-border-hover);color:var(--itd-color-info);cursor:pointer;transition:border-color .3s ease}.itd-header-bell:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-primary);background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000)}.itd-header-bell:active{transform:scale(.9)}.itd-header-bell-count,.itd-mobile-header-bell-count{position:absolute;top:-.375rem;right:-.75rem;z-index:1;min-width:1.125rem;padding:.0625rem .3125rem;border-radius:9999px;text-align:center;background:var(--itd-color-info);color:#fff;color:oklch(1 0 0);font-size:var(--itd-header-badge-font);font-weight:var(--itd-font-weight-bold)}.itd-header-menu{height:2.5rem;min-height:2.5rem;background:var(--itd-color-background-alt-hover);border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);overflow:hidden}[data-theme=light] .itd-header-menu{background:oklch(from var(--itd-background) .94 c h)}[data-itd-elevation=raised] :is(.itd-header,.itd-header-menu){background:oklch(from var(--itd-background) 1 c h)}.itd-header-menu-list{display:flex;height:2.5rem;min-height:2.5rem;margin:0;padding:0;list-style-type:none}.itd-header-menu-item a{gap:.5rem;height:2.5rem;padding:0 1rem;cursor:pointer;text-decoration:none;color:var(--itd-color-text);font-size:var(--itd-header-nav-font);line-height:.8125rem;font-weight:var(--itd-font-weight-semibold);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-header-menu-item .itd-header-nav-icon,.itd-header-menu-item a{display:flex;align-items:center}.itd-header-menu-item svg{width:1rem;height:1rem;flex:none}.itd-header-menu-item:last-child{margin-left:auto}.itd-header-menu-item a.active,.itd-header-menu-item a:hover:where(:root:not(.itd-touch) *){background:var(--itd-color-button-outline-hover-bg,#00000030);color:var(--itd-primary)}
4
4
 
5
5
  @supports (color: oklab(0% 0 0%)){
6
6
  .itd-header-menu-item a.active,.itd-header-menu-item a:hover:where(:root:not(.itd-touch) *){background:var(--itd-color-button-outline-hover-bg,oklch(0 0 0/.188))}
7
- }.itd-header-profile{margin-left:.375rem;position:relative}.itd-header-avatar{align-items:center;background:radial-gradient(120% 120% at 30% 20%,#6d3bd6 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6 0,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2) 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7) 0,#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1));border-radius:var(--itd-radius-chip,var(--itd-radius-sm));box-shadow:0 0 10px 0 #0000000f;box-shadow:0 0 10px 0 oklch(0 0 0/.06);cursor:pointer;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem;overflow:hidden;position:relative;width:2.5rem}.itd-header-avatar .itd-avatar{background:#0000;border-radius:0;height:100%;width:100%}.itd-header-avatar[data-open=true]{outline:1.5px solid var(--itd-primary)}.itd-header-dot{border:3px solid var(--itd-color-background-modal);border-radius:9999px;display:grid;place-items:center;position:absolute;right:-.1875rem;top:1.375rem;z-index:1}.itd-header-dot>span{background:var(--itd-color-success);border-radius:9999px;height:.4375rem;width:.4375rem}.itd-header-dot[data-status=disconnected]>span{background:color-mix(in srgb,var(--itd-color-text) 40%,#0000)}.itd-header-dot[data-status=reconnected]>span{background:#0000;box-shadow:inset 0 0 0 1.5px var(--itd-color-success)}.itd-header-pop{background:var(--itd-color-background-dialog,var(--itd-color-background-modal));border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);margin-top:.625rem;min-height:18rem;position:absolute;right:0;top:2.5rem;transform-origin:94.4% 1%;width:18rem;will-change:opacity,transform;z-index:6}.itd-header-pop:before{content:"";height:calc(100% + 1.25rem);position:absolute;right:0;top:-.625rem;width:100%}.itd-header-pop-user{align-items:center;display:grid;gap:.625rem;grid-template-columns:3.125rem 1fr;padding:1rem;position:relative}.itd-header-pop-photo{background:radial-gradient(120% 120% at 30% 20%,#6d3bd6 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6 0,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2) 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7) 0,#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1));border-radius:var(--itd-radius-sm);height:3.125rem;overflow:hidden;width:3.125rem}.itd-header-pop-photo .itd-avatar{background:#0000;border-radius:0;height:100%;width:100%}.itd-header-pop-id{display:flex;flex-direction:column;gap:.125rem;min-width:0}.itd-header-pop-id>span:first-child{color:var(--itd-primary);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.itd-header-pop-id>span:last-child{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-header-pop-sep{border:0;border-top:1px solid var(--itd-color-border-hover);margin:0;position:relative}[data-theme=light] .itd-header-pop-sep{border-top-color:var(--itd-color-border)}.itd-header-pop-lang,.itd-header-pop-menu,.itd-header-pop-out{padding:.5rem;position:relative}.itd-header-pop-menu{display:flex;flex-direction:column;gap:.125rem}.itd-header-pop-menu .itd-button,.itd-header-pop-out .itd-button{justify-content:flex-start;width:100%}.itd-header-pop-lang{align-items:center;color:var(--itd-color-text-neutral);display:flex;font-size:var(--itd-header-nav-font);font-weight:var(--itd-font-weight-semibold);gap:.5rem;justify-content:space-between;padding:.75rem 1rem .75rem 1.5rem}.itd-header-pop-lang .itd-select{width:8.75rem}.itd-mobile-header{background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 92%,var(--itd-color-text)) 100%);box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13);display:flex;flex-direction:column;height:var(--itd-mobile-header-h);justify-content:center;min-height:var(--itd-mobile-header-h);position:sticky;top:0;z-index:10}[data-theme=light] .itd-mobile-header{background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 100%,var(--itd-color-text)) 100%)}[data-itd-elevation=raised] .itd-mobile-header{background:linear-gradient(0deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 95%,var(--itd-color-text)) 100%)}@supports (animation-timeline:scroll()){.itd-mobile-header{animation-timeline:scroll();animation-range:0 3rem;animation-fill-mode:both;animation-name:itd-mobile-header-shadow;animation-timing-function:linear;box-shadow:none}}@keyframes itd-mobile-header-shadow{0%{box-shadow:0 1.25rem 1.25rem 0 #0000;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/0)}to{box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13)}}.itd-mobile-header-top{align-items:center;display:flex;justify-content:space-between;padding:0 1rem}.itd-mobile-header-logo{align-items:center;color:var(--itd-color-text);display:inline-flex;font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-extrabold);gap:.375rem;letter-spacing:-.02em;text-decoration:none}.itd-mobile-header-logo svg{color:var(--itd-primary)}.itd-mobile-header-logo b{color:var(--itd-primary);font-weight:var(--itd-font-weight-extrabold)}.itd-mobile-header-cluster{align-items:center;display:flex;gap:.375rem}.itd-mobile-header-login{border:.125rem solid color-mix(in srgb,var(--itd-color-text) 25%,#0000);color:var(--itd-color-text);height:2.25rem}.itd-mobile-header-login,.itd-mobile-header-signup{border-radius:var(--itd-radius-chip);font-weight:var(--itd-font-weight-bold)}.itd-mobile-header-balance{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border:1.5px solid var(--itd-color-border-hover);border-radius:var(--itd-radius-control);display:grid;gap:.375rem;grid-auto-flow:column;height:2.5rem;padding:.25rem .25rem .25rem .75rem}.itd-mobile-header-balance-amount{background:#0000;border:0;color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-extrabold);padding:0}.itd-mobile-header-balance .itd-button{height:1.75rem;min-height:1.75rem;padding:0;width:1.75rem}.itd-mobile-header-balance .itd-button svg{stroke-width:3}.itd-mobile-header-bell{align-items:center;background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border:1.5px solid var(--itd-color-border-hover);border-radius:var(--itd-radius-control);color:var(--itd-color-info);display:flex;justify-content:center;padding:.625rem}.itd-mobile-header-avatar,.itd-mobile-header-bell{cursor:pointer;height:2.5rem;position:relative;width:2.5rem}.itd-mobile-header-avatar{background:radial-gradient(120% 120% at 30% 20%,#6d3bd6 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6 0,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2) 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7) 0,#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1));border:1.5px solid var(--itd-color-border-hover);border-radius:9999px;overflow:visible;padding:0}.itd-mobile-header-avatar .itd-avatar{background:#0000;height:100%;width:100%}.itd-mobile-header-dot{border:2.5px solid var(--itd-color-border-hover);border-radius:9999px;display:grid;place-items:center;position:absolute;right:0;top:1.625rem}.itd-mobile-header-dot>span{background:var(--itd-color-success);border-radius:9999px;height:.375rem;width:.375rem}}
7
+ }.itd-header-profile{position:relative;margin-left:.375rem}.itd-header-avatar{width:2.5rem;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));box-shadow:0 0 10px 0 #0000000f;box-shadow:0 0 10px 0 oklch(0 0 0/.06);background:radial-gradient(120% 120% at 30% 20%,#6d3bd6,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2),#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7),#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1))}.itd-header-avatar .itd-avatar{background:#0000;width:100%;height:100%;border-radius:0}.itd-header-avatar[data-open=true]{outline:1.5px solid var(--itd-primary)}.itd-header-dot{position:absolute;top:1.375rem;right:-.1875rem;display:grid;place-items:center;border:3px solid var(--itd-color-background-modal);border-radius:9999px;z-index:1}.itd-header-dot>span{width:.4375rem;height:.4375rem;border-radius:9999px;background:var(--itd-color-success)}.itd-header-dot[data-status=disconnected]>span{background:color-mix(in srgb,var(--itd-color-text) 40%,#0000)}.itd-header-dot[data-status=reconnected]>span{background:#0000;box-shadow:inset 0 0 0 1.5px var(--itd-color-success)}.itd-header-pop{position:absolute;right:0;top:2.5rem;margin-top:.625rem;width:18rem;min-height:18rem;z-index:6;background:var(--itd-color-background-dialog,var(--itd-color-background-modal));border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);will-change:opacity,transform;transform-origin:94.4% 1%}.itd-header-pop:before{content:"";position:absolute;top:-.625rem;right:0;width:100%;height:calc(100% + 1.25rem)}.itd-header-pop-user{display:grid;grid-template-columns:3.125rem 1fr;gap:.625rem;align-items:center;padding:1rem;position:relative}.itd-header-pop-photo{width:3.125rem;height:3.125rem;border-radius:var(--itd-radius-sm);overflow:hidden;background:radial-gradient(120% 120% at 30% 20%,#6d3bd6,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2),#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7),#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1))}.itd-header-pop-photo .itd-avatar{background:#0000;width:100%;height:100%;border-radius:0}.itd-header-pop-id{display:flex;flex-direction:column;gap:.125rem;min-width:0}.itd-header-pop-id>span:first-child{color:var(--itd-primary);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.itd-header-pop-id>span:last-child{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-header-pop-sep{border:0;border-top:1px solid var(--itd-color-border-hover);margin:0;position:relative}[data-theme=light] .itd-header-pop-sep{border-top-color:var(--itd-color-border)}.itd-header-pop-lang,.itd-header-pop-menu,.itd-header-pop-out{padding:.5rem;position:relative}.itd-header-pop-menu{display:flex;flex-direction:column;gap:.125rem}:is(.itd-header-pop-menu,.itd-header-pop-out) .itd-button{width:100%;justify-content:flex-start}.itd-header-pop-lang{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem .75rem 1.5rem;color:var(--itd-color-text-neutral);font-size:var(--itd-header-nav-font);font-weight:var(--itd-font-weight-semibold)}.itd-header-pop-lang .itd-select{width:8.75rem}.itd-mobile-header{position:sticky;top:0;z-index:10;height:var(--itd-mobile-header-h);min-height:var(--itd-mobile-header-h);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 92%,var(--itd-color-text)) 100%);box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13)}[data-theme=light] .itd-mobile-header{background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 100%,var(--itd-color-text)) 100%)}[data-itd-elevation=raised] .itd-mobile-header{background:linear-gradient(0deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 95%,var(--itd-color-text)) 100%)}@supports (animation-timeline:scroll()){.itd-mobile-header{box-shadow:none;animation-name:itd-mobile-header-shadow;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll();animation-range:0 3rem}}@keyframes itd-mobile-header-shadow{0%{box-shadow:0 1.25rem 1.25rem 0 #0000;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/0)}to{box-shadow:0 1.25rem 1.25rem 0 #00000021;box-shadow:0 1.25rem 1.25rem 0 oklch(0 0 0/.13)}}.itd-mobile-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.itd-mobile-header-logo{display:inline-flex;align-items:center;gap:.375rem;letter-spacing:-.02em;color:var(--itd-color-text);text-decoration:none;font-size:var(--itd-text-base,1rem);font-weight:var(--itd-font-weight-extrabold)}.itd-mobile-header-logo svg{color:var(--itd-primary)}.itd-mobile-header-logo b{color:var(--itd-primary);font-weight:var(--itd-font-weight-extrabold)}.itd-mobile-header-cluster{display:flex;align-items:center;gap:.375rem}.itd-mobile-header-login{height:2.25rem;border:.125rem solid color-mix(in srgb,var(--itd-color-text) 25%,#0000);color:var(--itd-color-text)}.itd-mobile-header-login,.itd-mobile-header-signup{border-radius:var(--itd-radius-chip);font-weight:var(--itd-font-weight-bold)}.itd-mobile-header-balance{display:grid;grid-auto-flow:column;align-items:center;gap:.375rem;height:2.5rem;padding:.25rem .25rem .25rem .75rem;border-radius:var(--itd-radius-control);background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);border:1.5px solid var(--itd-color-border-hover)}.itd-mobile-header-balance-amount{border:0;background:#0000;padding:0;cursor:pointer;color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-extrabold)}.itd-mobile-header-balance .itd-button{width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0}.itd-mobile-header-balance .itd-button svg{stroke-width:3}.itd-mobile-header-bell{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:var(--itd-radius-control);background:color-mix(in srgb,var(--itd-color-background-modal) 55%,#0000);color:var(--itd-color-info)}.itd-mobile-header-avatar,.itd-mobile-header-bell{position:relative;width:2.5rem;height:2.5rem;border:1.5px solid var(--itd-color-border-hover);cursor:pointer}.itd-mobile-header-avatar{border-radius:9999px;background:radial-gradient(120% 120% at 30% 20%,#6d3bd6,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2d6bd6,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);background:radial-gradient(120% 120% at 30% 20%,oklch(.508 .221 291.2),#0000 60%),radial-gradient(120% 120% at 80% 70%,oklch(.548 .177 260.7),#0000 60%),linear-gradient(180deg,oklch(.294 .066 263.8),oklch(.209 .053 262.1));overflow:visible;padding:0}.itd-mobile-header-avatar .itd-avatar{background:#0000;width:100%;height:100%}.itd-mobile-header-dot{position:absolute;top:1.625rem;right:0;display:grid;place-items:center;border:2.5px solid var(--itd-color-border-hover);border-radius:9999px}.itd-mobile-header-dot>span{width:.375rem;height:.375rem;border-radius:9999px;background:var(--itd-color-success)}}
package/dist/css/help.css CHANGED
@@ -1 +1 @@
1
- @layer components{.itd-help{--_wash:var(--itd-box-wash);--_sticky:var(--itd-help-sticky-top,var(--itd-header-h,7.125rem));color:var(--itd-color-text);position:relative;width:100%}.itd-mobile .itd-help{--_sticky:var(--itd-help-sticky-top,var(--itd-mobile-header-h,3.25rem))}.itd-help-title{align-items:center;color:var(--itd-color-text);display:flex;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);height:3.75rem;position:sticky;top:var(--itd-help-title-top,var(--_sticky));transform:translateY(var(--itd-announcement-scroll-offset,0));transition:opacity .2s ease;width:100%;will-change:transform;z-index:1}.itd-help-title[data-hidden]{opacity:0}.itd-help-body{align-items:flex-start;column-gap:1.25rem;display:flex;flex-wrap:wrap}.itd-help-rail{align-self:flex-start;background-color:var(--_wash);border-radius:var(--itd-radius-sm);display:flex;flex:0 0 auto;flex-direction:column;gap:.125rem;min-height:6.25rem;padding:.625rem;position:sticky;top:var(--itd-help-rail-top,calc(var(--_sticky) + 3.75rem));transform:translateY(var(--itd-announcement-scroll-offset,0));width:16.25rem;will-change:transform;z-index:2}.itd-help-rail .itd-button{justify-content:flex-start;width:100%}.itd-help-rail .itd-button .itd-button-content{gap:.5rem;justify-content:flex-start;width:100%}.itd-help-rail .itd-button span{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);line-height:1rem;text-align:left}.itd-help-nav-icon{align-items:center;display:inline-flex;min-width:1rem}.itd-help-nav-icon svg{height:1rem;width:1rem}.itd-help-content{background-color:var(--_wash);border-radius:var(--itd-radius-sm);flex:1 1 0%;min-height:36.25rem;padding:2.5rem 1.875rem;width:60%}.itd-help-skeleton{display:grid;gap:.3125rem}.itd-help-skeleton-gap{display:block}.itd-help-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:20rem;text-align:center}.itd-help-empty h3{color:var(--itd-primary);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);margin:0}.itd-help-empty>span{color:var(--site-footer-ink,var(--itd-color-text-muted));font-size:var(--itd-text-13);line-height:1.1rem}.itd-mobile .itd-help-top{background:var(--itd-background);margin:0 -1rem;padding:1rem;position:sticky;top:var(--itd-help-title-top,var(--_sticky));transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform;z-index:2}.itd-mobile .itd-help-title{background:none;height:2rem;margin-bottom:.5rem;position:static;transform:none;will-change:auto;z-index:auto}.itd-help-picker,.itd-help-picker .itd-select{width:100%}.itd-help-svg svg path{fill:currentColor}.itd-help-picker .itd-select .itd-svg svg{display:block;height:1rem;width:1rem}.itd-help-picker .itd-select .itd-svg svg path{fill:currentColor}}
1
+ @layer components{.itd-help{width:100%;position:relative;color:var(--itd-color-text);--_wash:var(--itd-box-wash);--_sticky:var(--itd-help-sticky-top, var(--itd-header-h, 7.125rem))}.itd-mobile .itd-help{--_sticky:var(--itd-help-sticky-top, var(--itd-mobile-header-h, 3.25rem))}.itd-help-title{position:sticky;top:var(--itd-help-title-top,var(--_sticky));z-index:1;transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform;display:flex;align-items:center;width:100%;height:3.75rem;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text);transition:opacity .2s ease}.itd-help-title[data-hidden]{opacity:0}.itd-help-body{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:1.25rem}.itd-help-rail{position:sticky;top:var(--itd-help-rail-top,calc(var(--_sticky) + 3.75rem));z-index:2;transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform;flex:0 0 auto;align-self:flex-start;width:16.25rem;min-height:6.25rem;padding:.625rem;display:flex;flex-direction:column;gap:.125rem;background-color:var(--_wash);border-radius:var(--itd-radius-sm)}.itd-help-rail .itd-button{width:100%;justify-content:flex-start}.itd-help-rail .itd-button .itd-button-content{width:100%;justify-content:flex-start;gap:.5rem}.itd-help-rail .itd-button span{font-size:var(--itd-text-13);line-height:1rem;font-weight:var(--itd-font-weight-medium);text-align:left}.itd-help-nav-icon{display:inline-flex;align-items:center;min-width:1rem}.itd-help-nav-icon svg{width:1rem;height:1rem}.itd-help-content{flex:1 1 0%;width:60%;min-height:36.25rem;padding:2.5rem 1.875rem;background-color:var(--_wash);border-radius:var(--itd-radius-sm)}.itd-help-skeleton{display:grid;gap:.3125rem}.itd-help-skeleton-gap{display:block}.itd-help-empty{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.itd-help-empty h3{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-help-empty>span{font-size:var(--itd-text-13);line-height:1.1rem;color:var(--site-footer-ink,var(--itd-color-text-muted))}.itd-mobile .itd-help-top{position:sticky;top:var(--itd-help-title-top,var(--_sticky));z-index:2;margin:0 -1rem;padding:1rem;background:var(--itd-background);transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform}.itd-mobile .itd-help-title{position:static;z-index:auto;height:2rem;background:none;transform:none;will-change:auto;margin-bottom:.5rem}.itd-help-picker,.itd-help-picker .itd-select{width:100%}.itd-help-svg svg path{fill:currentColor}.itd-help-picker .itd-select .itd-svg svg{width:1rem;height:1rem;display:block}.itd-help-picker .itd-select .itd-svg svg path{fill:currentColor}}
@@ -1 +1 @@
1
- @layer components{.itd-box-title{align-items:center;display:flex;flex-direction:row;gap:.625rem;height:2.125rem;margin-bottom:.625rem}.itd-box-title[data-search=true]{margin-bottom:1.25rem}.itd-box-title span{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-box-title-action.itd-button{border-radius:calc(infinity*1px);padding:0}.itd-box-title-action.itd-button:not(:disabled){background-color:var(--itd-surface-box);color:var(--itd-color-text)}.itd-box-title-action.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),.itd-box-title-action.itd-button[aria-expanded=true]:not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .92)) calc(c * .8) h)}.itd-box-title-action.itd-button .itd-box-title-action-icon{align-items:center;color:var(--itd-color-text);display:inline-flex;height:1rem;justify-content:center;transition:width .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1)),height .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1)),color .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1));width:1rem}.itd-box-title-action.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled) .itd-box-title-action-icon{color:var(--itd-primary)}.itd-box-title-action.itd-button[aria-expanded=true] .itd-box-title-action-icon{height:1.875rem;width:1.875rem}.itd-box-title-action.itd-button .itd-box-title-action-icon svg:not(.itd-spinner){color:inherit;height:100%;width:100%}.itd-box-title-action.itd-button[aria-expanded=true] .itd-box-title-action-icon svg circle{fill:currentColor;stroke:none;opacity:.25}.itd-box-title-search{position:relative}.itd-box-title-search input{background:none;border:none;color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold);margin:-1px 0 0;outline:none;padding:0}.itd-box-title-search input::placeholder{color:var(--itd-color-text-neutral)}.itd-box-title-search:before{border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000);content:"";display:block;height:100%;margin-top:.625rem;padding-bottom:.625rem;pointer-events:none;position:absolute;width:100%}.itd-banner{aspect-ratio:12/1;border-radius:var(--itd-border-radius);display:grid;overflow:hidden;padding:0 1.5rem;place-items:center;position:relative;text-align:center;text-decoration:none}.itd-banner-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.itd-banner picture{display:contents}.itd-banner-skeleton{height:100%;inset:0;position:absolute;width:100%}.itd-banner[role=button]{cursor:pointer}.itd-banner[role=button]:focus-visible,a.itd-banner:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-layout-boxes{display:grid;gap:var(--itd-layout-gap,1.25rem);grid-template-columns:repeat(var(--itd-layout-columns,4),1fr)}.itd-mobile .itd-layout-boxes{gap:var(--itd-layout-gap,.5rem)}.itd-featured-games{display:grid;gap:1.25rem;grid-auto-flow:column;grid-template-columns:minmax(0,484fr) repeat(5,minmax(0,440fr));grid-template-rows:repeat(2,auto)}.itd-featured-games-lead{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-border-radius);contain:size;grid-column:1;grid-row:1/3;overflow:hidden;position:relative}.itd-featured-games-lead-link{background:none;border:0;cursor:pointer;display:block;inset:0;padding:0;position:absolute}.itd-featured-games-lead-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.itd-featured-games-lead picture{display:contents}.itd-featured-games-lead-skeleton{height:100%;inset:0;position:absolute;width:100%}.itd-featured-games-tiles{display:contents}.itd-games-grid{display:grid;gap:.625rem;grid-template-columns:repeat(var(--itd-games-columns,6),1fr)}}.itd-box-title-action.itd-button{height:2.125rem;min-height:2.125rem;min-width:2.125rem;width:2.125rem}
1
+ @layer components{.itd-box-title{display:flex;flex-direction:row;align-items:center;gap:.625rem;height:2.125rem;margin-bottom:.625rem}.itd-box-title[data-search=true]{margin-bottom:1.25rem}.itd-box-title span{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-box-title-action.itd-button{padding:0;border-radius:calc(infinity * 1px)}.itd-box-title-action.itd-button:not(:disabled){background-color:var(--itd-surface-box);color:var(--itd-color-text)}.itd-box-title-action.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),.itd-box-title-action.itd-button[aria-expanded=true]:not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .92)) calc(c * .8) h)}.itd-box-title-action.itd-button .itd-box-title-action-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--itd-color-text);transition:width .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1)),height .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1)),color .2s var(--itd-transition-timing-function,cubic-bezier(.075,.82,.165,1))}.itd-box-title-action.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled) .itd-box-title-action-icon{color:var(--itd-primary)}.itd-box-title-action.itd-button[aria-expanded=true] .itd-box-title-action-icon{width:1.875rem;height:1.875rem}.itd-box-title-action.itd-button .itd-box-title-action-icon svg:not(.itd-spinner){width:100%;height:100%;color:inherit}.itd-box-title-action.itd-button[aria-expanded=true] .itd-box-title-action-icon svg circle{fill:currentColor;stroke:none;opacity:.25}.itd-box-title-search{position:relative}.itd-box-title-search input{margin:-1px 0 0;padding:0;border:none;background:none;outline:none;color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold)}.itd-box-title-search input::placeholder{color:var(--itd-color-text-neutral)}.itd-box-title-search:before{content:"";display:block;position:absolute;width:100%;height:100%;padding-bottom:.625rem;margin-top:.625rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000);pointer-events:none}.itd-banner{display:grid;place-items:center;aspect-ratio:12/1;border-radius:var(--itd-border-radius);overflow:hidden;position:relative;text-align:center;padding:0 1.5rem;text-decoration:none}.itd-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.itd-banner picture{display:contents}.itd-banner-skeleton{position:absolute;inset:0;width:100%;height:100%}.itd-banner[role=button]{cursor:pointer}.itd-banner[role=button]:focus-visible,a.itd-banner:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-layout-boxes{display:grid;grid-template-columns:repeat(var(--itd-layout-columns,4),1fr);gap:var(--itd-layout-gap,1.25rem)}.itd-mobile .itd-layout-boxes{gap:var(--itd-layout-gap,.5rem)}.itd-featured-games{display:grid;grid-template-columns:minmax(0,484fr) repeat(5,minmax(0,440fr));grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:1.25rem}.itd-featured-games-lead{grid-row:1/3;grid-column:1;contain:size;position:relative;border-radius:var(--itd-border-radius);overflow:hidden;background:var(--itd-color-background-alt-hover)}.itd-featured-games-lead-link{position:absolute;inset:0;display:block;padding:0;border:0;background:none;cursor:pointer}.itd-featured-games-lead-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.itd-featured-games-lead picture{display:contents}.itd-featured-games-lead-skeleton{position:absolute;inset:0;width:100%;height:100%}.itd-featured-games-tiles{display:contents}.itd-games-grid{display:grid;grid-template-columns:repeat(var(--itd-games-columns,6),1fr);gap:.625rem}}.itd-box-title-action.itd-button{width:2.125rem;height:2.125rem;min-width:2.125rem;min-height:2.125rem}
@@ -1 +1 @@
1
- @layer components{.itd-hovercard-content{max-width:300px;min-width:200px;padding:calc(var(--itd-spacing)*4)}}
1
+ @layer components{.itd-hovercard-content{min-width:200px;max-width:300px;padding:calc(var(--itd-spacing) * 4)}}
@@ -1 +1 @@
1
- @layer components{:is(.itd-categories-strip,.itd-jackpot-tiers-strip){--itd-strip-fade-from:oklch(from var(--itd-background) l c h);--itd-strip-icon-size:1rem;border-radius:var(--itd-radius-md);height:100%;min-width:0;overflow:hidden;position:relative;width:100%}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{display:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .react-horizontal-scrolling-menu--scroll-container{gap:.375rem;scrollbar-width:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left,:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-right{border:0;border-radius:0;cursor:pointer;height:100%;padding:0;position:absolute;top:0;transform:none;transition:opacity .15s ease-out;-webkit-user-select:none;user-select:none;width:2.875rem;z-index:2}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left[data-disabled=true],:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-right[data-disabled=true]{opacity:0;pointer-events:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left{left:0}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-right{background-image:linear-gradient(to left,var(--itd-strip-fade-from) 0,oklch(from var(--itd-strip-fade-from) l c h/0) 100%);right:0}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left{background-image:linear-gradient(to right,var(--itd-strip-fade-from) 0,oklch(from var(--itd-strip-fade-from) l c h/0) 100%)}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .icon-wrapper{align-items:center;color:var(--itd-color-text);display:flex;justify-content:center;pointer-events:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .icon-wrapper svg:not(.itd-spinner){height:var(--itd-strip-icon-size);width:var(--itd-strip-icon-size)}}
1
+ @layer components{:is(.itd-categories-strip,.itd-jackpot-tiers-strip){position:relative;height:100%;width:100%;min-width:0;overflow:hidden;border-radius:var(--itd-radius-md);--itd-strip-fade-from:oklch(from var(--itd-background) l c h);--itd-strip-icon-size:1rem}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{display:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .react-horizontal-scrolling-menu--scroll-container{scrollbar-width:none;gap:.375rem}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) :is(.arrow-left,.arrow-right){position:absolute;top:0;height:100%;width:2.875rem;padding:0;border:0;border-radius:0;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease-out;transform:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) :is(.arrow-left[data-disabled=true],.arrow-right[data-disabled=true]){opacity:0;pointer-events:none}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left{left:0}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-right{right:0;background-image:linear-gradient(to left,var(--itd-strip-fade-from) 0,oklch(from var(--itd-strip-fade-from) l c h/0) 100%)}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .arrow-left{background-image:linear-gradient(to right,var(--itd-strip-fade-from) 0,oklch(from var(--itd-strip-fade-from) l c h/0) 100%)}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .icon-wrapper{display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--itd-color-text)}:is(.itd-categories-strip,.itd-jackpot-tiers-strip) .icon-wrapper svg:not(.itd-spinner){width:var(--itd-strip-icon-size);height:var(--itd-strip-icon-size)}}
@@ -1 +1 @@
1
- @layer components{.itd-h1 span{font-size:calc(var(--itd-text-xl) + .125rem)}.itd-h1 span,.itd-h2 span{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-h2 span{font-size:var(--itd-text-lg)}.itd-h3 span{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.itd-h3 span,.itd-h4 span{color:var(--itd-color-text)}.itd-h4 span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium)}}
1
+ @layer components{.itd-h1 span{font-size:calc(var(--itd-text-xl) + .125rem)}.itd-h1 span,.itd-h2 span{font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-h2 span{font-size:var(--itd-text-lg)}.itd-h3 span{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.itd-h3 span,.itd-h4 span{color:var(--itd-color-text)}.itd-h4 span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium)}}
@@ -1 +1 @@
1
- @layer components{img.itd-image{-webkit-user-select:none;user-select:none}img.itd-image[data-show=false]{display:none}.itd-image-error-broken{display:grid;place-content:center;place-items:center}.itd-image-broken-placeholder{grid-area:1/1;height:100%;width:100%}.itd-image-broken-icon{color:var(--itd-image-broken-ink,color-mix(in srgb,var(--itd-color-text) 18%,#0000));display:grid;grid-area:1/1;place-items:center}}
1
+ @layer components{img.itd-image{-webkit-user-select:none;user-select:none}img.itd-image[data-show=false]{display:none}.itd-image-error-broken{display:grid;place-items:center;place-content:center}.itd-image-broken-placeholder{grid-area:1/1;width:100%;height:100%}.itd-image-broken-icon{grid-area:1/1;display:grid;place-items:center;color:var(--itd-image-broken-ink,color-mix(in srgb,var(--itd-color-text) 18%,#0000))}}
@@ -1 +1 @@
1
- @layer components{.itd-input{align-items:center;border:1px solid #0000;border-radius:var(--itd-radius-control);display:flex;justify-content:space-between;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:inherit}.itd-input input{border:none;color:var(--itd-color-text-input,var(--itd-color-text));display:block;height:100%;width:100%}:is(.itd-input input)::placeholder{color:var(--itd-color-placeholder)}:is(.itd-input input):disabled{cursor:not-allowed}[data-locked]:is(.itd-input input){pointer-events:none}:is(.itd-input input):-webkit-autofill{-webkit-text-fill-color:var(--itd-color-text);-webkit-box-shadow:inset 0 0 0 1.875rem #0000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:is(.itd-input input):-webkit-autofill:first-line{font-size:inherit}.itd-input.itd-input-disabled{cursor:not-allowed}.itd-input-content{align-items:center;display:grid;grid-auto-flow:column;grid-template-columns:1fr;justify-content:flex-start;width:100%}.itd-input-content[data-has-prefix][data-has-suffix]{grid-template-columns:auto 1fr auto}.itd-input-content[data-has-prefix]:not([data-has-suffix]){grid-template-columns:auto 1fr}.itd-input-content[data-has-suffix]:not([data-has-prefix]){grid-template-columns:1fr auto}.itd-input-content.itd-input-sm input,.itd-input-content.itd-input-xs input{padding:0 calc(var(--itd-spacing)*2.5)}.itd-input-content.itd-input-df input,.itd-input-content.itd-input-md input{padding:0 calc(var(--itd-spacing)*3)}.itd-input-content.itd-input-lg input,.itd-input-content.itd-input-xlg input{padding:0 calc(var(--itd-spacing)*3.75)}.itd-input-middle{height:100%;justify-self:flex-start;width:100%}.itd-input-icons-wrapper{grid-gap:calc(var(--itd-spacing)*1.25);display:grid;grid-auto-flow:column;grid-template-columns:1fr;justify-items:flex-end;margin-inline-end:calc(var(--itd-spacing)*3)}.itd-input-prefix{align-items:center;display:flex;height:100%;margin-inline-start:calc(var(--itd-spacing)*2.5)}.itd-input-prefix span{transition:color .3s ease-out}.itd-input-suffix{align-items:center;display:flex;gap:calc(var(--itd-spacing)*1.25);height:100%}.itd-input-suffix span{transition:color .3s ease-out}.itd-input-suffix.itd-input-password-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.itd-input-suffix.itd-input-password-toggle svg{color:var(--itd-color-text-neutral);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-input-suffix.itd-input-password-toggle:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}.itd-input-addon-after,.itd-input-addon-before,.itd-input-locked{align-items:center;color:var(--itd-color-text-neutral);display:flex;height:100%}.itd-input-addon-after,.itd-input-addon-before{background-color:var(--itd-input-addon-bg,var(--itd-color-background-alt-hover));justify-content:center}:is(.itd-input-addon-before,.itd-input-addon-after) span{transition:color .3s ease-out}.itd-input-addon-before{border-radius:var(--itd-radius-control) 0 0 var(--itd-radius-control)}.itd-input-addon-after{border-radius:0 var(--itd-radius-control) var(--itd-radius-control) 0}.itd-input-addon-after.itd-input-sm,.itd-input-addon-after.itd-input-xs,.itd-input-addon-before.itd-input-sm,.itd-input-addon-before.itd-input-xs{padding:0 calc(var(--itd-spacing)*2.5)}.itd-input-addon-after.itd-input-df,.itd-input-addon-after.itd-input-md,.itd-input-addon-before.itd-input-df,.itd-input-addon-before.itd-input-md{padding:0 calc(var(--itd-spacing)*3)}.itd-input-addon-after.itd-input-lg,.itd-input-addon-after.itd-input-xlg,.itd-input-addon-before.itd-input-lg,.itd-input-addon-before.itd-input-xlg{padding:0 calc(var(--itd-spacing)*3.75)}.itd-input-status{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.itd-input-status[data-icon=i]:before{border-radius:3.125rem;padding:var(--itd-spacing)}.itd-input-status svg circle{fill:var(--itd-color-error)}.itd-input-status svg path{fill:var(--itd-color-error-text)}.itd-input-failed{color:var(--itd-color-text)}.itd-input-failed:before{background-color:var(--itd-color-error)}.itd-input.itd-input-xs .itd-input-addon-after,.itd-input.itd-input-xs .itd-input-addon-before,.itd-input.itd-input-xs .itd-input-prefix,.itd-input.itd-input-xs .itd-input-suffix,.itd-input.itd-input-xs input{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw);height:var(--itd-size-xs-h);line-height:var(--itd-size-xs-font)}.itd-input.itd-input-sm .itd-input-addon-after,.itd-input.itd-input-sm .itd-input-addon-before,.itd-input.itd-input-sm .itd-input-prefix,.itd-input.itd-input-sm .itd-input-suffix,.itd-input.itd-input-sm input{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);height:var(--itd-size-sm-h);line-height:var(--itd-size-sm-font)}.itd-input.itd-input-md .itd-input-addon-after,.itd-input.itd-input-md .itd-input-addon-before,.itd-input.itd-input-md .itd-input-prefix,.itd-input.itd-input-md .itd-input-suffix,.itd-input.itd-input-md input{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw);height:var(--itd-size-md-h);line-height:var(--itd-size-md-font)}.itd-input.itd-input-df .itd-input-addon-after,.itd-input.itd-input-df .itd-input-addon-before,.itd-input.itd-input-df .itd-input-prefix,.itd-input.itd-input-df .itd-input-suffix,.itd-input.itd-input-df input{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:var(--itd-size-df-h);line-height:var(--itd-size-df-font)}.itd-input.itd-input-lg .itd-input-addon-after,.itd-input.itd-input-lg .itd-input-addon-before,.itd-input.itd-input-lg .itd-input-prefix,.itd-input.itd-input-lg .itd-input-suffix,.itd-input.itd-input-lg input{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);height:var(--itd-size-lg-h);line-height:var(--itd-size-lg-font)}.itd-input.itd-input-xlg .itd-input-addon-after,.itd-input.itd-input-xlg .itd-input-addon-before,.itd-input.itd-input-xlg .itd-input-prefix,.itd-input.itd-input-xlg .itd-input-suffix,.itd-input.itd-input-xlg input{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw);height:var(--itd-size-xlg-h);line-height:var(--itd-size-xlg-font)}.itd-input.itd-input-default{background-color:var(--itd-color-background-bordered);border:1px solid #0000;border-color:var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-input.itd-input-default:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){border-color:var(--itd-color-border-hover)}.itd-input.itd-input-default.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-default.itd-input-disabled input,:is(.itd-input.itd-input-default.itd-input-disabled input,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-filled{background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:0}.itd-input.itd-input-filled:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.focused{background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-filled.itd-input-disabled input,:is(.itd-input.itd-input-filled.itd-input-disabled input,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed .itd-error-border{border-style:dashed}.itd-input.itd-input-dashed:after{border:1px dashed #0000;border-color:var(--itd-color-border);border-radius:var(--itd-radius-control);content:"";height:calc(100% + 2px);left:-1px;pointer-events:none;position:absolute;top:-1px;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:calc(100% + 2px)}.itd-input.itd-input-dashed:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled):after{border-color:var(--itd-color-border-hover)}.itd-input.itd-input-dashed.itd-input-disabled{background-color:var(--itd-color-disabled-bg)}.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-dashed.itd-input-disabled input,:is(.itd-input.itd-input-dashed.itd-input-disabled input,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed.itd-input-disabled:after{border-color:var(--itd-color-disabled-border)}.itd-input.itd-input-custom.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-dashed.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-default.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-filled.keyboard-focus:not(.itd-input-error){outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-input.itd-input-custom.keyboard-focus.itd-input-error,.itd-input.itd-input-dashed.keyboard-focus.itd-input-error,.itd-input.itd-input-default.keyboard-focus.itd-input-error,.itd-input.itd-input-filled.keyboard-focus.itd-input-error{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-input.itd-input-custom.focused,.itd-input.itd-input-custom.keyboard-focus,.itd-input.itd-input-dashed.focused:after,.itd-input.itd-input-dashed.keyboard-focus:after,.itd-input.itd-input-default.focused,.itd-input.itd-input-default.keyboard-focus{border-color:var(--itd-color-border-focus)}.itd-input.itd-input-dashed.itd-input-error:after{border-color:var(--itd-color-error-border)}.itd-input-lock-icon{fill:var(--itd-color-icon-muted)}}
1
+ @layer components{.itd-input{width:inherit;position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:var(--itd-radius-control);border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-input input{display:block;width:100%;height:100%;border:none;color:var(--itd-color-text-input,var(--itd-color-text))}:is(.itd-input input)::placeholder{color:var(--itd-color-placeholder)}:is(.itd-input input):disabled{cursor:not-allowed}[data-locked]:is(.itd-input input){pointer-events:none}:is(.itd-input input):-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1.875rem #0000;-webkit-text-fill-color:var(--itd-color-text);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:is(.itd-input input):-webkit-autofill:first-line{font-size:inherit}.itd-input.itd-input-disabled{cursor:not-allowed}.itd-input-content{display:grid;grid-auto-flow:column;align-items:center;width:100%;justify-content:flex-start;grid-template-columns:1fr}.itd-input-content[data-has-prefix][data-has-suffix]{grid-template-columns:auto 1fr auto}.itd-input-content[data-has-prefix]:not([data-has-suffix]){grid-template-columns:auto 1fr}.itd-input-content[data-has-suffix]:not([data-has-prefix]){grid-template-columns:1fr auto}.itd-input-content.itd-input-sm input,.itd-input-content.itd-input-xs input{padding:0 calc(var(--itd-spacing) * 2.5)}.itd-input-content.itd-input-df input,.itd-input-content.itd-input-md input{padding:0 calc(var(--itd-spacing) * 3)}.itd-input-content.itd-input-lg input,.itd-input-content.itd-input-xlg input{padding:0 calc(var(--itd-spacing) * 3.75)}.itd-input-middle{width:100%;height:100%;justify-self:flex-start}.itd-input-icons-wrapper{display:grid;grid-auto-flow:column;grid-template-columns:1fr;grid-gap:calc(var(--itd-spacing) * 1.25);justify-items:flex-end;margin-inline-end:calc(var(--itd-spacing) * 3)}.itd-input-prefix{display:flex;align-items:center;height:100%;margin-inline-start:calc(var(--itd-spacing) * 2.5)}.itd-input-prefix span{transition:color .3s ease-out}.itd-input-suffix{display:flex;align-items:center;height:100%;gap:calc(var(--itd-spacing) * 1.25)}.itd-input-suffix span{transition:color .3s ease-out}.itd-input-suffix.itd-input-password-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.itd-input-suffix.itd-input-password-toggle svg{color:var(--itd-color-text-neutral);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-input-suffix.itd-input-password-toggle:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}.itd-input-addon-after,.itd-input-addon-before,.itd-input-locked{display:flex;align-items:center;height:100%;color:var(--itd-color-text-neutral)}.itd-input-addon-after,.itd-input-addon-before{justify-content:center;background-color:var(--itd-input-addon-bg,var(--itd-color-background-alt-hover))}:is(.itd-input-addon-before,.itd-input-addon-after) span{transition:color .3s ease-out}.itd-input-addon-before{border-radius:var(--itd-radius-control) 0 0 var(--itd-radius-control)}.itd-input-addon-after{border-radius:0 var(--itd-radius-control) var(--itd-radius-control) 0}.itd-input-addon-after.itd-input-sm,.itd-input-addon-after.itd-input-xs,.itd-input-addon-before.itd-input-sm,.itd-input-addon-before.itd-input-xs{padding:0 calc(var(--itd-spacing) * 2.5)}.itd-input-addon-after.itd-input-df,.itd-input-addon-after.itd-input-md,.itd-input-addon-before.itd-input-df,.itd-input-addon-before.itd-input-md{padding:0 calc(var(--itd-spacing) * 3)}.itd-input-addon-after.itd-input-lg,.itd-input-addon-after.itd-input-xlg,.itd-input-addon-before.itd-input-lg,.itd-input-addon-before.itd-input-xlg{padding:0 calc(var(--itd-spacing) * 3.75)}.itd-input-status{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.itd-input-status[data-icon=i]:before{padding:var(--itd-spacing);border-radius:3.125rem}.itd-input-status svg circle{fill:var(--itd-color-error)}.itd-input-status svg path{fill:var(--itd-color-error-text)}.itd-input-failed{color:var(--itd-color-text)}.itd-input-failed:before{background-color:var(--itd-color-error)}.itd-input.itd-input-xs .itd-input-addon-after,.itd-input.itd-input-xs .itd-input-addon-before,.itd-input.itd-input-xs .itd-input-prefix,.itd-input.itd-input-xs .itd-input-suffix,.itd-input.itd-input-xs input{font-size:var(--itd-size-xs-font);line-height:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw);height:var(--itd-size-xs-h)}.itd-input.itd-input-sm .itd-input-addon-after,.itd-input.itd-input-sm .itd-input-addon-before,.itd-input.itd-input-sm .itd-input-prefix,.itd-input.itd-input-sm .itd-input-suffix,.itd-input.itd-input-sm input{font-size:var(--itd-size-sm-font);line-height:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);height:var(--itd-size-sm-h)}.itd-input.itd-input-md .itd-input-addon-after,.itd-input.itd-input-md .itd-input-addon-before,.itd-input.itd-input-md .itd-input-prefix,.itd-input.itd-input-md .itd-input-suffix,.itd-input.itd-input-md input{font-size:var(--itd-size-md-font);line-height:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw);height:var(--itd-size-md-h)}.itd-input.itd-input-df .itd-input-addon-after,.itd-input.itd-input-df .itd-input-addon-before,.itd-input.itd-input-df .itd-input-prefix,.itd-input.itd-input-df .itd-input-suffix,.itd-input.itd-input-df input{font-size:var(--itd-size-df-font);line-height:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:var(--itd-size-df-h)}.itd-input.itd-input-lg .itd-input-addon-after,.itd-input.itd-input-lg .itd-input-addon-before,.itd-input.itd-input-lg .itd-input-prefix,.itd-input.itd-input-lg .itd-input-suffix,.itd-input.itd-input-lg input{font-size:var(--itd-size-lg-font);line-height:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);height:var(--itd-size-lg-h)}.itd-input.itd-input-xlg .itd-input-addon-after,.itd-input.itd-input-xlg .itd-input-addon-before,.itd-input.itd-input-xlg .itd-input-prefix,.itd-input.itd-input-xlg .itd-input-suffix,.itd-input.itd-input-xlg input{font-size:var(--itd-size-xlg-font);line-height:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw);height:var(--itd-size-xlg-h)}.itd-input.itd-input-default{box-shadow:var(--itd-box-shadow);border:1px solid #0000;border-color:var(--itd-color-border);background-color:var(--itd-color-background-bordered)}.itd-input.itd-input-default:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){border-color:var(--itd-color-border-hover)}.itd-input.itd-input-default.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-default.itd-input-disabled input,:is(.itd-input.itd-input-default.itd-input-disabled input,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-filled{border:0;background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-input.itd-input-filled:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.focused{background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-filled.itd-input-disabled input,:is(.itd-input.itd-input-filled.itd-input-disabled input,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed .itd-error-border{border-style:dashed}.itd-input.itd-input-dashed:after{content:"";position:absolute;border:1px dashed #0000;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:var(--itd-radius-control);top:-1px;left:-1px;pointer-events:none;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function);border-color:var(--itd-color-border)}.itd-input.itd-input-dashed:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled):after{border-color:var(--itd-color-border-hover)}.itd-input.itd-input-dashed.itd-input-disabled{background-color:var(--itd-color-disabled-bg)}.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-dashed.itd-input-disabled input,:is(.itd-input.itd-input-dashed.itd-input-disabled input,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed.itd-input-disabled:after{border-color:var(--itd-color-disabled-border)}.itd-input.itd-input-custom.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-dashed.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-default.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-filled.keyboard-focus:not(.itd-input-error){outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-input.itd-input-custom.keyboard-focus.itd-input-error,.itd-input.itd-input-dashed.keyboard-focus.itd-input-error,.itd-input.itd-input-default.keyboard-focus.itd-input-error,.itd-input.itd-input-filled.keyboard-focus.itd-input-error{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-input.itd-input-custom.focused,.itd-input.itd-input-custom.keyboard-focus,.itd-input.itd-input-dashed.focused:after,.itd-input.itd-input-dashed.keyboard-focus:after,.itd-input.itd-input-default.focused,.itd-input.itd-input-default.keyboard-focus{border-color:var(--itd-color-border-focus)}.itd-input.itd-input-dashed.itd-input-error:after{border-color:var(--itd-color-error-border)}.itd-input-lock-icon{fill:var(--itd-color-icon-muted)}}
@@ -1 +1 @@
1
- @layer components{.itd-label{align-items:center;color:var(--itd-foreground);display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:.5rem;line-height:var(--itd-text-sm--line-height);-webkit-user-select:none;user-select:none}.itd-label[data-disabled=true],[data-disabled=true]>.itd-label{opacity:.5;pointer-events:none}}
1
+ @layer components{.itd-label{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-font-weight-medium);color:var(--itd-foreground);-webkit-user-select:none;user-select:none}.itd-label[data-disabled=true],[data-disabled=true]>.itd-label{pointer-events:none;opacity:.5}}
@@ -1 +1 @@
1
- @layer components{.itd-last-winners{display:flex;flex-direction:column;gap:.75rem;margin-inline:calc(var(--itd-last-winners-bleed, 0rem)*-1);min-width:0;padding-inline:var(--itd-last-winners-bleed,0);width:auto}.itd-last-winners-header .title{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-viewport{min-width:0;overflow:hidden;width:100%}.itd-last-winners-track{-webkit-overflow-scrolling:touch;display:flex;gap:.625rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.itd-last-winners-track::-webkit-scrollbar{display:none}[data-itd-elevation=raised] .itd-last-winners-card{background:oklch(from var(--itd-background) 1 c h)}.itd-last-winners-card{align-items:center;background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border:0;border-radius:var(--itd-radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 auto;font:inherit;gap:.625rem;height:4.625rem;padding:.625rem;text-align:left;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function);width:13.5rem}.itd-last-winners-card:active{transform:scale(.98)}.itd-last-winners-card:hover:where(:root:not(.itd-touch) *){background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .115, .905)) c h) 0,oklch(from var(--itd-background) calc(min(l + .135, .885)) c h) 100%)}.itd-last-winners-image{align-items:center;background-color:var(--itd-surface-nested);border-radius:var(--itd-radius-sm);display:flex;flex:0 0 auto;height:2.75rem;justify-content:center;overflow:hidden;width:2.75rem}.itd-last-winners-image[data-shape=horizontal]{aspect-ratio:440/310;width:auto}.itd-last-winners-image img{height:100%;object-fit:cover;width:100%}.itd-last-winners-body{display:flex;flex:1;flex-direction:column;min-width:0}.itd-last-winners-username{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-game,.itd-last-winners-username{color:var(--itd-color-text-neutral);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-last-winners-game{font-size:var(--itd-text-11)}.itd-last-winners-amount{color:var(--itd-primary);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);white-space:nowrap}.itd-last-winners-empty{background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border-radius:var(--itd-radius-md);color:var(--itd-color-text-neutral);display:grid;font-size:var(--itd-text-13);height:4.625rem;padding:0 1rem;place-items:center;text-align:center}.itd-last-winners-skeleton{display:flex;gap:.625rem;overflow:hidden}.itd-last-winners-skeleton .itd-skeleton{flex:none}}
1
+ @layer components{.itd-last-winners{display:flex;flex-direction:column;gap:.75rem;min-width:0;margin-inline:calc(-1 * var(--itd-last-winners-bleed, 0rem));padding-inline:var(--itd-last-winners-bleed,0);width:auto}.itd-last-winners-header .title{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-viewport{width:100%;min-width:0;overflow:hidden}.itd-last-winners-track{display:flex;gap:.625rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.itd-last-winners-track::-webkit-scrollbar{display:none}[data-itd-elevation=raised] .itd-last-winners-card{background:oklch(from var(--itd-background) 1 c h)}.itd-last-winners-card{flex:0 0 auto;width:13.5rem;height:4.625rem;box-sizing:border-box;display:flex;align-items:center;gap:.625rem;background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border:0;border-radius:var(--itd-radius-md);padding:.625rem;cursor:pointer;text-align:left;font:inherit;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-last-winners-card:active{transform:scale(.98)}.itd-last-winners-card:hover:where(:root:not(.itd-touch) *){background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .115, .905)) c h) 0,oklch(from var(--itd-background) calc(min(l + .135, .885)) c h) 100%)}.itd-last-winners-image{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:var(--itd-radius-sm);overflow:hidden;background-color:var(--itd-surface-nested);display:flex;align-items:center;justify-content:center}.itd-last-winners-image[data-shape=horizontal]{width:auto;aspect-ratio:440/310}.itd-last-winners-image img{width:100%;height:100%;object-fit:cover}.itd-last-winners-body{flex:1;min-width:0;display:flex;flex-direction:column}.itd-last-winners-username{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-game,.itd-last-winners-username{color:var(--itd-color-text-neutral);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itd-last-winners-game{font-size:var(--itd-text-11)}.itd-last-winners-amount{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);white-space:nowrap}.itd-last-winners-empty{height:4.625rem;display:grid;place-items:center;padding:0 1rem;background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border-radius:var(--itd-radius-md);text-align:center;font-size:var(--itd-text-13);color:var(--itd-color-text-neutral)}.itd-last-winners-skeleton{display:flex;gap:.625rem;overflow:hidden}.itd-last-winners-skeleton .itd-skeleton{flex:none}}
@@ -1 +1 @@
1
- @layer components{.itd-login{background-color:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);box-shadow:var(--itd-color-modal-shadow);max-width:100%;overflow:hidden;width:var(--itd-login-w,25rem)}[data-itd-elevation=raised] .itd-login,[data-itd-elevation=raised] .itd-login-body{background-color:var(--itd-background)}.itd-login-topbar{align-items:center;background-color:var(--itd-login-bar-bg,var(--itd-color-background-alt-hover));display:flex;gap:calc(var(--itd-spacing)*3);justify-content:space-between;padding:calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*5)}.itd-login-logo{align-items:center;color:var(--itd-color-text);display:inline-flex;min-width:0}.itd-login-close{flex:none;height:calc(var(--itd-spacing)*8);padding:0;width:calc(var(--itd-spacing)*8)}.itd-login-banner{height:var(--itd-login-banner-h,9rem);overflow:hidden}.itd-login-banner img,.itd-login-banner>*{display:block;height:100%;object-fit:cover;width:100%}.itd-login-body{background-color:var(--itd-color-background-modal);display:flex;flex-direction:column;gap:var(--itd-login-gap,calc(var(--itd-spacing)*3));padding:var(--itd-login-pad,calc(var(--itd-spacing)*8))}.itd-login-body.itd-login-verify{margin-inline:auto;max-width:var(--itd-login-verify-w,26rem);width:100%}.itd-login-intro{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*.5)}.itd-login-eyebrow{color:var(--itd-login-eyebrow-ink,var(--itd-color-text));font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-login-title{color:var(--itd-login-title-ink,var(--itd-primary));font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);letter-spacing:.01em;line-height:1.2}.itd-login-rule{background-color:var(--itd-login-rule,var(--itd-color-border));height:1px;margin-block:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*.5);width:100%}.itd-login-hint{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);margin:0;text-align:center}.itd-login-body .itd-form-control{margin-block-start:calc(var(--itd-spacing)*8)}.itd-login-code{display:grid;gap:calc(var(--itd-spacing)*5)}.itd-login-dial{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-login-actions{align-items:center;display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5)}.itd-login-countdown{font-feature-settings:"tnum";align-items:center;background-color:var(--itd-login-countdown-bg,var(--itd-color-background-alt-hover));border-radius:var(--itd-radius-control);color:var(--itd-login-countdown-ink,var(--itd-color-text-neutral));display:inline-flex;font-size:var(--itd-text-13);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-semibold);justify-content:center;min-width:calc(var(--itd-spacing)*16);padding:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*4)}.itd-login-support{margin-block-start:calc(var(--itd-spacing)*2)}@media (max-width:48rem){.itd-login{border-radius:0;box-shadow:none;min-height:100dvh;width:100%}.itd-login-topbar{position:sticky;top:0;z-index:2}.itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing)*5))}}.itd-mobile .itd-login{border-radius:0;box-shadow:none;min-height:100dvh;width:100%}.itd-mobile .itd-login-topbar{position:sticky;top:0;z-index:2}.itd-mobile .itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing)*5))}}
1
+ @layer components{.itd-login{width:var(--itd-login-w,25rem);max-width:100%;background-color:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);overflow:hidden;box-shadow:var(--itd-color-modal-shadow)}[data-itd-elevation=raised] :is(.itd-login,.itd-login-body){background-color:var(--itd-background)}.itd-login-topbar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--itd-spacing) * 3);padding:calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 5);background-color:var(--itd-login-bar-bg,var(--itd-color-background-alt-hover))}.itd-login-logo{display:inline-flex;align-items:center;min-width:0;color:var(--itd-color-text)}.itd-login-close{width:calc(var(--itd-spacing) * 8);height:calc(var(--itd-spacing) * 8);padding:0;flex:none}.itd-login-banner{height:var(--itd-login-banner-h,9rem);overflow:hidden}.itd-login-banner img,.itd-login-banner>*{display:block;width:100%;height:100%;object-fit:cover}.itd-login-body{display:flex;flex-direction:column;gap:var(--itd-login-gap,calc(var(--itd-spacing) * 3));padding:var(--itd-login-pad,calc(var(--itd-spacing) * 8));background-color:var(--itd-color-background-modal)}.itd-login-body.itd-login-verify{max-width:var(--itd-login-verify-w,26rem);margin-inline:auto;width:100%}.itd-login-intro{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * .5)}.itd-login-eyebrow{color:var(--itd-login-eyebrow-ink,var(--itd-color-text));font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-login-title{color:var(--itd-login-title-ink,var(--itd-primary));font-size:var(--itd-text-default);line-height:1.2;font-weight:var(--itd-font-weight-semibold);letter-spacing:.01em}.itd-login-rule{width:100%;height:1px;background-color:var(--itd-login-rule,var(--itd-color-border));margin-block:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * .5)}.itd-login-hint{margin:0;text-align:center;color:var(--itd-color-text-muted);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-login-tabs .itd-tab-list{width:100%}.itd-login-tabs .itd-tab-trigger{flex:1}.itd-login-identity{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--itd-spacing) * 2);padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 3);background:var(--itd-color-background-alt);border-radius:var(--itd-radius-sm)}.itd-login-identity-value{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text);overflow-wrap:anywhere}.itd-login-or{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 3);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);letter-spacing:.08em}.itd-login-or:after,.itd-login-or:before{content:"";flex:1;height:1px;background-color:var(--itd-login-rule,var(--itd-color-border))}.itd-login-alternates{display:flex;gap:calc(var(--itd-spacing) * 2)}.itd-login-alternates>*{flex:1}.itd-login-footer{display:flex;align-items:center;justify-content:center;gap:calc(var(--itd-spacing) * 1);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);color:var(--itd-color-text-muted)}.itd-login-body .itd-form-control{margin-block-start:calc(var(--itd-spacing) * 8)}.itd-login-code{display:grid;gap:calc(var(--itd-spacing) * 5)}.itd-login-dial{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}.itd-login-actions{display:flex;flex-direction:column;align-items:center;gap:calc(var(--itd-spacing) * 1.5)}.itd-login-countdown{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--itd-spacing) * 16);padding:calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 4);border-radius:var(--itd-radius-control);background-color:var(--itd-login-countdown-bg,var(--itd-color-background-alt-hover));color:var(--itd-login-countdown-ink,var(--itd-color-text-neutral));font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-login-support{margin-block-start:calc(var(--itd-spacing) * 2)}@media (max-width:48rem){.itd-login{width:100%;min-height:100dvh;border-radius:0;box-shadow:none}.itd-login-topbar{position:sticky;top:0;z-index:2}.itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing) * 5))}}.itd-mobile .itd-login{width:100%;min-height:100dvh;border-radius:0;box-shadow:none}.itd-mobile .itd-login-topbar{position:sticky;top:0;z-index:2}.itd-mobile .itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing) * 5))}}