@inntechcorp/it-design 4.0.0-beta.8 → 4.0.0-beta.9
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.
- package/CHANGELOG.md +37 -0
- package/dist/cjs/blocks/header/index.js +1 -1
- package/dist/cjs/blocks/mega-menu/index.js +1 -1
- package/dist/cjs/router/ITDLink.js +1 -1
- package/dist/css/header.css +1 -1
- package/dist/css/mega-menu.css +2 -2
- package/dist/es/blocks/header/index.js +1 -1
- package/dist/es/blocks/mega-menu/index.js +1 -1
- package/dist/es/router/ITDLink.js +1 -1
- package/dist/global.css +3 -3
- package/dist/index.d.ts +50 -5
- package/dist/types/blocks/casino-featured/index.d.ts +2 -8
- package/dist/types/blocks/game-box/index.d.ts +1 -20
- package/dist/types/blocks/game-search/index.d.ts +1 -3
- package/dist/types/blocks/login/index.d.ts +1 -5
- package/dist/types/blocks/mega-menu/index.d.ts +1 -3
- package/dist/types/blocks/promotions-grid/index.d.ts +1 -191
- package/dist/types/blocks/spacer/index.d.ts +0 -34
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,43 @@ carries the v3 to v4 story. Convention from here on: every version bump adds
|
|
|
6
6
|
its entry at the top, grouped as **Breaking / Added / Fixed**, one line per
|
|
7
7
|
change, written for the consumer (what they see, not which file moved).
|
|
8
8
|
|
|
9
|
+
## 4.0.0-beta.9 (2026-09-03)
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- **MegaMenu drawer mode**: a controlled `open` prop mounts production's
|
|
14
|
+
full-screen frame - the fixed scroll-container wrapper (its `::before` is
|
|
15
|
+
the backdrop wash), the right-to-left slide (0.25s, production easings,
|
|
16
|
+
travel as a CSS var), scroll lock in the menu's own realm, Escape close
|
|
17
|
+
(`onOpenChange`/`closeOnEscape`), and a top offset that clears the mobile
|
|
18
|
+
header plus the announcement bar and RIDES its scroll-away
|
|
19
|
+
(`--itd-mobile-header-h` + the announcement vars). `open` unset renders
|
|
20
|
+
today's bare nav byte-identically. Group entries gain `label`/`icon`: a
|
|
21
|
+
named group draws production's STATIC `open-group` head over always-visible
|
|
22
|
+
items (a named-and-collapsible group stays the `accordion` kind).
|
|
23
|
+
- **Header user surface**: `HeaderUser.avatar` (tri-state: unset keeps
|
|
24
|
+
today's stand-in art; a URL renders the photo with bar + popover falling
|
|
25
|
+
to the DefaultAvatar silhouette TOGETHER on load error; `null` opts into
|
|
26
|
+
the silhouette outright), `HeaderUser.currency` (threads into `Amount`;
|
|
27
|
+
unset keeps the TRY default), `HeaderUser.balanceLoading` (a
|
|
28
|
+
width-reserved skeleton in the balance slot, no eye toggle - production's
|
|
29
|
+
pre-fetch window), `logoHref` (the logo becomes a real ITDLink: native
|
|
30
|
+
middle/modifier clicks, client-side navigation only with a router
|
|
31
|
+
adapter), and `HeaderNavItem.target`/`rel` - nav rows render through
|
|
32
|
+
ITDLink for app paths while scheme'd/protocol-relative URLs stay plain
|
|
33
|
+
anchors (never handed to the adapter) with `noopener` auto-added on
|
|
34
|
+
`_blank`.
|
|
35
|
+
|
|
36
|
+
### Fixed
|
|
37
|
+
|
|
38
|
+
- The `blocks/mega-menu` type stub shipped broken in beta.7/beta.8: the
|
|
39
|
+
stub generator's regex swallowed the two barrel statements between two
|
|
40
|
+
block exports, leaking `AnnouncementBar` re-exports (with unresolvable
|
|
41
|
+
paths) and a phantom `default` into it - subpath imports of mega-menu
|
|
42
|
+
type-errored while the runtime ESM stayed correct. The parse is now
|
|
43
|
+
brace-bounded, the generator refuses unparseable specs, and pack-smoke
|
|
44
|
+
compiles ALL 38 stubs instead of sampling two.
|
|
45
|
+
|
|
9
46
|
## 4.0.0-beta.8 (2026-09-02)
|
|
10
47
|
|
|
11
48
|
### Added
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),i=require("lucide-react"),s=require("../../button/index.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),i=require("lucide-react"),s=require("../../button/index.js"),l=require("../../avatar/index.js"),n=require("../default-avatar/index.js"),t=require("../../skeleton/index.js"),r=require("../../router/ITDLink.js"),o=require("../../select/index.js"),d=require("../../amount/index.js"),c=require("../../context/ITDContext.js"),u=require("../../helpers/platform/index.js"),h=require("../../helpers/classname/GetClassNameByPlatform.js"),m=require("../../hooks/useOnESCKeyDown.js"),p=require("../../select/SelectItem.js");const x=({locale:i})=>{const[s,l]=a.useState("");return a.useEffect(()=>{const e=()=>l((new Date).toLocaleTimeString(i));e();const a=setInterval(e,1e3);return()=>clearInterval(a)},[i]),e.jsx("span",{id:"inn-ticker",className:"itd-header-ticker",children:s})},j=/^([a-z][a-z0-9+.-]*:|\/\/)/i,g=({item:a})=>{const i=e.jsxs(e.Fragment,{children:[a.icon&&e.jsx("span",{className:"itd-header-nav-icon",children:a.icon}),e.jsx("span",{children:a.label})]}),s=a.active?"active":void 0;return a.href?j.test(a.href)?e.jsx("a",{href:a.href,target:a.target,rel:a.rel??("_blank"===a.target?"noopener":void 0),className:s,onClick:a.onClick,children:i}):e.jsx(r.ITDLink,{to:a.href,target:a.target,rel:a.rel,activeClassName:"","aria-current":void 0,className:s,onClick:a.onClick,children:i}):e.jsx("a",{href:"#",className:s,onClick:e=>{e.preventDefault(),a.onClick?.()},children:i})},f=({logoHref:a,id:i,className:s,children:l})=>a?e.jsx(r.ITDLink,{to:a,id:i,className:s,activeClassName:"","aria-current":void 0,children:l}):e.jsx("a",{id:i,className:s,href:"#",onClick:e=>e.preventDefault(),children:l}),v=({avatar:a,alt:i,failed:s,onFail:t})=>void 0===a?e.jsx(l.Avatar,{"aria-hidden":!0}):e.jsxs(l.Avatar,{"aria-hidden":!0,children:[null!==a&&!s&&e.jsx(l.AvatarImage,{src:a,alt:i,draggable:!1,onError:t}),e.jsx(l.AvatarFallback,{children:e.jsx(n.default,{})})]}),b=({languages:a,language:i,onLanguageChange:s,compact:l})=>{const{theme:n}=c.useITD(),t=l&&"dark"===n?"filled":"default";return e.jsx(o.default,{variant:t,size:l?"small":"medium",defaultValue:i,onChange:e=>s?.(e),"aria-label":"Dil",children:a.map(a=>e.jsx(p.SelectItem,{value:a.value,image:a.image,selectedLabel:l?a.label:void 0,children:l?a.label:a.fullLabel??a.label},a.value))})},N=({logo:l,logoHref:n,nav:r=[],user:o,languages:c=[],language:u,onLanguageChange:h,languageLabel:p="Dil:",showClock:j=!0,locale:N="tr-TR",onLogin:k,onSignup:C,loginText:y="Giriş Yap",signupText:z="Kayıt Ol",onBonus:T,onDeposit:L,bonusText:q="Bonus Talep",depositText:F="Para Yatır",onNotifications:B,onSignOut:S,signOutText:D="Çıkış Yap",profileMenu:E=[],id:I,className:O})=>{const{masked:P,toggle:w}=d.useAmountMask(),M=a.useRef(null),[Y,A]=a.useState(!1);a.useEffect(()=>A(!1),[o?.avatar]);const[H,G]=a.useState(!1),[K,R]=a.useState(!1),_=a.useRef([]),V=()=>{_.current.forEach(clearTimeout),_.current=[]};m.default(()=>{V(),R(!1),G(!1)},M,{enabled:H}),a.useEffect(()=>V,[]);const J=e.jsx("span",{className:"itd-header-sep header-separator","aria-hidden":!0});return e.jsxs("header",{ref:M,id:I??"inn-header",className:"itd-header"+(O?" "+O:""),children:[e.jsxs("div",{id:"inn-header-top",className:"itd-header-top",children:[e.jsx(f,{logoHref:n,id:"inn-header-logo",className:"inn-header-logo itd-header-logo",children:l}),e.jsxs("div",{className:"itd-header-cluster",children:[o?e.jsxs(e.Fragment,{children:[T&&e.jsx(s.default,{size:"small",variant:"outline-accent",onClick:T,children:q}),L&&e.jsx(s.default,{size:"small",variant:"default",onClick:L,children:F})]}):e.jsxs(e.Fragment,{children:[e.jsx(s.default,{size:"small",variant:"outline-accent",onClick:k,children:y}),e.jsx(s.default,{size:"small",variant:"default",onClick:C,children:z})]}),c.length>0&&e.jsxs(e.Fragment,{children:[J,e.jsx("span",{id:"inn-language-select",className:"itd-header-lang",children:e.jsx(b,{languages:c,language:u,onLanguageChange:h,compact:!0})})]}),j&&e.jsxs(e.Fragment,{children:[J,e.jsx(x,{locale:N})]}),o&&e.jsxs(e.Fragment,{children:[J,e.jsx("span",{id:"inn-balance",className:"itd-header-balance",children:o.balanceLoading?e.jsx(t.default,{className:"itd-header-balance-skeleton"}):e.jsxs(e.Fragment,{children:[e.jsx(d.default,{value:o.balance,currency:o.currency}),e.jsx(s.default,{variant:"ghost",className:"itd-header-eye","aria-label":P?"Bakiyeleri göster":"Bakiyeleri gizle",onClick:w,children:P?e.jsx(i.EyeOff,{size:15}):e.jsx(i.Eye,{size:15})})]})}),J,e.jsxs("button",{type:"button",className:"inn-mobile-notifications itd-header-bell","aria-label":"Bildirimler",onClick:B,children:[e.jsx(i.Bell,{size:16,fill:"currentColor"}),void 0!==o.notifications&&e.jsx("span",{className:"itd-header-bell-count",children:o.notifications})]}),e.jsxs("div",{id:"inn-profile-popover",className:"itd-header-profile",onMouseEnter:()=>{V(),H?R(!0):(G(!0),_.current.push(window.setTimeout(()=>R(!0),10)))},onMouseLeave:()=>{V(),R(!1),_.current.push(window.setTimeout(()=>G(!1),250))},children:[e.jsx("div",{id:"inn-profile-photo",className:"itd-header-avatar","data-open":K,children:e.jsx(v,{avatar:o.avatar,alt:o.username,failed:Y,onFail:()=>A(!0)})}),e.jsx("span",{id:"inn-socket-status",className:"itd-header-dot","data-status":o.socketStatus??"connected",title:"Bağlı",children:e.jsx("span",{})}),e.jsxs("div",{className:"inn-profile-popover-body itd-header-pop",style:{opacity:K?1:0,transform:K?"translateY(0)":"translateY(-10px)",transition:"opacity 250ms ease, transform 250ms ease",visibility:H?"visible":"hidden",pointerEvents:H?"auto":"none"},children:[e.jsxs("div",{className:"inn-profile-popover-user itd-header-pop-user",children:[e.jsx("span",{className:"inn-profile-popover-user-photo itd-header-pop-photo",children:e.jsx(v,{avatar:o.avatar,alt:o.username,failed:Y,onFail:()=>A(!0)})}),e.jsxs("span",{className:"inn-profile-popover-user-info itd-header-pop-id",children:[e.jsx("span",{children:o.username}),o.country&&e.jsx("span",{children:o.country})]})]}),e.jsx("hr",{className:"itd-header-pop-sep"}),e.jsx("div",{className:"inn-profile-popover-menu inn-mobile-menu-items itd-header-pop-menu",children:E.map(a=>e.jsxs(s.default,{variant:"ghost",size:"default",className:"inn-mobile-menu-item justify-start",onClick:a.onClick,children:[a.icon,a.label]},a.label))}),c.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"itd-header-pop-sep"}),e.jsxs("div",{className:"inn-profile-popover-language itd-header-pop-lang",children:[e.jsx("span",{children:p}),e.jsx(b,{languages:c,language:u,onLanguageChange:h})]})]}),e.jsx("hr",{className:"itd-header-pop-sep"}),e.jsx("div",{className:"inn-profile-popover-sign-out itd-header-pop-out",children:e.jsxs(s.default,{variant:"ghost",size:"default",className:"justify-start",onClick:S,children:[e.jsx(i.LogOut,{size:16}),D]})})]})]})]})]})]}),r.length>0&&e.jsx("nav",{id:"inn-header-menu",className:"itd-header-menu",children:e.jsx("ul",{className:"itd-header-menu-list header-menu-list",children:r.map(a=>e.jsx("li",{className:"itd-header-menu-item header-menu-item",children:e.jsx(g,{item:a})},a.label))})})]})},k=({logo:l,logoHref:n,user:r,onLogin:o,onSignup:c,loginText:u="Giriş Yap",signupText:h="Kayıt Ol",onDeposit:m,onNotifications:p,onProfile:x,id:j,className:g})=>{const{masked:b,toggle:N}=d.useAmountMask(),[k,C]=a.useState(!1);return a.useEffect(()=>C(!1),[r?.avatar]),e.jsx("header",{id:j??"inn-mobile-header",className:"itd-mobile-header"+(g?" "+g:""),children:e.jsxs("div",{id:"inn-mobile-header-top",className:"itd-mobile-header-top",children:[e.jsx(f,{logoHref:n,id:"inn-mobile-header-logo",className:"inn-mobile-header-logo itd-mobile-header-logo",children:l}),e.jsx("div",{className:"itd-mobile-header-cluster",children:r?e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"inn-mobile-balance itd-mobile-header-balance",children:[e.jsx("button",{type:"button",className:"itd-mobile-header-balance-amount","aria-label":b?"Bakiyeyi göster":"Bakiyeyi gizle",onClick:N,children:r.balanceLoading?e.jsx(t.default,{className:"itd-header-balance-skeleton"}):e.jsx(d.default,{value:r.balance,currency:r.currency})}),e.jsx(s.default,{size:"small",variant:"default","aria-label":"Para Yatır",onClick:m,children:e.jsx(i.Plus,{size:18})})]}),e.jsxs("button",{type:"button",className:"inn-mobile-notifications itd-mobile-header-bell","aria-label":"Bildirimler",onClick:p,children:[e.jsx(i.Bell,{size:16,fill:"currentColor"}),void 0!==r.notifications&&e.jsx("span",{className:"itd-mobile-header-bell-count",children:r.notifications})]}),e.jsxs("button",{type:"button",id:"inn-mobile-profile-photo",className:"itd-mobile-header-avatar","aria-label":"Profil",onClick:x,children:[e.jsx(v,{avatar:r.avatar,alt:r.username,failed:k,onFail:()=>C(!0)}),e.jsx("span",{id:"inn-socket-status",className:"itd-mobile-header-dot","data-status":r.socketStatus??"connected",title:"Bağlı",children:e.jsx("span",{})})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(s.default,{variant:"custom",size:"medium",className:"itd-mobile-header-login",onClick:o,children:u}),e.jsx(s.default,{size:"medium",className:"itd-mobile-header-signup",onClick:c,children:h})]})})]})})};exports.default=a=>u.GetPlatform()===h.PlatformTypes.MOBILE?e.jsx(k,{...a}):e.jsx(N,{...a});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),i=require("lucide-react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),i=require("react-transition-group"),a=require("lucide-react"),m=require("../../select/index.js"),l=require("../../primitives/scrollLock.js"),t=require("../../hooks/useOnESCKeyDown.js"),s=require("../../select/SelectItem.js");const r=({icon:n})=>n?e.jsx("span",{className:"itd-mega-menu-icon inn-mega-menu-icon inn-mobile-mega-menu-item-icon",children:n}):null,d=({link:n,className:i,trailing:a})=>{const m=e.jsxs(e.Fragment,{children:[e.jsx(r,{icon:n.icon}),e.jsx("span",{className:"itd-mega-menu-label inn-mega-menu-label",children:n.label}),null!=n.badge&&e.jsx("span",{className:"itd-mega-menu-badge inn-mega-menu-badge",children:n.badge}),a]}),l={className:(i+(n.active?" is-active":"")).trim(),"data-active":n.active?"true":void 0};return n.href?e.jsx("a",{...l,href:n.href,onClick:n.onClick,children:m}):e.jsx("button",{type:"button",...l,onClick:n.onClick,children:m})},u=({entries:u=[],className:c="",open:o,onOpenChange:g,closeOnEscape:h=!0,id:b})=>{const[p,x]=n.useState(()=>new Set(u.filter(e=>"accordion"===e.kind&&e.defaultOpen).map(e=>e.id))),j=n.useRef(null),v=void 0!==o;l.useScrollLock(!0===o,j),t.default(()=>{h&&g?.(!1)},j,{enabled:!0===o});const N=e.jsx("nav",{id:v?"inn-mobile-mega-menu-content-items":void 0,className:("itd-mega-menu inn-mega-menu "+c).trim(),"aria-label":"Menü",children:u.map(n=>{if("accordion"===n.kind){const i=p.has(n.id);return e.jsxs("div",{className:"itd-mega-menu-item itd-mega-menu-item--accordion inn-mega-menu-item inn-mobile-mega-menu-group","data-open":i?"true":"false",children:[e.jsxs("div",{className:"itd-mega-menu-head inn-mega-menu-item-head inn-mobile-mega-menu-item",children:[e.jsx(d,{link:{label:n.label,icon:n.icon,href:n.href,onClick:n.onClick,active:n.active},className:"itd-mega-menu-head-main inn-mega-menu-item-link"}),e.jsx("button",{type:"button",className:"itd-mega-menu-toggle inn-mega-menu-item-toggle","aria-expanded":i,"aria-label":i?"Kapat":"Aç",onClick:()=>(e=>x(n=>{const i=new Set(n);return i.has(e)?i.delete(e):i.add(e),i}))(n.id),children:e.jsx("span",{className:"itd-mega-menu-toggle-icon","aria-hidden":!0,children:e.jsx(a.ChevronDown,{})})})]}),e.jsx("div",{className:"itd-mega-menu-collapse inn-mega-menu-sub",children:e.jsx("div",{className:"itd-mega-menu-collapse-inner",children:n.items.map(n=>e.jsx(d,{link:n,className:"itd-mega-menu-subitem inn-mega-menu-sub-item inn-mobile-mega-menu-sub-menu-item"},n.id))})})]},n.id)}return"group"===n.kind?e.jsxs("div",{className:"itd-mega-menu-item itd-mega-menu-item--group inn-mega-menu-item inn-mega-menu-group inn-mobile-mega-menu-group"+(n.label?" open-group":""),children:[n.label?e.jsxs("div",{className:"itd-mega-menu-grouphead inn-mega-menu-group-head",children:[e.jsx(r,{icon:n.icon}),e.jsx("span",{className:"itd-mega-menu-label inn-mega-menu-label",children:n.label})]}):null,n.items.map(n=>e.jsx(d,{link:n,className:"itd-mega-menu-groupitem inn-mega-menu-group-item inn-mobile-mega-menu-sub-menu-item"},n.id))]},n.id):"select"===n.kind?e.jsx("div",{className:"itd-mega-menu-item itd-mega-menu-item--select inn-mega-menu-item",children:e.jsx(m.default,{size:"large",className:"itd-mega-menu-select"+(n.arrowWell?" itd-mega-menu-select--well":""),defaultValue:n.defaultValue,onChange:e=>n.onChange?.(e),"aria-label":n.ariaLabel,children:n.options.map(n=>e.jsx(s.SelectItem,{value:n.value,image:n.image,children:n.label},n.value))})},n.id):e.jsx("div",{className:"itd-mega-menu-item itd-mega-menu-item--link inn-mega-menu-item inn-mobile-mega-menu-group",children:e.jsx(d,{link:{label:n.label,icon:n.icon,href:n.href,onClick:n.onClick,active:n.active,badge:n.badge},className:"itd-mega-menu-link inn-mega-menu-link inn-mobile-mega-menu-item",trailing:e.jsx("span",{className:"itd-mega-menu-chevron inn-mega-menu-chevron","aria-hidden":!0,children:e.jsx(a.ChevronRight,{})})})},n.id)})});return v?e.jsx(i.CSSTransition,{in:o,appear:!0,mountOnEnter:!0,unmountOnExit:!0,timeout:250,classNames:"itd-mega-menu-drawer",nodeRef:j,addEndListener:e=>{const n=j.current?.firstElementChild;if(!n)return;const i=a=>{a.target===n&&(n.removeEventListener("transitionend",i),e())};n.addEventListener("transitionend",i)},children:e.jsx("div",{ref:j,id:b??"inn-mobile-mega-menu",className:"itd-mega-menu-drawer",children:e.jsx("div",{id:"inn-mobile-mega-menu-content",className:"itd-mega-menu-slide",children:N})})}):N};exports.MegaMenu=u,exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./context.js"),a=require("./hooks.js"),i=require("./matchActive.js");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./context.js"),a=require("./hooks.js"),i=require("./matchActive.js");const s=t.forwardRef(({to:t,end:s,replace:n,state:c,activeClassName:o="active",className:l,onClick:u,target:d,children:f,...p},h)=>{const v=r.useITDRouterAdapter(),m=a.useITDNavigate(),{pathname:j}=a.useITDLocation(),k=v?.href?v.href(t):t,x=i.matchActive(t,j,{end:s}),y={className:[l,x?o:null].filter(Boolean).join(" ")||void 0,"aria-current":x?"page":void 0,target:d,...p};if(v?.Link){const r=v.Link;return e.jsx(r,{...y,to:t,replace:n,state:c,onClick:u,ref:h,children:f})}return e.jsx("a",{...y,href:k,onClick:e=>{if(u?.(e),!v||!((e,t)=>!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented||t&&"_self"!==t))(e,d))return;e.preventDefault();m(t,{replace:n,state:c})},ref:h,children:f})});s.displayName="ItdLink",exports.ITDLink=s,exports.default=s;
|
package/dist/css/header.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
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{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)}
|
|
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-skeleton{width:4.4375rem;height:calc(var(--itd-text-sm) * var(--itd-text-sm--line-height))}:is(.itd-header-avatar,.itd-header-pop-photo,.itd-mobile-header-avatar) .itd-avatar-fallback{background:#0000}.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))}
|
package/dist/css/mega-menu.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer components{.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb, var(--itd-color-text) 88%, #0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(
|
|
1
|
+
@layer components{.itd-mega-menu,.itd-mega-menu-drawer{--itd-mega-menu-bg:oklch(from var(--itd-background) 0.2 c h)}[data-theme=light] :is(.itd-mega-menu,.itd-mega-menu-drawer){--itd-mega-menu-bg:oklch(from var(--itd-background) 0.89 c h)}.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb, var(--itd-color-text) 88%, #0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(
|
|
2
2
|
from var(--itd-color-background-alt-hover) calc(l + var(--itd-mega-menu-well-shift)) c h
|
|
3
|
-
)
|
|
3
|
+
);display:flex;flex-direction:column;gap:.625rem;width:100%;min-height:100%;padding:1rem;background:var(--itd-mega-menu-bg);box-sizing:border-box}.itd-mega-menu-item{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-control);overflow:hidden;transition:border-radius .15s ease .24s}.itd-mega-menu-item--group,.itd-mega-menu-item[data-open=true]{border-radius:min(var(--itd-radius-control),var(--itd-radius-lg))}.itd-mega-menu-item[data-open=true]{transition:border-radius 0s}[data-theme=light] .itd-mega-menu-item{background:oklch(from var(--itd-mega-menu-bg) calc(min(l + .06, .99)) c h)}.itd-mega-menu-groupitem,.itd-mega-menu-head-main,.itd-mega-menu-link,.itd-mega-menu-subitem{display:flex;align-items:center;gap:.875rem;width:100%;min-height:2.75rem;padding:0 .75rem 0 1rem;border:0;background:none;cursor:pointer;color:var(--itd-mega-menu-ink);text-decoration:none;font-family:inherit;text-align:left;box-sizing:border-box}.itd-mega-menu-head,.itd-mega-menu-link{background:linear-gradient(var(--itd-color-background-alt-hover),color-mix(in srgb,var(--itd-color-background-alt-hover) 55%,var(--itd-color-background-alt) 45%));border-radius:var(--itd-radius-md)}.itd-mega-menu-head{display:flex;align-items:center;min-height:2.75rem;padding-right:.75rem;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/0));transition:filter .2s ease .28s,border-radius .15s ease .24s}.itd-mega-menu-item[data-open=true] .itd-mega-menu-head{filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/var(--itd-mega-menu-shadow-alpha)));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;transition:filter .25s ease .22s,border-radius .1s ease}[data-theme=dark] .itd-mega-menu{--itd-mega-menu-shadow-alpha:0.52;--itd-mega-menu-well-shift:0.08}.itd-mega-menu-head-main{flex:1;min-width:0;padding-right:.5rem}.itd-mega-menu-groupitem:focus-visible,.itd-mega-menu-head-main:focus-visible,.itd-mega-menu-link:focus-visible,.itd-mega-menu-subitem:focus-visible,.itd-mega-menu-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:-2px}.itd-mega-menu-icon{display:inline-flex;flex:none;color:var(--itd-mega-menu-ink)}.itd-mega-menu-icon :is(img,svg){width:1.25rem;height:1.25rem}.itd-mega-menu-icon img{border-radius:var(--itd-radius-xs);object-fit:cover}.itd-mega-menu-label{flex:1;min-width:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);line-height:1;color:var(--itd-mega-menu-ink)}.is-active :is(.itd-mega-menu-icon,.itd-mega-menu-label){color:var(--itd-primary)}.itd-mega-menu-badge{flex:none;display:inline-flex;align-items:center;padding:.0625rem .5rem;border-radius:var(--itd-radius-pill);background:var(--itd-color-background-alt);color:var(--itd-mega-menu-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-mega-menu-toggle{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg);color:var(--itd-mega-menu-ink);cursor:pointer}.itd-mega-menu-toggle-icon{display:inline-flex;transition:transform .25s ease}.itd-mega-menu-toggle-icon svg{width:1rem;height:1rem}.itd-mega-menu-item[data-open=true] .itd-mega-menu-toggle-icon{transform:rotate(180deg)}.itd-mega-menu-chevron{flex:none;display:inline-flex;color:var(--itd-mega-menu-ink)}.itd-mega-menu-chevron svg{width:1rem;height:1rem}.itd-mega-menu-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse{grid-template-rows:1fr}.itd-mega-menu-collapse-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse-inner{opacity:1}.itd-mega-menu-subitem{min-height:2.75rem}.itd-mega-menu-item--group{padding:.25rem 0}.itd-mega-menu-item--select{background:none;overflow:visible}.itd-mega-menu-select{width:100%}.itd-mega-menu-select.itd-select-filled .itd-select-selector{height:2.75rem;padding:0 .75rem 0 1rem}.itd-mega-menu-select .itd-select-selection-label.itd-select-selection-item-single{margin-left:.5rem}.itd-mega-menu-select--well .itd-select-arrow{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg)}.itd-mega-menu-grouphead{display:flex;align-items:center;gap:.875rem;min-height:2.75rem;padding:0 .75rem 0 1rem;color:var(--itd-mega-menu-ink)}.itd-mega-menu-drawer{--itd-mega-menu-travel:100%;--itd-mega-menu-drawer-duration:0.25s;--itd-mega-menu-ease-open:cubic-bezier(0, 0.97, 0.1, 1);--itd-mega-menu-ease-close:cubic-bezier(1, 0, 0, 1);position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:var(--itd-z-mega-menu,5);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.itd-mega-menu-drawer:before{content:"";position:fixed;inset:0;background:var(--itd-mega-menu-bg);transition-property:opacity}.itd-mega-menu-drawer:before,.itd-mega-menu-slide{transition-duration:var(--itd-mega-menu-drawer-duration);transition-timing-function:var(--itd-mega-menu-ease-open)}.itd-mega-menu-slide{transform:translateX(0);transition-property:transform;padding-bottom:5rem}.itd-mega-menu-drawer .itd-mega-menu{margin-top:calc(var(--itd-announcement-bar-height, 0px) + var(--itd-mobile-header-h, 3.25rem));transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform;min-height:0}.itd-mega-menu-drawer-appear:before,.itd-mega-menu-drawer-enter:before{opacity:0}:is(.itd-mega-menu-drawer-appear,.itd-mega-menu-drawer-enter) .itd-mega-menu-slide{transform:translateX(var(--itd-mega-menu-travel))}.itd-mega-menu-drawer-appear-active:before,.itd-mega-menu-drawer-enter-active:before{opacity:1}:is(.itd-mega-menu-drawer-appear-active,.itd-mega-menu-drawer-enter-active) .itd-mega-menu-slide{transform:translateX(0)}.itd-mega-menu-drawer-exit:before{opacity:1}.itd-mega-menu-drawer-exit .itd-mega-menu-slide{transform:translateX(0)}.itd-mega-menu-drawer-exit-active:before{opacity:0;transition-timing-function:var(--itd-mega-menu-ease-close)}.itd-mega-menu-drawer-exit-active .itd-mega-menu-slide{transform:translateX(var(--itd-mega-menu-travel));transition-timing-function:var(--itd-mega-menu-ease-close)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import{useState as n,useEffect as l,useRef as r}from"react";import{Plus as t,Bell as o,EyeOff as s,Eye as d,LogOut as c}from"lucide-react";import m from"../../button/index.js";import{Avatar as h,AvatarImage as u,AvatarFallback as p}from"../../avatar/index.js";import g from"../default-avatar/index.js";import f from"../../skeleton/index.js";import{ITDLink as b}from"../../router/ITDLink.js";import v from"../../select/index.js";import N,{useAmountMask as k}from"../../amount/index.js";import{useITD as C}from"../../context/ITDContext.js";import{GetPlatform as y}from"../../helpers/platform/index.js";import{PlatformTypes as x}from"../../helpers/classname/GetClassNameByPlatform.js";import z from"../../hooks/useOnESCKeyDown.js";import{SelectItem as j}from"../../select/SelectItem.js";const L=({locale:a})=>{const[i,r]=n("");return l(()=>{const e=()=>r((new Date).toLocaleTimeString(a));e();const i=setInterval(e,1e3);return()=>clearInterval(i)},[a]),e("span",{id:"inn-ticker",className:"itd-header-ticker",children:i})},T=/^([a-z][a-z0-9+.-]*:|\/\/)/i,B=({item:n})=>{const l=a(i,{children:[n.icon&&e("span",{className:"itd-header-nav-icon",children:n.icon}),e("span",{children:n.label})]}),r=n.active?"active":void 0;return n.href?T.test(n.href)?e("a",{href:n.href,target:n.target,rel:n.rel??("_blank"===n.target?"noopener":void 0),className:r,onClick:n.onClick,children:l}):e(b,{to:n.href,target:n.target,rel:n.rel,activeClassName:"","aria-current":void 0,className:r,onClick:n.onClick,children:l}):e("a",{href:"#",className:r,onClick:e=>{e.preventDefault(),n.onClick?.()},children:l})},D=({logoHref:a,id:i,className:n,children:l})=>a?e(b,{to:a,id:i,className:n,activeClassName:"","aria-current":void 0,children:l}):e("a",{id:i,className:n,href:"#",onClick:e=>e.preventDefault(),children:l}),S=({avatar:i,alt:n,failed:l,onFail:r})=>void 0===i?e(h,{"aria-hidden":!0}):a(h,{"aria-hidden":!0,children:[null!==i&&!l&&e(u,{src:i,alt:n,draggable:!1,onError:r}),e(p,{children:e(g,{})})]}),w=({languages:a,language:i,onLanguageChange:n,compact:l})=>{const{theme:r}=C();return e(v,{variant:l&&"dark"===r?"filled":"default",size:l?"small":"medium",defaultValue:i,onChange:e=>n?.(e),"aria-label":"Dil",children:a.map(a=>e(j,{value:a.value,image:a.image,selectedLabel:l?a.label:void 0,children:l?a.label:a.fullLabel??a.label},a.value))})},Y=({logo:t,logoHref:h,nav:u=[],user:p,languages:g=[],language:b,onLanguageChange:v,languageLabel:C="Dil:",showClock:y=!0,locale:x="tr-TR",onLogin:j,onSignup:T,loginText:Y="Giriş Yap",signupText:E="Kayıt Ol",onBonus:I,onDeposit:O,bonusText:H="Bonus Talep",depositText:P="Para Yatır",onNotifications:F,onSignOut:M,signOutText:G="Çıkış Yap",profileMenu:K=[],id:R,className:V})=>{const{masked:_,toggle:q}=k(),A=r(null),[J,Q]=n(!1);l(()=>Q(!1),[p?.avatar]);const[U,W]=n(!1),[X,Z]=n(!1),$=r([]),ee=()=>{$.current.forEach(clearTimeout),$.current=[]};z(()=>{ee(),Z(!1),W(!1)},A,{enabled:U}),l(()=>ee,[]);const ae=e("span",{className:"itd-header-sep header-separator","aria-hidden":!0});return a("header",{ref:A,id:R??"inn-header",className:"itd-header"+(V?" "+V:""),children:[a("div",{id:"inn-header-top",className:"itd-header-top",children:[e(D,{logoHref:h,id:"inn-header-logo",className:"inn-header-logo itd-header-logo",children:t}),a("div",{className:"itd-header-cluster",children:[a(i,p?{children:[I&&e(m,{size:"small",variant:"outline-accent",onClick:I,children:H}),O&&e(m,{size:"small",variant:"default",onClick:O,children:P})]}:{children:[e(m,{size:"small",variant:"outline-accent",onClick:j,children:Y}),e(m,{size:"small",variant:"default",onClick:T,children:E})]}),g.length>0&&a(i,{children:[ae,e("span",{id:"inn-language-select",className:"itd-header-lang",children:e(w,{languages:g,language:b,onLanguageChange:v,compact:!0})})]}),y&&a(i,{children:[ae,e(L,{locale:x})]}),p&&a(i,{children:[ae,e("span",{id:"inn-balance",className:"itd-header-balance",children:p.balanceLoading?e(f,{className:"itd-header-balance-skeleton"}):a(i,{children:[e(N,{value:p.balance,currency:p.currency}),e(m,{variant:"ghost",className:"itd-header-eye","aria-label":_?"Bakiyeleri göster":"Bakiyeleri gizle",onClick:q,children:e(_?s:d,{size:15})})]})}),ae,a("button",{type:"button",className:"inn-mobile-notifications itd-header-bell","aria-label":"Bildirimler",onClick:F,children:[e(o,{size:16,fill:"currentColor"}),void 0!==p.notifications&&e("span",{className:"itd-header-bell-count",children:p.notifications})]}),a("div",{id:"inn-profile-popover",className:"itd-header-profile",onMouseEnter:()=>{ee(),U?Z(!0):(W(!0),$.current.push(window.setTimeout(()=>Z(!0),10)))},onMouseLeave:()=>{ee(),Z(!1),$.current.push(window.setTimeout(()=>W(!1),250))},children:[e("div",{id:"inn-profile-photo",className:"itd-header-avatar","data-open":X,children:e(S,{avatar:p.avatar,alt:p.username,failed:J,onFail:()=>Q(!0)})}),e("span",{id:"inn-socket-status",className:"itd-header-dot","data-status":p.socketStatus??"connected",title:"Bağlı",children:e("span",{})}),a("div",{className:"inn-profile-popover-body itd-header-pop",style:{opacity:X?1:0,transform:X?"translateY(0)":"translateY(-10px)",transition:"opacity 250ms ease, transform 250ms ease",visibility:U?"visible":"hidden",pointerEvents:U?"auto":"none"},children:[a("div",{className:"inn-profile-popover-user itd-header-pop-user",children:[e("span",{className:"inn-profile-popover-user-photo itd-header-pop-photo",children:e(S,{avatar:p.avatar,alt:p.username,failed:J,onFail:()=>Q(!0)})}),a("span",{className:"inn-profile-popover-user-info itd-header-pop-id",children:[e("span",{children:p.username}),p.country&&e("span",{children:p.country})]})]}),e("hr",{className:"itd-header-pop-sep"}),e("div",{className:"inn-profile-popover-menu inn-mobile-menu-items itd-header-pop-menu",children:K.map(e=>a(m,{variant:"ghost",size:"default",className:"inn-mobile-menu-item justify-start",onClick:e.onClick,children:[e.icon,e.label]},e.label))}),g.length>0&&a(i,{children:[e("hr",{className:"itd-header-pop-sep"}),a("div",{className:"inn-profile-popover-language itd-header-pop-lang",children:[e("span",{children:C}),e(w,{languages:g,language:b,onLanguageChange:v})]})]}),e("hr",{className:"itd-header-pop-sep"}),e("div",{className:"inn-profile-popover-sign-out itd-header-pop-out",children:a(m,{variant:"ghost",size:"default",className:"justify-start",onClick:M,children:[e(c,{size:16}),G]})})]})]})]})]})]}),u.length>0&&e("nav",{id:"inn-header-menu",className:"itd-header-menu",children:e("ul",{className:"itd-header-menu-list header-menu-list",children:u.map(a=>e("li",{className:"itd-header-menu-item header-menu-item",children:e(B,{item:a})},a.label))})})]})},E=({logo:r,logoHref:s,user:d,onLogin:c,onSignup:h,loginText:u="Giriş Yap",signupText:p="Kayıt Ol",onDeposit:g,onNotifications:b,onProfile:v,id:C,className:y})=>{const{masked:x,toggle:z}=k(),[j,L]=n(!1);return l(()=>L(!1),[d?.avatar]),e("header",{id:C??"inn-mobile-header",className:"itd-mobile-header"+(y?" "+y:""),children:a("div",{id:"inn-mobile-header-top",className:"itd-mobile-header-top",children:[e(D,{logoHref:s,id:"inn-mobile-header-logo",className:"inn-mobile-header-logo itd-mobile-header-logo",children:r}),e("div",{className:"itd-mobile-header-cluster",children:a(i,d?{children:[a("span",{className:"inn-mobile-balance itd-mobile-header-balance",children:[e("button",{type:"button",className:"itd-mobile-header-balance-amount","aria-label":x?"Bakiyeyi göster":"Bakiyeyi gizle",onClick:z,children:d.balanceLoading?e(f,{className:"itd-header-balance-skeleton"}):e(N,{value:d.balance,currency:d.currency})}),e(m,{size:"small",variant:"default","aria-label":"Para Yatır",onClick:g,children:e(t,{size:18})})]}),a("button",{type:"button",className:"inn-mobile-notifications itd-mobile-header-bell","aria-label":"Bildirimler",onClick:b,children:[e(o,{size:16,fill:"currentColor"}),void 0!==d.notifications&&e("span",{className:"itd-mobile-header-bell-count",children:d.notifications})]}),a("button",{type:"button",id:"inn-mobile-profile-photo",className:"itd-mobile-header-avatar","aria-label":"Profil",onClick:v,children:[e(S,{avatar:d.avatar,alt:d.username,failed:j,onFail:()=>L(!0)}),e("span",{id:"inn-socket-status",className:"itd-mobile-header-dot","data-status":d.socketStatus??"connected",title:"Bağlı",children:e("span",{})})]})]}:{children:[e(m,{variant:"custom",size:"medium",className:"itd-mobile-header-login",onClick:c,children:u}),e(m,{size:"medium",className:"itd-mobile-header-signup",onClick:h,children:p})]})})]})})},I=a=>{const i=y()===x.MOBILE;return e(i?E:Y,{...a})};export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as a}from"react";import{ChevronDown as
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import{useState as a,useRef as m}from"react";import{CSSTransition as l}from"react-transition-group";import{ChevronDown as t,ChevronRight as d}from"lucide-react";import r from"../../select/index.js";import{useScrollLock as c}from"../../primitives/scrollLock.js";import o from"../../hooks/useOnESCKeyDown.js";import{SelectItem as s}from"../../select/SelectItem.js";const u=({icon:n})=>n?e("span",{className:"itd-mega-menu-icon inn-mega-menu-icon inn-mobile-mega-menu-item-icon",children:n}):null,g=({link:a,className:m,trailing:l})=>{const t=n(i,{children:[e(u,{icon:a.icon}),e("span",{className:"itd-mega-menu-label inn-mega-menu-label",children:a.label}),null!=a.badge&&e("span",{className:"itd-mega-menu-badge inn-mega-menu-badge",children:a.badge}),l]}),d={className:(m+(a.active?" is-active":"")).trim(),"data-active":a.active?"true":void 0};return a.href?e("a",{...d,href:a.href,onClick:a.onClick,children:t}):e("button",{type:"button",...d,onClick:a.onClick,children:t})},p=({entries:i=[],className:p="",open:h,onOpenChange:b,closeOnEscape:v=!0,id:N})=>{const[f,k]=a(()=>new Set(i.filter(e=>"accordion"===e.kind&&e.defaultOpen).map(e=>e.id))),C=m(null),E=void 0!==h;c(!0===h,C),o(()=>{v&&b?.(!1)},C,{enabled:!0===h});const w=e("nav",{id:E?"inn-mobile-mega-menu-content-items":void 0,className:("itd-mega-menu inn-mega-menu "+p).trim(),"aria-label":"Menü",children:i.map(i=>{if("accordion"===i.kind){const a=f.has(i.id);return n("div",{className:"itd-mega-menu-item itd-mega-menu-item--accordion inn-mega-menu-item inn-mobile-mega-menu-group","data-open":a?"true":"false",children:[n("div",{className:"itd-mega-menu-head inn-mega-menu-item-head inn-mobile-mega-menu-item",children:[e(g,{link:{label:i.label,icon:i.icon,href:i.href,onClick:i.onClick,active:i.active},className:"itd-mega-menu-head-main inn-mega-menu-item-link"}),e("button",{type:"button",className:"itd-mega-menu-toggle inn-mega-menu-item-toggle","aria-expanded":a,"aria-label":a?"Kapat":"Aç",onClick:()=>(e=>k(n=>{const i=new Set(n);return i.has(e)?i.delete(e):i.add(e),i}))(i.id),children:e("span",{className:"itd-mega-menu-toggle-icon","aria-hidden":!0,children:e(t,{})})})]}),e("div",{className:"itd-mega-menu-collapse inn-mega-menu-sub",children:e("div",{className:"itd-mega-menu-collapse-inner",children:i.items.map(n=>e(g,{link:n,className:"itd-mega-menu-subitem inn-mega-menu-sub-item inn-mobile-mega-menu-sub-menu-item"},n.id))})})]},i.id)}return"group"===i.kind?n("div",{className:"itd-mega-menu-item itd-mega-menu-item--group inn-mega-menu-item inn-mega-menu-group inn-mobile-mega-menu-group"+(i.label?" open-group":""),children:[i.label?n("div",{className:"itd-mega-menu-grouphead inn-mega-menu-group-head",children:[e(u,{icon:i.icon}),e("span",{className:"itd-mega-menu-label inn-mega-menu-label",children:i.label})]}):null,i.items.map(n=>e(g,{link:n,className:"itd-mega-menu-groupitem inn-mega-menu-group-item inn-mobile-mega-menu-sub-menu-item"},n.id))]},i.id):"select"===i.kind?e("div",{className:"itd-mega-menu-item itd-mega-menu-item--select inn-mega-menu-item",children:e(r,{size:"large",className:"itd-mega-menu-select"+(i.arrowWell?" itd-mega-menu-select--well":""),defaultValue:i.defaultValue,onChange:e=>i.onChange?.(e),"aria-label":i.ariaLabel,children:i.options.map(n=>e(s,{value:n.value,image:n.image,children:n.label},n.value))})},i.id):e("div",{className:"itd-mega-menu-item itd-mega-menu-item--link inn-mega-menu-item inn-mobile-mega-menu-group",children:e(g,{link:{label:i.label,icon:i.icon,href:i.href,onClick:i.onClick,active:i.active,badge:i.badge},className:"itd-mega-menu-link inn-mega-menu-link inn-mobile-mega-menu-item",trailing:e("span",{className:"itd-mega-menu-chevron inn-mega-menu-chevron","aria-hidden":!0,children:e(d,{})})})},i.id)})});return E?e(l,{in:h,appear:!0,mountOnEnter:!0,unmountOnExit:!0,timeout:250,classNames:"itd-mega-menu-drawer",nodeRef:C,addEndListener:e=>{const n=C.current?.firstElementChild;if(!n)return;const i=a=>{a.target===n&&(n.removeEventListener("transitionend",i),e())};n.addEventListener("transitionend",i)},children:e("div",{ref:C,id:N??"inn-mobile-mega-menu",className:"itd-mega-menu-drawer",children:e("div",{id:"inn-mobile-mega-menu-content",className:"itd-mega-menu-slide",children:w})})}):w};export{p as MegaMenu,p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useITDRouterAdapter as r}from"./context.js";import{useITDNavigate as a,useITDLocation as o}from"./hooks.js";import{matchActive as i}from"./matchActive.js";const n=t(({to:t,end:n,replace:c,state:l,activeClassName:s="active",className:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useITDRouterAdapter as r}from"./context.js";import{useITDNavigate as a,useITDLocation as o}from"./hooks.js";import{matchActive as i}from"./matchActive.js";const n=t(({to:t,end:n,replace:c,state:l,activeClassName:s="active",className:f,onClick:m,target:p,children:d,...h},u)=>{const k=r(),v=a(),{pathname:j}=o(),y=k?.href?k.href(t):t,C=i(t,j,{end:n}),K={className:[f,C?s:null].filter(Boolean).join(" ")||void 0,"aria-current":C?"page":void 0,target:p,...h};if(k?.Link){const r=k.Link;return e(r,{...K,to:t,replace:c,state:l,onClick:m,ref:u,children:d})}return e("a",{...K,href:y,onClick:e=>{if(m?.(e),!k||!((e,t)=>!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.defaultPrevented||t&&"_self"!==t))(e,p))return;e.preventDefault();v(t,{replace:c,state:l})},ref:u,children:d})});n.displayName="ItdLink";export{n as ITDLink,n as default};
|
package/dist/global.css
CHANGED
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
.itd-gamebox .inn-image-box-available-seats span.available{color:var(--itd-primary-foreground,oklch(1 0 0))}
|
|
463
463
|
}.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}.itd-slider-block[data-background=true]{background-color:var(--itd-slider-surface,var(--itd-color-background-alt));border-radius:var(--itd-slider-surface-radius,var(--itd-radius-md))}.itd-slider{position:relative}.itd-slider-viewport{overflow:hidden;border-radius:var(--itd-slider-radius,0)}.itd-slider-container{display:flex;margin-left:calc(var(--itd-slider-spacing, .625rem) * -1);touch-action:pan-y pinch-zoom}.itd-slider-slide{flex:0 0 var(--itd-slider-slide-size,100%);min-width:0;padding-left:var(--itd-slider-spacing,.625rem);transform:translateZ(0)}.itd-slider-controls{position:absolute;left:50%;transform:translateX(-50%);z-index:2}.inn-slider-controls{bottom:.3125rem}.inn-mobile-slider-controls{bottom:1rem}.itd-slider-dots{display:flex}.itd-slider-dot{position:relative;border:0;background:#0000;cursor:pointer;padding:0}.inn-slider-dot{width:1.5rem;height:1.5rem}.inn-mobile-slider-dot{width:.875rem;height:.875rem}.itd-slider-dot:after{content:"";position:absolute;inset:0;margin:auto;border-radius:9999px;background:#00000080;background:oklch(0 0 0/.502);transition:background .3s ease}.inn-slider-dot:after{width:.875rem;height:.875rem}.inn-mobile-slider-dot:after{width:.625rem;height:.625rem}}@layer components{.inn-slider-dot:hover:where(:root:not(.itd-touch) *):after,.itd-slider-dot[aria-current]:after{background:var(--itd-primary)}.itd-slider-dot:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem;border-radius:9999px}}@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)}.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)}}@layer components{.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}@layer components{.itd-min-width-gate{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:1.5rem;background:oklch(from var(--itd-background,var(--itd-color-background-alt)) l c h/.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.itd-min-width-gate-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--itd-spacing) * 2);max-width:26rem;padding:calc(var(--itd-spacing) * 8) calc(var(--itd-spacing) * 7);border-radius:var(--itd-radius-md);background:var(--itd-color-background-modal);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text);text-align:center}.itd-min-width-gate-icon{color:var(--itd-primary);margin-bottom:calc(var(--itd-spacing) * 1)}.itd-min-width-gate-icon svg{width:2.5rem;height:2.5rem}.itd-min-width-gate-title{font-size:var(--itd-text-lg);line-height:var(--itd-text-lg--line-height);font-weight:var(--itd-font-weight-bold)}.itd-min-width-gate-desc{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral)}.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)}}@layer components{@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(
|
|
464
464
|
--site-header-outline-border,oklch(from var(--itd-background) calc(l + .24) c h/.75)
|
|
465
|
-
)}.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)}
|
|
465
|
+
)}.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-skeleton{width:4.4375rem;height:calc(var(--itd-text-sm) * var(--itd-text-sm--line-height))}:is(.itd-header-avatar,.itd-header-pop-photo,.itd-mobile-header-avatar) .itd-avatar-fallback{background:#0000}.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)}
|
|
466
466
|
|
|
467
467
|
@supports (color: oklab(0% 0 0%)){
|
|
468
468
|
.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))}
|
|
@@ -489,9 +489,9 @@
|
|
|
489
489
|
.itd-tournament-stats-row span[data-tone=positive]{color:var(--itd-color-success,oklch(.72 .19 145))}
|
|
490
490
|
}.itd-tournament-stats-row span[data-tone=negative]{color:var(--itd-color-error)}:root[data-theme=light] .itd-tournament-stats-row span[data-tone=positive]{color:var(--_pos)}.itd-tournament-stats-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:9999px;background-color:oklch(from var(--itd-color-background-alt-hover) calc(l + .04) c h);color:var(--itd-color-text);box-shadow:0 .25rem .75rem #00000073;box-shadow:0 .25rem .75rem oklch(0 0 0/.45);cursor:pointer}.itd-tournament-stats-arrow:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-color-background-alt-hover) calc(l + .08) c h)}.itd-tournament-stats-arrow[data-dir=prev]{left:-.75rem}.itd-tournament-stats-arrow[data-dir=next]{right:-.75rem}.itd-mobile .itd-tournament-stats-arrow{width:2rem;height:2rem}.itd-tournament-section{display:flex;flex-direction:column;gap:.875rem}.itd-tournament-box-title{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-tournament-provider-chips{display:flex;flex-wrap:wrap;gap:.5rem}.itd-mobile .itd-tournament-provider-chips{gap:.25rem}.itd-tournament-provider-chip{background-color:var(--_wash);border-radius:var(--itd-radius-sm);padding:.375rem .75rem;color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold)}.itd-mobile .itd-tournament-provider-chip{padding:.375rem .625rem;font-size:var(--itd-text-xs)}[data-theme=light] .itd-tournament-provider-chip{color:var(--itd-color-text)}.itd-tournament-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.875rem}.itd-mobile .itd-tournament-games-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.625rem}.itd-tournament-games-more{display:flex;align-items:center;justify-content:center;border:0;background-color:var(--_more-bg);border-radius:var(--itd-radius-sm);cursor:pointer;transition:background-color .15s ease;aspect-ratio:440/310;align-self:start}.itd-tournament-games-more:hover:where(:root:not(.itd-touch) *){background-color:var(--_more-hover)}.itd-tournament-games-more span{font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-mobile .itd-tournament-games-more span{font-size:var(--itd-text-15)}.itd-tournament-games-empty{display:flex;align-items:center;justify-content:center;min-height:7.5rem;background-color:var(--_wash);border-radius:var(--itd-radius-md);padding:1rem 2rem;text-align:center}.itd-tournament-games-empty span{font-size:var(--itd-text-13);color:var(--_steel)}.itd-tournament-panels{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1.5rem}@media (max-width:1100px){.itd-tournament-panels{grid-template-columns:1fr}}.itd-tournament-panel{background-color:var(--_wash);border-radius:var(--itd-radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.itd-mobile .itd-tournament-panel{padding:1rem}.itd-tournament-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--_hair);font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase;color:var(--_steel)}.itd-tournament-panel-list{display:flex;flex-direction:column;max-height:25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-mobile .itd-tournament-panel-list{max-height:none;overflow:visible}.itd-tournament-panel-empty{font-size:var(--itd-text-13);color:var(--_steel)}.itd-tournament-standings-header{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.875rem;padding-left:.25rem;padding-right:.25rem;justify-content:start}.itd-tournament-standings-header span:nth-child(2){text-align:left}:root[data-theme=light]:not([data-itd-elevation=raised]) .itd-tournament-panel{--itd-filter-tab-bg:oklch(from var(--itd-background) 0.9 c h)}:root[data-itd-elevation=raised] .itd-tournament-panel{--itd-filter-tab-bg:oklch(from var(--itd-background) 0.92 c h)}.itd-tournament-prize-row b,.itd-tournament-rank{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background-color:var(--_rank-bg);color:var(--_rank-ink);border-radius:var(--itd-radius-sm);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.itd-tournament-prize-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--_hair)}.itd-tournament-prize-row:last-child{border-bottom:0}.itd-tournament-prize-row>span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);text-align:right}:root[data-theme=light] .itd-tournament-prize-row>span{color:var(--itd-color-text)}.itd-tournament-standings-row{display:flex;align-items:center;gap:.875rem;padding:.625rem .25rem;border-bottom:1px solid var(--_hair)}.itd-tournament-standings-row:last-child{border-bottom:0}.itd-tournament-standings-row.is-highlight{background-color:color-mix(in srgb,var(--itd-primary) 8%,#0000)}.itd-tournament-standings-photo{width:2.25rem;height:2.25rem;flex:none;border-radius:9999px;overflow:hidden;background-color:var(--_wash)}.itd-tournament-standings-photo img{width:100%;height:100%;object-fit:cover;display:block}.itd-tournament-standings-user{flex:1;min-width:0;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.itd-tournament-standings-value{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text);white-space:nowrap}.itd-tournament-standings-row[data-top] .itd-tournament-standings-value{color:var(--_pos)}.itd-tournament-board-sentinel{display:flex;justify-content:center;padding:.625rem 0;min-height:1px}.itd-tournament-board-sentinel .itd-spin-spinner{position:static;transform:none}.itd-tournament-rules-scroll{max-height:25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-mobile .itd-tournament-rules-scroll{max-height:none;overflow:visible}.itd-tournament-rules-text{font-size:var(--itd-text-13);line-height:1.35rem;color:var(--itd-color-text-neutral);white-space:pre-wrap}.itd-raffle{margin:0 auto;position:relative;--_wash:var(--itd-box-wash);--_steel:var(--site-footer-ink, var(--itd-color-text-muted))}.itd-raffle,.itd-raffle-title-bar{width:100%;color:var(--itd-color-text)}.itd-raffle-title-bar{display:flex;align-items:center;height:3.75rem;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.itd-raffle-content-wrapper{display:flex;flex-wrap:wrap;column-gap:1.25rem}.itd-raffle-content{width:100%;container-type:inline-size}.itd-raffle-cover{aspect-ratio:1480/363;overflow:hidden;border-radius:var(--itd-radius-md);display:flex;align-items:center;justify-content:center}.itd-raffle-cover img:not(.itd-image-error){width:100%;height:100%;object-fit:cover}.itd-mobile .itd-raffle-cover{aspect-ratio:auto}.itd-mobile .itd-raffle-cover img:not(.itd-image-error){height:auto}.itd-raffle-box{position:relative;background-color:var(--_wash);padding:3rem;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-neutral);display:flex;flex-direction:column;gap:1rem}.itd-mobile .itd-raffle-box{padding:1.25rem}.itd-raffle-box-title{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-mobile .itd-raffle-box-title{font-size:var(--itd-text-15)}.itd-raffle-empty-note{font-size:var(--itd-text-13);color:var(--_steel)}.itd-raffle-info-box{margin-top:1.25rem}.itd-mobile .itd-raffle-info-box{margin-top:1rem}.itd-raffle-title{margin:0;font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-raffle-description{font-size:var(--itd-text-sm);line-height:1.4rem;color:var(--itd-color-text-neutral)}.itd-mobile .itd-raffle-description.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.itd-raffle-desc-toggle{align-self:flex-start;border:0;padding:0;background:none;color:var(--itd-primary);font-family:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);cursor:pointer}.itd-raffle-sep{border:0;border-top:1px solid color-mix(in srgb,var(--_steel) 15%,#0000);width:100%;margin:.3125rem 0}:root[data-theme=light] .itd-raffle-sep{border-top-color:#00000014;border-top-color:oklch(0 0 0/.08)}:root[data-theme=light] .itd-raffle-info-sep{border-right-color:#00000014;border-right-color:oklch(0 0 0/.08)}.itd-raffle-info{display:grid;grid-template-columns:max-content max-content max-content max-content 1fr;align-items:center;gap:1rem}.itd-mobile .itd-raffle-info{grid-template-columns:1fr;gap:.75rem}.itd-raffle-info-cell{display:flex;align-items:center;gap:.375rem;font-size:var(--itd-text-13)}.itd-raffle-info-cell b{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-raffle-info-sep{height:2.375rem;border-right:1px solid var(--itd-color-background-alt-hover)}.itd-mobile .itd-raffle-info-sep{display:none}.itd-raffle-status{display:inline-flex;align-items:center;height:1.5rem;padding:0 .625rem;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-bold)}.itd-raffle-status[data-tone=active]{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-raffle-status[data-tone=upcoming]{background:var(--itd-color-info);color:#fff;color:oklch(1 0 0)}.itd-raffle-status[data-tone=ended]{background:#fff;background:oklch(1 0 0);color:#12161f;color:oklch(.2 .02 270)}.itd-raffle-main{display:grid;grid-template-columns:.75fr 1.25fr .6fr;gap:1.25rem;margin-top:1.25rem}}@layer components{@container (max-width: 68rem){.itd-raffle-main{grid-template-columns:1fr 1fr}.itd-raffle-main>:nth-child(3){grid-column:1/-1}}@container (max-width: 48rem){.itd-raffle-main{grid-template-columns:1fr}.itd-raffle-main>:nth-child(3){grid-column:auto}}.itd-mobile .itd-raffle-main{grid-template-columns:1fr;gap:1rem;margin-top:1rem}@container (min-width: 48.01rem){.itd-raffle-main>.itd-raffle-rules{height:0;min-height:100%}}@container (min-width: 68.01rem){.itd-raffle-main>.itd-raffle-participants{height:0;min-height:100%}}.itd-mobile .itd-raffle-main>*{height:auto;min-height:0}.itd-raffle-prize-list{display:flex;flex-direction:column;gap:1rem}.itd-raffle-prize-item{display:flex;flex-direction:row;align-items:center;gap:1rem}.itd-raffle-prize-art{width:6.25rem;height:6.25rem;flex:none;border-radius:var(--itd-radius-sm);overflow:hidden;background:var(--_wash)}.itd-mobile .itd-raffle-prize-art{width:5rem;height:5rem}.itd-raffle-prize-art img{width:100%;height:100%;object-fit:cover;display:block}.itd-raffle-prize-texts{display:flex;flex-direction:column;gap:.25rem;min-width:0}.itd-raffle-prize-texts h5{margin:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-raffle-prize-texts>span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);color:var(--_steel)}.itd-raffle-rules{overflow:hidden}.itd-raffle-rules-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-raffle-rules-text{font-size:var(--itd-text-13);line-height:1.35rem;color:var(--itd-color-text-neutral);white-space:pre-wrap}.itd-raffle-participant-list{display:flex;flex-direction:column;gap:.875rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--itd-panel-scroll-thumb) #0000}.itd-raffle-participants{overflow:hidden}.itd-raffle-participant-item{display:flex;align-items:center;gap:.75rem}.itd-raffle-participant-photo{width:2.5rem;height:2.5rem;flex:none;border-radius:9999px;overflow:hidden;background:var(--_wash)}.itd-raffle-participant-photo img{width:100%;height:100%;object-fit:cover;display:block}.itd-raffle-participant-texts{display:flex;flex-direction:column;gap:.125rem;min-width:0}.itd-raffle-participant-texts h6{margin:0;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-raffle-participant-texts>span{font-size:var(--itd-text-xs);color:var(--_steel)}.itd-raffle-participants-sentinel{display:flex;justify-content:center;padding:.625rem 0;min-height:1px;flex:none}.itd-raffle-participants-sentinel .itd-spin-spinner{position:static;transform:none}.itd-raffle-tabs{margin-top:1rem}.itd-raffle-skeleton{display:flex;flex-direction:column;gap:.75rem;width:100%}.itd-raffle-skeleton-cover{aspect-ratio:1480/363;border-radius:var(--itd-radius-md)}.itd-raffle-empty{width:100%;height:max-content;min-height:31.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;background-color:var(--_wash);border-radius:var(--itd-radius-md);padding:0 2rem}.itd-raffle-empty h3{margin:0;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-raffle-empty h3 span{color:var(--itd-primary)}.itd-raffle-empty>span{color:var(--_steel);font-size:var(--itd-text-13);line-height:1.1rem}.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}.itd-auth-page{width:100%;min-height:100dvh;padding:var(--itd-auth-page-pad,calc(var(--itd-spacing) * 12.5));display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--itd-background)}.itd-auth-page.itd-auth-page-mobile{padding:var(--itd-auth-page-pad,calc(var(--itd-spacing) * 2.5));--itd-auth-page-card-pad:calc(var(--itd-spacing) * 5)}.itd-auth-page-logo{display:flex;justify-content:center;padding-block-end:calc(var(--itd-spacing) * 6)}.itd-auth-page-mobile .itd-auth-page-logo{padding-block-start:calc(var(--itd-spacing) * 5)}.itd-auth-page-body{display:flex;flex:1 auto;min-width:0;flex-direction:column;justify-content:center;align-items:center;width:100%}.itd-auth-page-column{width:100%;max-width:calc(var(--itd-auth-page-w, 23.125rem) + var(--itd-auth-page-card-pad, 2rem) * 2)}.itd-auth-page-card{padding:var(--itd-auth-page-card-pad,2rem)}.itd-auth-page-result{width:100%}[data-itd-elevation=raised] .itd-auth-page{background-color:oklch(from var(--itd-background) calc(l - .025) c h)}[data-itd-elevation=raised] .itd-auth-page-column.itd-card{background-color:var(--itd-background)}[data-itd-elevation=raised] .itd-auth-page-column.itd-card>*{--itd-color-background-input:var(--itd-card);--itd-input-addon-bg:var(--itd-color-background-alt-hover)}.itd-auth-page-title{display:grid;gap:calc(var(--itd-spacing) * 2);text-align:center;margin-block-start:1rem}.itd-auth-page-title h1{color:var(--itd-auth-page-title-ink,var(--itd-primary));font-size:var(--itd-text-22);line-height:1.2;font-weight:var(--itd-font-weight-bold)}.itd-auth-page-title span{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);font-weight:var(--itd-font-weight-medium)}.itd-auth-page-separator{width:100%;height:1px;border-bottom:1px dashed var(--itd-auth-page-rule,var(--itd-color-border));margin-block:calc(var(--itd-spacing) * 6)}.itd-auth-page-column .itd-alert{margin-block-end:1.5rem}.itd-auth-page-rules{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);line-height:1.2;font-weight:var(--itd-font-weight-medium);margin-block:calc(var(--itd-spacing) * 2.5) 1rem}.itd-auth-page-column .itd-form-control{margin-block-start:calc(var(--itd-spacing) * 2.5)}.itd-auth-page-help{margin-block-start:calc(var(--itd-spacing) * 10)}.itd-auth-page-footer{display:grid;gap:calc(var(--itd-spacing) * 2.5);align-items:center;width:100%;max-width:var(
|
|
491
491
|
--itd-auth-page-footer-w,calc(var(--itd-auth-page-w, 23.125rem) + var(--itd-auth-page-card-pad, 2rem) * 2)
|
|
492
|
-
);margin-inline:auto;margin-block-start:calc(var(--itd-spacing) * 6);grid-template-columns:9.375rem 1fr}.itd-auth-page-mobile .itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr;justify-content:center}.itd-auth-page-copyright{display:flex;align-items:center;justify-content:flex-end;color:var(--itd-color-text-muted)}.itd-auth-page-copyright,.itd-auth-page-copyright a{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-auth-page-copyright a{margin-inline-start:calc(var(--itd-spacing) * 1.25);color:var(--itd-color-text);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}}@layer components{.itd-auth-page-copyright a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-auth-page-mobile .itd-auth-page-copyright{justify-content:center}@media (max-width:48rem){.itd-auth-page{padding:var(--itd-auth-page-pad,calc(var(--itd-spacing) * 2.5));--itd-auth-page-card-pad:calc(var(--itd-spacing) * 5)}.itd-auth-page .itd-auth-page-logo{padding-block-start:calc(var(--itd-spacing) * 5)}.itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr}.itd-auth-page-copyright,.itd-auth-page-footer{justify-content:center}}.itd-auth-page-result[data-state=error] .itd-result-title{color:var(--itd-auth-page-error-ink,var(--itd-color-error))}.itd-auth-page-result[data-state=expired] .itd-result-title{color:var(--itd-auth-page-expired-ink,var(--itd-color-alert-warning-title))}.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)}}@layer components{@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))}.itd-default-avatar{width:100%;height:100%;display:block;background:oklch(from var(--itd-background) calc(l - .04) c h);fill:var(--site-avatar-ink,color-mix(in srgb,var(--itd-primary) 60%,#0000))}[data-theme=light] .itd-default-avatar{background:oklch(from var(--itd-background) calc(l - .1) c h)}.itd-filter-tabs,.itd-filter-tabs[data-orientation=horizontal]{display:flex;flex-wrap:wrap;gap:calc(var(--itd-spacing) * 2);--_ft-default:var(--itd-color-background-alt-hover);--_ft-hover-l:0.04}.itd-filter-tabs-grow{flex-wrap:nowrap}.itd-filter-tabs-grow .itd-filter-tab{flex:1;justify-content:center}.itd-filter-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--itd-filter-tab-bg,var(--_ft-default));padding:.625rem .875rem;border-radius:.25rem;color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .25s ease-in-out}.itd-filter-tabs-upper .itd-filter-tab{text-transform:uppercase}}@layer components{.itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-filter-tab-bg,var(--_ft-default)) calc(l + var(--_ft-hover-l)) c h)}:root[data-itd-elevation=raised] .itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-background) .93 c h)}.itd-filter-tab.active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-filter-tab:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}:root[data-theme=light] .itd-filter-tabs{--_ft-default:var(--itd-box-wash);--_ft-hover-l:-0.04}:root[data-theme=light] .itd-filter-tab:not(.active){color:var(--itd-color-text)}.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb, var(--itd-color-text) 88%, #0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(
|
|
492
|
+
);margin-inline:auto;margin-block-start:calc(var(--itd-spacing) * 6);grid-template-columns:9.375rem 1fr}.itd-auth-page-mobile .itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr;justify-content:center}.itd-auth-page-copyright{display:flex;align-items:center;justify-content:flex-end;color:var(--itd-color-text-muted)}.itd-auth-page-copyright,.itd-auth-page-copyright a{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-auth-page-copyright a{margin-inline-start:calc(var(--itd-spacing) * 1.25);color:var(--itd-color-text);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}}@layer components{.itd-auth-page-copyright a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-auth-page-mobile .itd-auth-page-copyright{justify-content:center}@media (max-width:48rem){.itd-auth-page{padding:var(--itd-auth-page-pad,calc(var(--itd-spacing) * 2.5));--itd-auth-page-card-pad:calc(var(--itd-spacing) * 5)}.itd-auth-page .itd-auth-page-logo{padding-block-start:calc(var(--itd-spacing) * 5)}.itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr}.itd-auth-page-copyright,.itd-auth-page-footer{justify-content:center}}.itd-auth-page-result[data-state=error] .itd-result-title{color:var(--itd-auth-page-error-ink,var(--itd-color-error))}.itd-auth-page-result[data-state=expired] .itd-result-title{color:var(--itd-auth-page-expired-ink,var(--itd-color-alert-warning-title))}.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)}}@layer components{@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))}.itd-default-avatar{width:100%;height:100%;display:block;background:oklch(from var(--itd-background) calc(l - .04) c h);fill:var(--site-avatar-ink,color-mix(in srgb,var(--itd-primary) 60%,#0000))}[data-theme=light] .itd-default-avatar{background:oklch(from var(--itd-background) calc(l - .1) c h)}.itd-filter-tabs,.itd-filter-tabs[data-orientation=horizontal]{display:flex;flex-wrap:wrap;gap:calc(var(--itd-spacing) * 2);--_ft-default:var(--itd-color-background-alt-hover);--_ft-hover-l:0.04}.itd-filter-tabs-grow{flex-wrap:nowrap}.itd-filter-tabs-grow .itd-filter-tab{flex:1;justify-content:center}.itd-filter-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--itd-filter-tab-bg,var(--_ft-default));padding:.625rem .875rem;border-radius:.25rem;color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .25s ease-in-out}.itd-filter-tabs-upper .itd-filter-tab{text-transform:uppercase}}@layer components{.itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-filter-tab-bg,var(--_ft-default)) calc(l + var(--_ft-hover-l)) c h)}:root[data-itd-elevation=raised] .itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-background) .93 c h)}.itd-filter-tab.active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-filter-tab:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}:root[data-theme=light] .itd-filter-tabs{--_ft-default:var(--itd-box-wash);--_ft-hover-l:-0.04}:root[data-theme=light] .itd-filter-tab:not(.active){color:var(--itd-color-text)}.itd-mega-menu,.itd-mega-menu-drawer{--itd-mega-menu-bg:oklch(from var(--itd-background) 0.2 c h)}[data-theme=light] :is(.itd-mega-menu,.itd-mega-menu-drawer){--itd-mega-menu-bg:oklch(from var(--itd-background) 0.89 c h)}.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb, var(--itd-color-text) 88%, #0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(
|
|
493
493
|
from var(--itd-color-background-alt-hover) calc(l + var(--itd-mega-menu-well-shift)) c h
|
|
494
|
-
);--itd-mega-menu-bg:oklch(from var(--itd-background) 0.2 c h);display:flex;flex-direction:column;gap:.625rem;width:100%;min-height:100%;padding:1rem;background:var(--itd-mega-menu-bg);box-sizing:border-box}[data-theme=light] .itd-mega-menu{--itd-mega-menu-bg:oklch(from var(--itd-background) 0.89 c h)}.itd-mega-menu-item{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-control);overflow:hidden;transition:border-radius .15s ease .24s}.itd-mega-menu-item--group,.itd-mega-menu-item[data-open=true]{border-radius:min(var(--itd-radius-control),var(--itd-radius-lg))}.itd-mega-menu-item[data-open=true]{transition:border-radius 0s}[data-theme=light] .itd-mega-menu-item{background:oklch(from var(--itd-mega-menu-bg) calc(min(l + .06, .99)) c h)}.itd-mega-menu-groupitem,.itd-mega-menu-head-main,.itd-mega-menu-link,.itd-mega-menu-subitem{display:flex;align-items:center;gap:.875rem;width:100%;min-height:2.75rem;padding:0 .75rem 0 1rem;border:0;background:none;cursor:pointer;color:var(--itd-mega-menu-ink);text-decoration:none;font-family:inherit;text-align:left;box-sizing:border-box}.itd-mega-menu-head,.itd-mega-menu-link{background:linear-gradient(var(--itd-color-background-alt-hover),color-mix(in srgb,var(--itd-color-background-alt-hover) 55%,var(--itd-color-background-alt) 45%));border-radius:var(--itd-radius-md)}.itd-mega-menu-head{display:flex;align-items:center;min-height:2.75rem;padding-right:.75rem;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/0));transition:filter .2s ease .28s,border-radius .15s ease .24s}.itd-mega-menu-item[data-open=true] .itd-mega-menu-head{filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/var(--itd-mega-menu-shadow-alpha)));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;transition:filter .25s ease .22s,border-radius .1s ease}[data-theme=dark] .itd-mega-menu{--itd-mega-menu-shadow-alpha:0.52;--itd-mega-menu-well-shift:0.08}.itd-mega-menu-head-main{flex:1;min-width:0;padding-right:.5rem}}@layer components{.itd-mega-menu-groupitem:focus-visible,.itd-mega-menu-head-main:focus-visible,.itd-mega-menu-link:focus-visible,.itd-mega-menu-subitem:focus-visible,.itd-mega-menu-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:-2px}.itd-mega-menu-icon{display:inline-flex;flex:none;color:var(--itd-mega-menu-ink)}.itd-mega-menu-icon :is(img,svg){width:1.25rem;height:1.25rem}.itd-mega-menu-icon img{border-radius:var(--itd-radius-xs);object-fit:cover}.itd-mega-menu-label{flex:1;min-width:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);line-height:1;color:var(--itd-mega-menu-ink)}.is-active :is(.itd-mega-menu-icon,.itd-mega-menu-label){color:var(--itd-primary)}.itd-mega-menu-badge{flex:none;display:inline-flex;align-items:center;padding:.0625rem .5rem;border-radius:var(--itd-radius-pill);background:var(--itd-color-background-alt);color:var(--itd-mega-menu-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-mega-menu-toggle{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg);color:var(--itd-mega-menu-ink);cursor:pointer}.itd-mega-menu-toggle-icon{display:inline-flex;transition:transform .25s ease}.itd-mega-menu-toggle-icon svg{width:1rem;height:1rem}.itd-mega-menu-item[data-open=true] .itd-mega-menu-toggle-icon{transform:rotate(180deg)}.itd-mega-menu-chevron{flex:none;display:inline-flex;color:var(--itd-mega-menu-ink)}.itd-mega-menu-chevron svg{width:1rem;height:1rem}.itd-mega-menu-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse{grid-template-rows:1fr}.itd-mega-menu-collapse-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse-inner{opacity:1}.itd-mega-menu-subitem{min-height:2.75rem}.itd-mega-menu-item--group{padding:.25rem 0}.itd-mega-menu-item--select{background:none;overflow:visible}.itd-mega-menu-select{width:100%}.itd-mega-menu-select.itd-select-filled .itd-select-selector{height:2.75rem;padding:0 .75rem 0 1rem}.itd-mega-menu-select .itd-select-selection-label.itd-select-selection-item-single{margin-left:.5rem}.itd-mega-menu-select--well .itd-select-arrow{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg)}.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)}}@layer components{@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(
|
|
494
|
+
);display:flex;flex-direction:column;gap:.625rem;width:100%;min-height:100%;padding:1rem;background:var(--itd-mega-menu-bg);box-sizing:border-box}.itd-mega-menu-item{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-control);overflow:hidden;transition:border-radius .15s ease .24s}.itd-mega-menu-item--group,.itd-mega-menu-item[data-open=true]{border-radius:min(var(--itd-radius-control),var(--itd-radius-lg))}.itd-mega-menu-item[data-open=true]{transition:border-radius 0s}[data-theme=light] .itd-mega-menu-item{background:oklch(from var(--itd-mega-menu-bg) calc(min(l + .06, .99)) c h)}.itd-mega-menu-groupitem,.itd-mega-menu-head-main,.itd-mega-menu-link,.itd-mega-menu-subitem{display:flex;align-items:center;gap:.875rem;width:100%;min-height:2.75rem;padding:0 .75rem 0 1rem;border:0;background:none;cursor:pointer;color:var(--itd-mega-menu-ink);text-decoration:none;font-family:inherit;text-align:left;box-sizing:border-box}.itd-mega-menu-head,.itd-mega-menu-link{background:linear-gradient(var(--itd-color-background-alt-hover),color-mix(in srgb,var(--itd-color-background-alt-hover) 55%,var(--itd-color-background-alt) 45%));border-radius:var(--itd-radius-md)}.itd-mega-menu-head{display:flex;align-items:center;min-height:2.75rem;padding-right:.75rem;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/0));transition:filter .2s ease .28s,border-radius .15s ease .24s}.itd-mega-menu-item[data-open=true] .itd-mega-menu-head{filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/var(--itd-mega-menu-shadow-alpha)));border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;transition:filter .25s ease .22s,border-radius .1s ease}[data-theme=dark] .itd-mega-menu{--itd-mega-menu-shadow-alpha:0.52;--itd-mega-menu-well-shift:0.08}.itd-mega-menu-head-main{flex:1;min-width:0;padding-right:.5rem}}@layer components{.itd-mega-menu-groupitem:focus-visible,.itd-mega-menu-head-main:focus-visible,.itd-mega-menu-link:focus-visible,.itd-mega-menu-subitem:focus-visible,.itd-mega-menu-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:-2px}.itd-mega-menu-icon{display:inline-flex;flex:none;color:var(--itd-mega-menu-ink)}.itd-mega-menu-icon :is(img,svg){width:1.25rem;height:1.25rem}.itd-mega-menu-icon img{border-radius:var(--itd-radius-xs);object-fit:cover}.itd-mega-menu-label{flex:1;min-width:0;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);line-height:1;color:var(--itd-mega-menu-ink)}.is-active :is(.itd-mega-menu-icon,.itd-mega-menu-label){color:var(--itd-primary)}.itd-mega-menu-badge{flex:none;display:inline-flex;align-items:center;padding:.0625rem .5rem;border-radius:var(--itd-radius-pill);background:var(--itd-color-background-alt);color:var(--itd-mega-menu-ink);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-mega-menu-toggle{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:0;padding:0;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg);color:var(--itd-mega-menu-ink);cursor:pointer}.itd-mega-menu-toggle-icon{display:inline-flex;transition:transform .25s ease}.itd-mega-menu-toggle-icon svg{width:1rem;height:1rem}.itd-mega-menu-item[data-open=true] .itd-mega-menu-toggle-icon{transform:rotate(180deg)}.itd-mega-menu-chevron{flex:none;display:inline-flex;color:var(--itd-mega-menu-ink)}.itd-mega-menu-chevron svg{width:1rem;height:1rem}.itd-mega-menu-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse{grid-template-rows:1fr}.itd-mega-menu-collapse-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse-inner{opacity:1}.itd-mega-menu-subitem{min-height:2.75rem}.itd-mega-menu-item--group{padding:.25rem 0}.itd-mega-menu-item--select{background:none;overflow:visible}.itd-mega-menu-select{width:100%}.itd-mega-menu-select.itd-select-filled .itd-select-selector{height:2.75rem;padding:0 .75rem 0 1rem}.itd-mega-menu-select .itd-select-selection-label.itd-select-selection-item-single{margin-left:.5rem}.itd-mega-menu-select--well .itd-select-arrow{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--itd-radius-chip);background:var(--itd-mega-menu-well-bg)}.itd-mega-menu-grouphead{display:flex;align-items:center;gap:.875rem;min-height:2.75rem;padding:0 .75rem 0 1rem;color:var(--itd-mega-menu-ink)}.itd-mega-menu-drawer{--itd-mega-menu-travel:100%;--itd-mega-menu-drawer-duration:0.25s;--itd-mega-menu-ease-open:cubic-bezier(0, 0.97, 0.1, 1);--itd-mega-menu-ease-close:cubic-bezier(1, 0, 0, 1);position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:var(--itd-z-mega-menu,5);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.itd-mega-menu-drawer:before{content:"";position:fixed;inset:0;background:var(--itd-mega-menu-bg);transition-property:opacity}.itd-mega-menu-drawer:before,.itd-mega-menu-slide{transition-duration:var(--itd-mega-menu-drawer-duration);transition-timing-function:var(--itd-mega-menu-ease-open)}.itd-mega-menu-slide{transform:translateX(0);transition-property:transform;padding-bottom:5rem}.itd-mega-menu-drawer .itd-mega-menu{margin-top:calc(var(--itd-announcement-bar-height, 0px) + var(--itd-mobile-header-h, 3.25rem));transform:translateY(var(--itd-announcement-scroll-offset,0));will-change:transform;min-height:0}.itd-mega-menu-drawer-appear:before,.itd-mega-menu-drawer-enter:before{opacity:0}:is(.itd-mega-menu-drawer-appear,.itd-mega-menu-drawer-enter) .itd-mega-menu-slide{transform:translateX(var(--itd-mega-menu-travel))}.itd-mega-menu-drawer-appear-active:before,.itd-mega-menu-drawer-enter-active:before{opacity:1}:is(.itd-mega-menu-drawer-appear-active,.itd-mega-menu-drawer-enter-active) .itd-mega-menu-slide{transform:translateX(0)}.itd-mega-menu-drawer-exit:before{opacity:1}.itd-mega-menu-drawer-exit .itd-mega-menu-slide{transform:translateX(0)}.itd-mega-menu-drawer-exit-active:before{opacity:0;transition-timing-function:var(--itd-mega-menu-ease-close)}.itd-mega-menu-drawer-exit-active .itd-mega-menu-slide{transform:translateX(var(--itd-mega-menu-travel));transition-timing-function:var(--itd-mega-menu-ease-close)}.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)}}@layer components{@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(
|
|
495
495
|
from var(--itd-background) calc(min(l + 0.133, 0.9)) calc(min(c, 0.06)) h
|
|
496
496
|
);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}@layer components{.itd-casino-featured{display:grid;grid-template-columns:17.75rem repeat(var(--itd-casino-featured-cols,3),1fr) 17.75rem;gap:.75rem;height:var(--itd-casino-featured-height,23.75rem);min-height:var(--itd-casino-featured-height,23.75rem)}.itd-casino-featured[data-empty=true]{grid-template-columns:17.75rem 1fr 17.75rem}.itd-casino-panel{display:grid;grid-template-rows:3.375rem 1fr;overflow:hidden;min-height:0;height:100%;border-radius:var(--itd-radius-md);background-color:var(--itd-surface-box)}.itd-casino-panel-head{display:flex;align-items:center;gap:.375rem;padding:0 .9375rem;border-bottom:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000)}.itd-casino-panel-head>svg{width:1rem;height:1rem;color:var(--itd-color-text)}.itd-casino-panel-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-casino-panel-body{min-height:0;min-width:0;display:flex;flex-direction:column}.itd-casino-panel-scroll{flex:1;min-height:0;overflow-y:scroll;margin:.625rem .3125rem .625rem 0;scrollbar-width:auto;scrollbar-color:auto}@supports not selector(::-webkit-scrollbar){.itd-casino-panel-scroll{scrollbar-width:thin;scrollbar-color:oklch(from var(--itd-background) calc(min(l + .145, .85)) c h) oklch(from var(--itd-background) calc(min(l + .08, .93)) c h)}}.itd-casino-panel-scroll::-webkit-scrollbar{width:.375rem}.itd-casino-panel-scroll::-webkit-scrollbar-track{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .08, var(--itd-elev-nested, .93))) c h)}.itd-casino-panel-scroll::-webkit-scrollbar-thumb{border-radius:var(--itd-radius-lg);background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .85))) c h);border:0;background-clip:initial}.itd-casino-panel-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) calc(min(l + .23, var(--itd-elev-deep, .8))) c h)}.itd-casino-panel-list{margin:0;padding:0 .3125rem 0 .9375rem;list-style:none;display:flex;flex-direction:column;gap:.3125rem}.itd-casino-panel-row{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:0;border-radius:var(--itd-radius-lg);outline:2px solid oklch(from var(--itd-primary) l c h/0);outline-offset:-2px;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function),outline-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-casino-panel-row:hover:where(:root:not(.itd-touch) *){outline-color:var(--itd-primary);transform:scale(.975)}.itd-casino-row-thumb{flex:none;width:2.25rem;height:2.25rem;border-radius:var(--itd-radius-sm);object-fit:cover;background-color:oklch(from var(--itd-background) calc(min(l + .05, .9)) c h/50%)}.itd-casino-row-thumb--wide{width:3.5rem;height:2.5rem}.itd-casino-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.0625rem}.itd-casino-row-name{font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.itd-casino-row-name,.itd-casino-row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height)}.itd-casino-row-sub{color:var(--itd-color-text-neutral)}.itd-casino-row-amount{flex:none;font-size:var(--itd-text-11);line-height:var(--itd-text-11--line-height);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-casino-tournament .itd-casino-row-body .itd-casino-row-amount{align-self:flex-start;margin-top:.125rem;font-size:var(--itd-text-13)}.itd-casino-winners-tabs{display:inline-flex;gap:.3125rem}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{padding:.125rem .375rem;border-radius:var(--itd-radius-sm);font-size:var(--itd-text-10);line-height:var(--itd-text-10--line-height);font-weight:var(--itd-font-weight-semibold)}.itd-casino-winners-tab.itd-button{border-radius:var(--itd-radius-chip)}[data-theme=light] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-theme=light] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) calc(min(l + .068, .9)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-casino-see-all.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled),[data-itd-elevation=raised] .itd-casino-winners-tab.itd-button:not([aria-pressed=true]):hover:where(:root:not(.itd-touch) *):not(:disabled){background:oklch(from var(--itd-background) .96 c h)}.itd-casino-winners-tab.itd-button[aria-pressed=true]:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:var(--itd-primary)}.itd-casino-featured-box{display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;border-radius:var(--itd-radius-md);cursor:pointer}.itd-casino-featured-empty{display:flex;align-items:center;justify-content:center;height:100%}.itd-casino-featured-empty>span{display:block;max-width:25rem;padding:1.25rem .625rem;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral);text-align:center}}.itd-casino-see-all.itd-button,.itd-casino-winners-tab.itd-button{min-height:1.5rem;height:1.5rem;min-width:0}@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)}.itd-jackpot-winners-modal,.itd-jackpots{--itd-jackpot-mini:#c43dd4;--itd-jackpot-minor:#3d7dd4;--itd-jackpot-major:#57d43d;--itd-jackpot-grand:#d43d3d}
|
|
497
497
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, Context, CSSProperties, FunctionComponent, FocusEvent, KeyboardEvent as KeyboardEvent$1, MouseEvent, ComponentProps, InputHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes, FC, ImgHTMLAttributes, LabelHTMLAttributes, FieldsetHTMLAttributes, ElementType, ReactElement } from 'react';
|
|
2
|
+
import react__default, { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, Context, CSSProperties, FunctionComponent, FocusEvent, KeyboardEvent as KeyboardEvent$1, MouseEvent, ComponentProps, InputHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes, FC, HTMLAttributeAnchorTarget, ImgHTMLAttributes, LabelHTMLAttributes, FieldsetHTMLAttributes, ElementType, ReactElement } from 'react';
|
|
3
3
|
import dayjs from 'dayjs';
|
|
4
4
|
import { AxiosResponse, Cancel, AxiosProgressEvent } from 'axios';
|
|
5
5
|
import { ClassValue } from 'clsx';
|
|
@@ -2268,7 +2268,7 @@ declare const ColorInput: ({ value, size, disabled, placeholder, onChange, }: Co
|
|
|
2268
2268
|
* http://sanniassin.github.io/react-input-mask/demo.html
|
|
2269
2269
|
* https://dev.to/adrianbdesigns/let-s-create-a-floating-label-input-with-html-and-css-only-4mo8
|
|
2270
2270
|
*/
|
|
2271
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "children" | "style" | "size" | "
|
|
2271
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "children" | "style" | "size" | "onChange" | "prefix" | "onFocus" | "onBlur" | "onKeyDown" | "type"> & {
|
|
2272
2272
|
style?: React.CSSProperties;
|
|
2273
2273
|
type?: InputType;
|
|
2274
2274
|
size?: ITDSize;
|
|
@@ -2314,7 +2314,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttribu
|
|
|
2314
2314
|
* stray drag are intercepted, the real input is held collapsed, and the
|
|
2315
2315
|
* highlight is drawn on the cells instead.
|
|
2316
2316
|
*/
|
|
2317
|
-
declare const CodeInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "className" | "id" | "
|
|
2317
|
+
declare const CodeInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "className" | "id" | "value" | "disabled" | "readOnly" | "size" | "onChange" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "type" | "autoComplete" | "maxLength" | "autoFocus" | "inputMode" | "onSelect"> & {
|
|
2318
2318
|
id?: string;
|
|
2319
2319
|
length?: number;
|
|
2320
2320
|
value?: string;
|
|
@@ -3020,7 +3020,7 @@ type RadioGroupItemProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' |
|
|
|
3020
3020
|
* - no children — just the dot; compose labels, descriptions and choice-cards
|
|
3021
3021
|
* with the `Field` family (`FieldLabel htmlFor`).
|
|
3022
3022
|
*/
|
|
3023
|
-
declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "
|
|
3023
|
+
declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "checked" | "size" | "onChange" | "type" | "name" | "defaultChecked"> & {
|
|
3024
3024
|
/** The value this item selects in the enclosing group. */
|
|
3025
3025
|
value: string;
|
|
3026
3026
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
@@ -6656,6 +6656,11 @@ type HeaderNavItem = {
|
|
|
6656
6656
|
label: string;
|
|
6657
6657
|
icon?: ReactNode;
|
|
6658
6658
|
href?: string;
|
|
6659
|
+
/** Anchor target - `_blank` for the CMS's open-in-new-tab externals. Any
|
|
6660
|
+
* non-`_self` target bypasses the router adapter, so the browser owns it. */
|
|
6661
|
+
target?: HTMLAttributeAnchorTarget;
|
|
6662
|
+
/** Anchor rel; when absent, `_blank` rows get `noopener` automatically. */
|
|
6663
|
+
rel?: string;
|
|
6659
6664
|
onClick?: () => void;
|
|
6660
6665
|
active?: boolean;
|
|
6661
6666
|
};
|
|
@@ -6672,6 +6677,18 @@ type HeaderUser = {
|
|
|
6672
6677
|
country?: string;
|
|
6673
6678
|
/** Formatted balance passed to <Amount value>. */
|
|
6674
6679
|
balance: string;
|
|
6680
|
+
/** ISO currency code threaded into <Amount> (its own default is TRY);
|
|
6681
|
+
* drives the symbol in both the value and the masked string. */
|
|
6682
|
+
currency?: string;
|
|
6683
|
+
/** Balance still fetching: the amount (and the desktop eye toggle, which
|
|
6684
|
+
* production never shows pre-fetch) yield to a width-reserved skeleton. */
|
|
6685
|
+
balanceLoading?: boolean;
|
|
6686
|
+
/** Profile photo, tri-state ON PURPOSE:
|
|
6687
|
+
* - `undefined` -> today's DOM byte-identical (the themed stand-in art);
|
|
6688
|
+
* - a URL -> the photo, falling back to the DefaultAvatar silhouette on
|
|
6689
|
+
* load error (bar + popover flip together, like production);
|
|
6690
|
+
* - `null` -> explicit "user has no photo": the silhouette outright. */
|
|
6691
|
+
avatar?: string | null;
|
|
6675
6692
|
/** Notification count for the bell badge. */
|
|
6676
6693
|
notifications?: number;
|
|
6677
6694
|
/** Socket connection state -> the status dot. */
|
|
@@ -6681,6 +6698,11 @@ type HeaderProps = {
|
|
|
6681
6698
|
id?: string;
|
|
6682
6699
|
/** The site logo (a CMS visual on the site). */
|
|
6683
6700
|
logo?: ReactNode;
|
|
6701
|
+
/** Where the logo links (production: a router link home). When set, the
|
|
6702
|
+
* inert anchor becomes an ITDLink - a real href that middle-/modifier-
|
|
6703
|
+
* clicks natively and client-side navigates only when a router adapter is
|
|
6704
|
+
* wired. Absent -> today's `href="#"` anchor, byte-identical. */
|
|
6705
|
+
logoHref?: string;
|
|
6684
6706
|
/** The header-menu rows (production CMS `client/list/header-menu`). */
|
|
6685
6707
|
nav?: HeaderNavItem[];
|
|
6686
6708
|
/** Present -> logged in; null/undefined -> logged out. */
|
|
@@ -6824,6 +6846,12 @@ type MegaMenuEntry = {
|
|
|
6824
6846
|
} | {
|
|
6825
6847
|
kind: 'group';
|
|
6826
6848
|
id: string;
|
|
6849
|
+
/** Optional section heading. The head is a STATIC row (production's
|
|
6850
|
+
* named open-group): no navigation, no toggle, no chevron - the items
|
|
6851
|
+
* below are always visible. A named-AND-collapsible group is the
|
|
6852
|
+
* `accordion` kind; these are two different site behaviors. */
|
|
6853
|
+
label?: string;
|
|
6854
|
+
icon?: ReactNode;
|
|
6827
6855
|
items: MegaMenuLink[];
|
|
6828
6856
|
} | {
|
|
6829
6857
|
/** A real dropdown (the language switch): renders an ITD Select, not an
|
|
@@ -6848,8 +6876,25 @@ type MegaMenuProps = {
|
|
|
6848
6876
|
* CSF static indexer need no args; real usage always passes entries. */
|
|
6849
6877
|
entries?: MegaMenuEntry[];
|
|
6850
6878
|
className?: string;
|
|
6879
|
+
/** DRAWER mode, fully controlled (production's source of truth is the
|
|
6880
|
+
* `?megamenu=true` query). `undefined` renders today's bare nav; a boolean
|
|
6881
|
+
* renders the fixed full-screen drawer: backdrop, right-to-left slide,
|
|
6882
|
+
* scroll container, and the top offset clearing the header + announcement
|
|
6883
|
+
* bar (`--itd-mobile-header-h` + `--itd-announcement-bar-height`).
|
|
6884
|
+
* Mount it at SHELL level like production's Root sibling - `position:
|
|
6885
|
+
* fixed` breaks under a transformed/filtered ancestor. */
|
|
6886
|
+
open?: boolean;
|
|
6887
|
+
/** Fired by block-internal close affordances (today: Escape only - the
|
|
6888
|
+
* production drawer closes via the header hamburger or a navigating link,
|
|
6889
|
+
* never an overlay tap). */
|
|
6890
|
+
onOpenChange?: (open: boolean) => void;
|
|
6891
|
+
/** Escape closes the drawer (overlay-stack routed, so a Select open inside
|
|
6892
|
+
* the menu swallows the first press). Default true. */
|
|
6893
|
+
closeOnEscape?: boolean;
|
|
6894
|
+
/** The drawer wrapper's marker id. */
|
|
6895
|
+
id?: string;
|
|
6851
6896
|
};
|
|
6852
|
-
declare const MegaMenu: ({ entries, className }: MegaMenuProps) => react.JSX.Element;
|
|
6897
|
+
declare const MegaMenu: ({ entries, className, open, onOpenChange, closeOnEscape, id, }: MegaMenuProps) => react.JSX.Element;
|
|
6853
6898
|
|
|
6854
6899
|
/**
|
|
6855
6900
|
* GameShell — the in-game chrome (production `utils/gameplay`). Adaptive like
|
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export { default as GameShellBrowse } from './blocks/game-shell/Browse';
|
|
4
|
-
export { default as CasinoFeatured, CasinoFeaturedWinners } from '../../../index';
|
|
5
|
-
export type { GameShellSettingsProps, GameShellSettingsAction } from './blocks/game-shell/Settings';
|
|
6
|
-
export type { GameShellSwipeHintProps } from './blocks/game-shell/SwipeHint';
|
|
7
|
-
export type {
|
|
8
|
-
CasinoFeaturedProps, CasinoFeaturedItem, CasinoFeaturedTournament, CasinoWinnersProps } from '../../../index';
|
|
1
|
+
export { CasinoFeatured as default, CasinoFeaturedWinners } from '../../../index';
|
|
2
|
+
export type { CasinoFeaturedProps, CasinoFeaturedItem, CasinoFeaturedTournament, CasinoWinnersProps } from '../../../index';
|
|
@@ -1,21 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
PageProvider, usePageContext, useActionProps, normalizeAction, actionHasTarget, pageBlocks, pageKey, blockName, BLOCK_MANIFEST, BLOCK_ENTRIES, KNOWN_BLOCKS, PAGE_TYPES, pageTypeLabel, blocksForPageType, applySampleImages, applySampleRefs, sampleAnswer, sampleArt, sampleSlider, applyLayout, } from './page';
|
|
4
|
-
export type { SampleSource, PageLayout, PageLayoutPages } from './page';
|
|
5
|
-
export {
|
|
6
|
-
BlockForm, BlockPreview, CodeEditor, findCssError, resolveSiteTheme, SITE_THEME_FIELDS, SITE_THEME_DEFAULTS, defaultData, readField, writeField, useEditorBridge, editableBlock, dropTargetAt, moveIndex, arrayMove, wrap, unwrap, PAGE_EDITOR_CHANNEL, PAGE_EDITOR_PROTOCOL, PageCustomCode, PageBackground, PAGE_BACKGROUND_FIELDS, pageBackgroundFields, pageChecks, PAGE_SETTLE_DEADLINE, worstLevel, decodeCustomCode, parseCustomCode, pageVisibility, useViewer, } from './page';
|
|
7
|
-
export type {
|
|
8
|
-
BlockFormProps, BlockPreviewProps, CodeEditorProps, SiteThemeSettings, ResolvedSiteTheme, FieldOption, FieldSchema, FieldsSchema, FieldSource, EditorBridge, EditorBridgeOptions, EditorCommand, EditorEvent, EditorEnvelope, EditorRect, SiteChromeSettings, EditorBlockRect, DropTarget, } from './page';
|
|
9
|
-
export { default as ALink } from './alink';
|
|
10
|
-
|
|
11
|
-
/* THE ROUTING SEAM. Wire `router` on ITDProvider to hand ITD your router;
|
|
12
|
-
leave it unset and links are plain anchors reading the window. */
|
|
13
|
-
export {
|
|
14
|
-
ITDRouterContext, useITDRouterAdapter, useITDLocation, useITDNavigate, useITDHref, useITDSearchParams, matchActive, pathnameOf, ITDLink, } from './router';
|
|
15
|
-
export type {
|
|
16
|
-
ITDLocation, ITDNavigateOptions, ITDLinkRenderProps, ITDRouterAdapter, ITDLinkProps, MatchActiveOptions, } from './router';
|
|
17
|
-
export { default as Spin } from './spin';
|
|
18
|
-
|
|
19
|
-
// ---- Site blocks (the CMS page-builder components; see lib/SITE-BLOCKS-CONTRACT.md) ----
|
|
20
|
-
export { default as GameBox } from '../../../index';
|
|
1
|
+
export { GameBox as default } from '../../../index';
|
|
21
2
|
export type { GameBoxProps, GameBoxLiveData } from '../../../index';
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { default as MobileGameSearch } from '../../../index';
|
|
3
|
-
export type { MobileGameCategoriesProps } from './blocks/game-categories/Mobile';
|
|
1
|
+
export { MobileGameSearch as default } from '../../../index';
|
|
4
2
|
export type { MobileGameSearchProps } from '../../../index';
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
/* auth blocks: the sign-in/sign-up/completion panels and the legacy auth
|
|
3
|
-
page. Public API - consumers reach them from the barrel or lazily via
|
|
4
|
-
`@inntechcorp/it-design/blocks/<name>`. */
|
|
5
|
-
export { default as LoginPanel } from '../../../index';
|
|
1
|
+
export { LoginPanel as default } from '../../../index';
|
|
6
2
|
export type { LoginPanelProps, LoginTexts, LoginCredentials, LoginIdentifier, LoginAlternate, LoginStep, PasswordlessChannel } from '../../../index';
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type { AnnouncementBarProps, AnnouncementBarHideMode } from './announcement-bar';
|
|
3
|
-
export { default as MegaMenu } from '../../../index';
|
|
1
|
+
export { MegaMenu as default } from '../../../index';
|
|
4
2
|
export type { MegaMenuProps, MegaMenuEntry, MegaMenuLink } from '../../../index';
|
|
@@ -1,192 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Renamed to {@link locales}. `resources` is kept as an alias for
|
|
5
|
-
* back-compat during the v4 beta and will be removed before the stable release.
|
|
6
|
-
*/
|
|
7
|
-
export const resources = locales;
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* CONTEXT PROVIDER
|
|
11
|
-
*/
|
|
12
|
-
export { ITDProvider, useITD } from './context/ITDContext';
|
|
13
|
-
export { FormDefaultsContext, useDefaultVariant } from './context/FormDefaultsContext';
|
|
14
|
-
export type { FormDefaults } from './context/FormDefaultsContext';
|
|
15
|
-
export { PortalDocumentProvider, usePortalDocument } from './context/PortalDocumentContext';
|
|
16
|
-
export { defineITDConfig } from './helpers/config/defineITDConfig';
|
|
17
|
-
export type { ITDInitConfig } from './helpers/config/defineITDConfig';
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* CONTEXT
|
|
21
|
-
*/
|
|
22
|
-
export { default as ITDContext } from './context/ITDContext';
|
|
23
|
-
export { default as ITDThemeProvider } from './context/ITDThemeProvider';
|
|
24
|
-
export type { ITDTheme } from './types/Theme';
|
|
25
|
-
export {
|
|
26
|
-
defineTokenSet, resolveTokenSet, validateTokenSet, TokenSetError, } from './helpers/theme/tokenSet';
|
|
27
|
-
export type { TokenSet, TokenDef } from './helpers/theme/tokenSet';
|
|
28
|
-
/* the panel contract for a site theme: the JSON a panel stores, the merge
|
|
29
|
-
that feeds ITDProvider, the save-time guard, and the regression-locked
|
|
30
|
-
classic palette a migrating site adopts as its default preset */
|
|
31
|
-
export { resolveSitePresetOverrides, validateSitePreset } from './helpers/theme/sitePreset';
|
|
32
|
-
export type { SitePreset } from './helpers/theme/sitePreset';
|
|
33
|
-
export { EXAMPLE_SITE } from './helpers/theme/exampleSitePreset';
|
|
34
|
-
export { importShadcnTheme } from './helpers/theme/importShadcnTheme';
|
|
35
|
-
export type { ShadcnImportResult, ITDImportConfig } from './helpers/theme/importShadcnTheme';
|
|
36
|
-
export { default as lightTheme } from './helpers/theme/light';
|
|
37
|
-
export { default as darkTheme } from './helpers/theme/dark';
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* HELPERS
|
|
41
|
-
*/
|
|
42
|
-
export * from './helpers';
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* HOOKS
|
|
46
|
-
*/
|
|
47
|
-
export * from './hooks';
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* HTML
|
|
51
|
-
*/
|
|
52
|
-
export * from './html/header';
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* ICONS
|
|
56
|
-
*/
|
|
57
|
-
export * from './icons';
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* UTILS
|
|
61
|
-
*/
|
|
62
|
-
export { cn } from './utils/cn';
|
|
63
|
-
export { default as InlineSVGCached } from './utils/InlineSVGCached';
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* FORWARDED REF COMPONENTS
|
|
67
|
-
*/
|
|
68
|
-
export { default as Select, SelectItem, SelectGroup, SelectLabel, SelectSeparator } from './select';
|
|
69
|
-
export { default as Form } from './form';
|
|
70
|
-
export { default as Checkbox } from './checkbox';
|
|
71
|
-
export { default as Accordion } from './accordion/index';
|
|
72
|
-
export { default as Calendar } from './calendar';
|
|
73
|
-
export { default as DatePicker } from './datepicker';
|
|
74
|
-
export { default as RangePicker } from './rangepicker';
|
|
75
|
-
export { default as ColorInput } from './color-input';
|
|
76
|
-
export { default as Input } from './input';
|
|
77
|
-
export { default as CodeInput } from './code-input';
|
|
78
|
-
export { default as TextArea } from './textarea';
|
|
79
|
-
export { default as Switch } from './switch';
|
|
80
|
-
export { default as Upload } from './upload';
|
|
81
|
-
export { default as ImageCropper } from './cropper';
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* COMPONENTS (HAS SUB COMPONENTS)
|
|
85
|
-
*/
|
|
86
|
-
export { default as ModalManager } from './modal';
|
|
87
|
-
export { Toaster } from './toast';
|
|
88
|
-
export { toast } from 'sonner';
|
|
89
|
-
export { useModal, useModalContent } from './modal';
|
|
90
|
-
export { RadioGroup, RadioGroupItem } from './radio';
|
|
91
|
-
export { ToggleGroup, ToggleGroupItem } from './toggle-group';
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* COMPONENTS
|
|
95
|
-
*/
|
|
96
|
-
export { default as Image } from './image';
|
|
97
|
-
export { default as ConsoleLog } from './logger';
|
|
98
|
-
export { default as Button } from './button';
|
|
99
|
-
export { default as ButtonGroup, ButtonGroupText } from './button-group';
|
|
100
|
-
export type {
|
|
101
|
-
ButtonGroupProps, ButtonGroupTextProps, ButtonGroupOrientation, ButtonGroupVariant, } from './types/ButtonGroupProps';
|
|
102
|
-
export { default as Badge } from './badge';
|
|
103
|
-
export {
|
|
104
|
-
DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './dropdown-menu';
|
|
105
|
-
export {
|
|
106
|
-
ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, } from './context-menu';
|
|
107
|
-
export { default as Alert, AlertTitle, AlertDescription } from './alert/index';
|
|
108
|
-
export { default as Result } from './result';
|
|
109
|
-
export { default as StatCard } from './stat-card';
|
|
110
|
-
export { default as LineChart } from './chart';
|
|
111
|
-
export { default as ComingSoon } from './coming-soon';
|
|
112
|
-
export { default as PromotionsGrid } from '../../../index';
|
|
113
|
-
export type { SvgToPngOptions } from './helpers/image/SVGUrlToPNGDataUrl';
|
|
114
|
-
export type {
|
|
115
|
-
GameShellBrowseProps, GameBrowseTab, GameBrowseGame, GameBrowseProvider, GameBrowseJackpot, GameBrowseWinner, } from './blocks/game-shell/Browse';
|
|
116
|
-
export { default as BackTop } from './back-top';
|
|
117
|
-
export { default as Progress } from './progress';
|
|
118
|
-
export { default as Skeleton } from './skeleton';
|
|
119
|
-
export type { SkeletonProps, SkeletonVariant, SkeletonAnimation } from './skeleton';
|
|
120
|
-
export { default as Amount, MaskProvider, useAmountMask } from './amount';
|
|
121
|
-
export type { AmountProps, MaskProviderProps, AmountMaskContextValue } from './amount';
|
|
122
|
-
export { default as TinyScrollbar } from './tinyscrollbar';
|
|
123
|
-
export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
|
|
124
|
-
export { Avatar, AvatarImage, AvatarFallback } from './avatar';
|
|
125
|
-
export { default as Label } from './label';
|
|
126
|
-
export { default as Separator } from './separator';
|
|
127
|
-
export {
|
|
128
|
-
Field, FieldGroup, FieldLabel, FieldDescription, FieldSeparator, FieldSet, FieldLegend, FieldContent, FieldTitle, FieldError, } from './field';
|
|
129
|
-
export {
|
|
130
|
-
Card, CardHeader, CardTitle, CardDescription, CardAction, CardTabs, CardContent, CardFooter, } from './card';
|
|
131
|
-
export { Popover, PopoverTrigger, PopoverContent } from './popover';
|
|
132
|
-
export { Tooltip, TooltipTrigger, TooltipContent } from './tooltip';
|
|
133
|
-
export { HoverCard, HoverCardTrigger, HoverCardContent } from './hovercard';
|
|
134
|
-
export {
|
|
135
|
-
Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './dialog';
|
|
136
|
-
export {
|
|
137
|
-
AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, } from './dialog';
|
|
138
|
-
export type { AlertDialogContentProps, DialogSide } from './dialog';
|
|
139
|
-
export {
|
|
140
|
-
Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose, } from './dialog';
|
|
141
|
-
export type { SheetContentProps, SheetSide } from './dialog';
|
|
142
|
-
export { default as Table } from './table';
|
|
143
|
-
export {
|
|
144
|
-
TableWrapper, TablePrimitive as Table, TableHeader, TableBody, TableFooter, TableRowPrimitive as TableRow, TableHead, TableCell, TableCaption, } from './table/primitives';
|
|
145
|
-
export { default as Flex } from './flex';
|
|
146
|
-
|
|
147
|
-
export type { FormContextType } from './form/context/FormContext';
|
|
148
|
-
export type { ToasterProps } from './toast';
|
|
149
|
-
export type { ITDContextType, ITDProviderProps } from './context/ITDContext';
|
|
150
|
-
|
|
151
|
-
export type { QueryValueProps } from './types/QueryValueProps';
|
|
152
|
-
export type { AccordionProps } from './types/AccordionProps';
|
|
153
|
-
export type { AccordionSubMenuProps } from './types/AccordionSubMenuProps';
|
|
154
|
-
export type { AccordionItemProps } from './types/AccordionItemProps';
|
|
155
|
-
export type { InputProps, InputVariant } from './types/InputProps';
|
|
156
|
-
export type { CodeInputProps } from './types/CodeInputProps';
|
|
157
|
-
export type { LabelProps } from './types/LabelProps';
|
|
158
|
-
export type { SeparatorProps } from './separator';
|
|
159
|
-
export type { FieldProps, FieldLegendProps } from './field';
|
|
160
|
-
export type { DatePickerProps } from './types/DatePickerProps';
|
|
161
|
-
export type {
|
|
162
|
-
RangePickerProps, RangeValue, RangeValueProps, RangePreset, } from './types/RangePickerProps';
|
|
163
|
-
export type { CalendarProps, CalendarValueProps, CalendarDayProps } from './types/CalendarProps';
|
|
164
|
-
export type { CalendarLocale } from './calendar';
|
|
165
|
-
export type { TextAreaProps, TextAreaVariant, TextAreaEvent } from './types/TextAreaProps';
|
|
166
|
-
export type { RadioGroupProps, RadioGroupItemProps } from './radio';
|
|
167
|
-
export type { ToggleGroupProps, ToggleGroupItemProps } from './toggle-group';
|
|
168
|
-
export type {
|
|
169
|
-
SelectProps, SelectToggleProps, SelectOptionProps, SelectValue, } from './types/SelectProps';
|
|
170
|
-
export type {
|
|
171
|
-
CheckboxProps, CheckboxGroupProps, GroupCheckboxOptionType, CheckboxEvent, } from './types/CheckboxProps';
|
|
172
|
-
export type { ITDImperativeFuncProps } from './types/ITDImperativeFuncProps';
|
|
173
|
-
export type { SingleQueryProps } from './types/SingleQueryProps';
|
|
174
|
-
export type { ButtonProps, ButtonVariants, ButtonStates, ButtonSize } from './types/ButtonProps';
|
|
175
|
-
export type { BadgeProps, BadgeVariant, BadgeColor } from './types/BadgeProps';
|
|
176
|
-
export type {
|
|
177
|
-
DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, } from './types/DropdownMenuProps';
|
|
178
|
-
export type {
|
|
179
|
-
ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuSeparatorProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps, } from './context-menu';
|
|
180
|
-
export type {
|
|
181
|
-
FormProps, FormRuleProps, FormValueProps, FormItemProps, FormSubComponentProps, FieldUpdateProps, } from './types/FormProps';
|
|
182
|
-
export type { AlertProps, AlertType } from './types/AlertProps';
|
|
183
|
-
export type { SwitchProps } from './types/SwitchProps';
|
|
184
|
-
export type { ModalProps, ModalContentProps, ModalRefProps } from './types/ModalProps';
|
|
185
|
-
export type {
|
|
186
|
-
UploadProps, UploadProgressProps, UploadResultMessageProps, CropSettings, } from './types/UploadProps';
|
|
187
|
-
export type { ImageCropperProps, ImageCropperRef, CropArea } from './cropper';
|
|
188
|
-
export type { ResultProps } from './types/ResultProps';
|
|
189
|
-
export type { StatCardProps, StatCardTrend } from './types/StatCardProps';
|
|
190
|
-
export type { LineChartProps, ChartSeries } from './types/ChartProps';
|
|
191
|
-
export type { ComingSoonProps } from './coming-soon';
|
|
1
|
+
export { PromotionsGrid as default } from '../../../index';
|
|
192
2
|
export type { PromotionsGridProps, PromotionCardData } from '../../../index';
|
|
@@ -1,36 +1,2 @@
|
|
|
1
1
|
export { Spacer as default } from '../../../index';
|
|
2
|
-
export { HubPayLogoBadge, HubPayFilter, HubPayFieldRow, HubPayModalCard, HubPayModalTiles, HubPayName, HubDepositModal, HubWithdrawModal, HubAccountModal, } from './blocks/user-hub/cashier';
|
|
3
|
-
export { default as HubDepositPage } from './blocks/user-hub/deposit';
|
|
4
|
-
export type { HubPayRow, HubPayTableRow } from './blocks/user-hub/deposit';
|
|
5
|
-
export { default as HubWithdrawPage } from './blocks/user-hub/withdraw';
|
|
6
|
-
export {
|
|
7
|
-
HubTable, useHubMobile, HUB_NAME_KEYS, HubStatusBadge, HUB_STATUS_TONE, HubCopyBtn, HubHistName, HubDt, HubComingSoon, } from './blocks/user-hub/table';
|
|
8
|
-
export type { HubTableMarker, HubStatusTone } from './blocks/user-hub/table';
|
|
9
|
-
export {
|
|
10
|
-
HubSettingsDetails, HubChangePassword, HubNotificationPrefs, HubSecurity, } from './blocks/user-hub/settings';
|
|
11
|
-
export type {
|
|
12
|
-
HubSettingsField, HubSettingsGroup, HubSecurityRow, } from './blocks/user-hub/settings';
|
|
13
|
-
export {
|
|
14
|
-
HubGameHistory, HubPaymentHistory, HubBonusHistory, HubFreespinHistory, } from './blocks/user-hub/history';
|
|
15
|
-
export type {
|
|
16
|
-
HubGameRow, HubPayHRow, HubBonusRow, HubFsRow, HubHistFilter, } from './blocks/user-hub/history';
|
|
17
|
-
export {
|
|
18
|
-
HubStatusCard, HubBonusRequest, HubBonusActivation, HubActiveBonus, } from './blocks/user-hub/bonus';
|
|
19
|
-
export type {
|
|
20
|
-
HubStatusField, HubBonusReqRow, HubBonusActRow, HubWagerRow, HubActiveBonusData, } from './blocks/user-hub/bonus';
|
|
21
|
-
export {
|
|
22
|
-
HubFreespinActivation, HubRaffleActive, HubRaffleJoined, HubTicketsModal, HubPrizesModal, HUB_PRIZE_TONE, } from './blocks/user-hub/raffles';
|
|
23
|
-
export type {
|
|
24
|
-
HubFsActRow, HubRaffleRow, HubRafflePrize, HubPrizeTone, } from './blocks/user-hub/raffles';
|
|
25
|
-
export { HubNewTicketForm, HubMessageInbox, HubTicketThread } from './blocks/user-hub/messages';
|
|
26
|
-
export type { HubMsg, HubTicket } from './blocks/user-hub/messages';
|
|
27
|
-
export {
|
|
28
|
-
HubProfileSummary, HubMedals, HubStatistics, HubMedalButton, HubMedalDetail, } from './blocks/user-hub/profile';
|
|
29
|
-
export type {
|
|
30
|
-
HubMedal, HubGameStat, HubTopSlot, HubStat, HubRewardTier, HubRewardTip, HubVipSummary, } from './blocks/user-hub/profile';
|
|
31
|
-
export { HubVipClub, HubVipLevels, hubVipMedalSrc } from './blocks/user-hub/vip';
|
|
32
|
-
export type {
|
|
33
|
-
HubVipArt, HubVipTier, HubVipBonus, HubVipLevel, HubVipGroup, HubVipHero, } from './blocks/user-hub/vip';
|
|
34
|
-
export { isTouchDevice, applyTouchMode } from './helpers/device/touchDevice';
|
|
35
|
-
export { default as SVGUrlToPNGDataUrl } from './helpers/image/SVGUrlToPNGDataUrl';
|
|
36
2
|
export type { SpacerProps } from '../../../index';
|