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

package/dist/css/toggle-group.css

@@ -0,0 +1 @@
+@layer components{.itd-toggle-group{align-items:center;background:var(--itd-color-tab-filled-track-bg);border-radius:var(--itd-radius-control);display:inline-flex;gap:calc(var(--itd-spacing)*.5);padding:calc(var(--itd-spacing)*1)}.itd-toggle-group[data-variant=outline]{background:#0000;border:1px solid var(--itd-color-border)}.itd-toggle-group-item{align-items:center;background:#0000;border:0;border-radius:calc(var(--itd-radius-control)*.7);color:var(--itd-color-text-neutral);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--itd-size-df-font);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*1.5);height:calc(var(--itd-size-df-h) - var(--itd-spacing)*2.5);justify-content:center;line-height:1;min-width:calc(var(--itd-spacing)*8);padding:0 calc(var(--itd-spacing)*2.5);position:relative;transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-toggle-group-item svg{flex:none;height:var(--itd-size-df-icon);width:var(--itd-size-df-icon)}.itd-toggle-group-item:not(:disabled):not([data-state=on]):hover:where(:root:not(.itd-touch) *){background:color-mix(in srgb,var(--itd-color-text) 6%,#0000);color:var(--itd-color-text)}.itd-toggle-group-item[data-state=on]{background:var(--itd-color-tab-filled-active-bg);box-shadow:var(--itd-box-shadow);color:var(--itd-color-text)}.itd-toggle-group[data-variant=outline] .itd-toggle-group-item[data-state=on]{background:var(--itd-color-tab-active-bg)}.itd-toggle-group-item:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:calc(var(--itd-spacing)*.25);z-index:1}.itd-toggle-group-item:disabled{cursor:not-allowed;opacity:.5}.itd-toggle-group[data-size=small]{padding:calc(var(--itd-spacing)*1)}.itd-toggle-group[data-size=small] .itd-toggle-group-item{font-size:var(--itd-size-sm-font);height:calc(var(--itd-size-sm-h) - var(--itd-spacing)*2);min-width:calc(var(--itd-spacing)*6);padding:0 calc(var(--itd-spacing)*1.5)}.itd-toggle-group[data-size=small] .itd-toggle-group-item svg{height:var(--itd-size-sm-icon);width:var(--itd-size-sm-icon)}}

package/dist/css/tooltip.css

@@ -1,22 +1 @@
-@layer components {
-  .itd-tooltip-content {
-    max-width: 200px;
-    word-wrap: break-word;
-
-    &[data-variant="default"] {
-      border-radius: calc(var(--itd-border-radius) - 2px);
-      background: var(--itd-popover);
-      border: 1px solid var(--itd-color-border);
-      color: var(--itd-color-text);
-      box-shadow: var(--itd-floating-shadow);
-    }
-
-    &[data-variant="filled"] {
-      border-radius: calc(var(--itd-border-radius) - 2px);
-      background: var(--itd-foreground);
-      border: 1px solid var(--itd-foreground);
-      color: var(--itd-background);
-      box-shadow: var(--itd-floating-shadow);
-    }
-  }
-}
+@layer components{.itd-tooltip-content{word-wrap:break-word;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);line-height:1.2;max-width:200px;padding-block:calc(var(--itd-spacing)*1.5);padding-inline:calc(var(--itd-spacing)*3)}.itd-tooltip-content[data-variant=default]{background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text)}.itd-tooltip-content[data-variant=filled]{background:var(--itd-foreground);border:1px solid var(--itd-foreground);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-background)}}

package/dist/css/tournaments.css

@@ -0,0 +1,15 @@
+@layer components{.itd-tournaments{--_wash:var(--itd-box-wash);--_gold:var(--site-tournament-gold,#f8d05c);--_steel:var(--site-footer-ink,var(--itd-color-text-muted));--_pos:var(--itd-primary);--_hair:#ffffff12;--_cover-ink:oklch(from var(--itd-background) calc(l + 0.033) c h);--_more-bg:var(--site-tournament-more-bg,var(--_wash));--_more-hover:var(
+      --site-tournament-more-hover,oklch(from var(--itd-box-wash) calc(l + 0.05) c h)
+    );--_more-card-bg:oklch(from var(--itd-background) calc(l + 0.09) c h);--_rank-bg:color-mix(in srgb,var(--itd-primary) 13%,#0000);--_rank-ink:var(--itd-primary);color:var(--itd-color-text);margin:0 auto;position:relative;width:100%}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-tournaments{--_gold:var(--site-tournament-gold,oklch(0.87 0.14 90));--_hair:oklch(1 0 0/0.07)}
+}:root[data-theme=light] .itd-tournaments{--_pos:oklch(from var(--itd-primary) 0.75 0.2 h);--_hair:#00000014;--_cover-ink:oklch(from var(--itd-background) calc(l - 0.02) c h);--_more-bg:oklch(from var(--itd-background) 0.9 c h);--_more-hover:oklch(from var(--itd-background) 0.86 c h);--_more-card-bg:var(--_more-bg);--_rank-bg:oklch(from var(--itd-background) 0.91 c h);--_rank-ink:var(--itd-color-text)}
+
+@supports (color: oklab(0% 0 0%)){
+:root[data-theme=light] .itd-tournaments{--_hair:oklch(0 0 0/0.08)}
+}:root[data-itd-elevation=raised] .itd-tournaments{--_rank-bg:oklch(from var(--itd-background) 0.96 c h);--_more-bg:oklch(from var(--itd-background) 1 c h);--_more-hover:oklch(from var(--itd-background) 0.93 c h);--_more-card-bg:var(--_rank-bg)}.itd-tournaments-title{align-items:center;color:var(--itd-color-text);display:flex;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);height:3.75rem;width:100%}.itd-tournament-list{display:flex;flex-direction:column;gap:1.25rem}.itd-mobile .itd-tournament-filters{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;overflow-y:hidden;padding:0 1rem;scrollbar-width:none;will-change:scroll-position}.itd-mobile .itd-tournament-filters::-webkit-scrollbar{display:none}.itd-mobile .itd-tournament-filters .itd-filter-tabs{flex-wrap:nowrap}.itd-tournament-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1360px){.itd-tournament-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.itd-tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.itd-mobile .itd-tournament-grid{gap:1rem;grid-template-columns:1fr}.itd-tournament-load-more{display:flex;justify-content:center;padding:.5rem 0 1rem}.itd-tournament-skeleton-box{background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;overflow:hidden}.itd-tournament-skeleton-cover{aspect-ratio:720/480;display:block}.itd-tournament-skeleton-body{display:flex;flex-direction:column;gap:.625rem;padding:1rem}.itd-tournament-empty{align-items:center;background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:31.25rem;padding:0 2rem;text-align:center;width:100%}.itd-tournament-empty h3{color:var(--itd-primary);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);margin:0}.itd-tournament-empty>span{color:var(--_steel);font-size:var(--itd-text-13);line-height:1.1rem}.itd-tournament-status{align-items:center;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));display:inline-flex;font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-bold);height:1.5rem;padding:0 .625rem;white-space:nowrap}.itd-tournament-status[data-status=competition]{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-tournament-status[data-status=registration]{background:var(--itd-color-info);color:#fff;color:oklch(1 0 0)}.itd-tournament-status[data-status=ended]{background:#fff;background:oklch(1 0 0);color:#12161f;color:oklch(.2 .02 270)}.itd-tournament-card{background-color:var(--_wash);border-radius:var(--itd-radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;width:100%}.itd-tournament-card:hover:where(:root:not(.itd-touch) *){box-shadow:0 .375rem 1rem #00000029;box-shadow:0 .375rem 1rem oklch(0 0 0/.16);transform:translateY(-3px)}.itd-mobile .itd-tournament-card{transition:none}.itd-mobile .itd-tournament-card:hover{box-shadow:none;transform:none}.itd-tournament-card-cover{aspect-ratio:720/480;overflow:hidden;position:relative;width:100%}.itd-tournament-card-cover img:not(.itd-image-error){height:100%;object-fit:cover;width:100%}.itd-tournament-card-cover img.itd-image-error{height:100%;object-fit:contain;object-position:center;opacity:.4;padding:1.5rem;width:100%}.itd-tournament-card-status{position:absolute;right:.625rem;top:.625rem;z-index:2}.itd-tournament-card-body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1rem}.itd-tournament-card-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--itd-primary);display:-webkit-box;font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold);margin:0;overflow:hidden}:root[data-theme=light] .itd-tournament-card-name{color:var(--itd-color-text)}.itd-tournament-card-meta{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.itd-tournament-card-countdown,.itd-tournament-card-prize{display:flex;flex-direction:column;gap:.125rem}.itd-tournament-card-countdown{text-align:right}.itd-tournament-meta-label{color:var(--_steel);font-size:var(--itd-text-11);letter-spacing:.03em;text-transform:uppercase}.itd-tournament-prize-value{color:var(--_gold)}.itd-tournament-countdown-value,.itd-tournament-prize-value{font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold)}.itd-tournament-countdown-value{font-feature-settings:"tnum";color:var(--itd-primary);font-variant-numeric:tabular-nums}:root[data-theme=light] .itd-tournament-prize-value{color:var(--_pos)}:root[data-theme=light] .itd-tournament-countdown-value{color:var(--itd-color-text)}.itd-tournament-card-games{display:flex;flex-direction:column;gap:.375rem}.itd-tournament-card-games-row{align-items:stretch;display:grid;gap:.375rem;grid-template-columns:repeat(5,minmax(0,1fr))}.itd-tournament-card-games-cell{min-width:0}.itd-tournament-card-games-more{align-items:center;aspect-ratio:440/310;background-color:var(--_more-card-bg);border-radius:var(--itd-radius-sm);display:flex;justify-content:center}.itd-tournament-card-games-more span{color:var(--itd-primary);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold)}.itd-tournament-card-footer{align-items:center;border-top:1px solid var(--_hair);color:var(--_steel);display:flex;font-size:var(--itd-text-xs);justify-content:space-between;margin-top:auto;padding-top:.75rem}.itd-tournament-card-providers{align-items:center;display:flex;max-width:65%;min-width:0;position:relative}.itd-tournament-card-providers.is-interactive{cursor:pointer}.itd-tournament-card-providers .tournament-card-providers-label{align-items:center;color:var(--_steel);display:inline-flex;font-size:var(--itd-text-xs);gap:.25rem;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.itd-tournament-card-providers em{color:var(--itd-primary);flex:0 0 auto;font-style:normal;font-weight:var(--itd-font-weight-bold)}.itd-tournament-card-providers:hover:where(:root:not(.itd-touch) *) .tournament-card-providers-label{color:var(--itd-color-text-neutral)}.itd-tournament-providers-card{color:var(--itd-color-text-neutral);display:flex;flex-direction:column;font-size:var(--itd-text-xs);gap:.375rem;min-width:8rem}.itd-tournament-detail{display:flex;flex-direction:column;gap:1.25rem}.itd-tournament-detail>*{min-width:0}.itd-tournament-backbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.itd-tournament-backbar-actions{align-items:center;display:flex;gap:.5rem}.itd-tournament-participate{min-width:10rem}.itd-tournament-auto-badge{align-items:center;background-color:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-sm);color:var(--itd-primary);display:inline-flex;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);gap:.375rem;height:2rem;padding:0 .875rem;white-space:nowrap}.itd-tournament-cover{border-radius:.75rem;overflow:hidden;position:relative}.itd-tournament-cover-image{aspect-ratio:1480/634}.itd-tournament-cover-image img:not(.itd-image-error){display:block;height:100%;object-fit:cover;width:100%}.itd-tournament-cover-overlay{background:linear-gradient(30deg,var(--_cover-ink) 20%,oklch(from var(--itd-background) calc(l - .01) c h/.15) 45%,oklch(from var(--itd-background) l c h/0) 100%);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:flex-end;padding:3.75rem;position:absolute;z-index:2}.itd-tournament-cover-panel{align-items:flex-start;display:flex;flex-direction:column;gap:.875rem;max-width:24rem}.itd-tournament-cover-prize{display:flex;flex-direction:column;gap:.25rem}.itd-tournament-cover-amount{color:var(--_gold);font-size:calc(var(--itd-text-default)*2);font-weight:var(--itd-font-weight-extrabold);line-height:1.1}.itd-tournament-cover-caption{color:var(--itd-primary);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}:root[data-theme=light] .itd-tournament-cover-amount{color:var(--_pos)}:root[data-theme=light] .itd-tournament-cover-caption{color:var(--itd-color-text)}.itd-tournament-cover-countdown{display:flex;flex-direction:column;gap:.625rem}.itd-tournament-timer{align-items:flex-end;display:flex;gap:.5rem}.itd-tournament-timer-box{align-items:center;background-color:#ffffff12;background-color:oklch(1 0 0/.07);border-radius:var(--itd-radius-sm);display:flex;flex-direction:column;gap:.125rem;min-width:5rem;padding:.75rem .375rem}.itd-tournament-timer-box b{font-feature-settings:"tnum";color:var(--itd-color-text);font-size:var(--itd-text-xl);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-extrabold)}.itd-tournament-timer-box span{color:var(--_steel);font-size:var(--itd-text-10,.625rem);text-transform:uppercase}:root[data-theme=light] .itd-tournament-timer-box{background-color:var(--_wash)}.itd-mobile .itd-tournament-cover{border-radius:var(--itd-radius-md)}.itd-mobile .itd-tournament-cover-overlay{background:none;padding:1rem 0 0;position:static}.itd-mobile .itd-tournament-cover-panel{max-width:none;position:relative;width:100%}.itd-mobile .itd-tournament-cover-panel>.itd-tournament-status{position:absolute;right:0;top:0}.itd-mobile .itd-tournament-cover-amount{font-size:var(--itd-text-28);margin-top:-.375rem}.itd-mobile .itd-tournament-cover-countdown,.itd-mobile .itd-tournament-timer{width:100%}.itd-mobile .itd-tournament-timer-box{flex:1;min-width:0}.itd-mobile .itd-tournament-timer-box b{font-size:var(--itd-text-lg)}.itd-tournament-description{background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.75rem}.itd-tournament-description h3{color:var(--itd-primary);font-size:calc(var(--itd-text-default)*1.5);font-weight:var(--itd-font-weight-bold);line-height:1.5rem;margin:0}.itd-tournament-description div{color:var(--itd-color-text-neutral);font-size:var(--itd-text-sm);line-height:1.4rem}.itd-mobile .itd-tournament-description{padding:1rem}.itd-mobile .itd-tournament-description h3{font-size:var(--itd-text-xl);line-height:1.5rem}.itd-tournament-stats{position:relative}.itd-tournament-stats-track{display:flex;gap:1rem;min-width:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:0}.itd-tournament-stats-track::-webkit-scrollbar{display:none}.itd-tournament-stats-box{background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex:1 0 20rem;flex-direction:column;gap:.75rem;padding:1rem 1.75rem;scroll-snap-align:start}.itd-mobile .itd-tournament-stats-box{flex:0 0 88%}.itd-tournament-box-caption{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase}.itd-tournament-stats-rows{display:flex;flex-direction:column;gap:.125rem}.itd-tournament-stats-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.itd-tournament-stats-row span:first-child{color:var(--_steel);font-size:var(--itd-text-13)}.itd-tournament-stats-row span:last-child{color:var(--itd-color-text);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold)}.itd-tournament-stats-row span[data-tone=positive]{color:var(--itd-color-success,#43c251)}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-tournament-stats-row span[data-tone=positive]{color:var(--itd-color-success,oklch(.72 .19 145))}
+}.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{align-items:center;background-color:oklch(from var(--itd-color-background-alt-hover) calc(l + .04) c h);border:0;border-radius:9999px;box-shadow:0 .25rem .75rem #00000073;box-shadow:0 .25rem .75rem oklch(0 0 0/.45);color:var(--itd-color-text);cursor:pointer;display:flex;height:2.25rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;z-index:3}.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{height:2rem;width:2rem}.itd-tournament-section{display:flex;flex-direction:column;gap:.875rem}.itd-tournament-box-title{color:var(--itd-color-text);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);margin:0}.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);color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);padding:.375rem .75rem}.itd-mobile .itd-tournament-provider-chip{font-size:var(--itd-text-xs);padding:.375rem .625rem}[data-theme=light] .itd-tournament-provider-chip{color:var(--itd-color-text)}.itd-tournament-games-grid{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.itd-mobile .itd-tournament-games-grid{gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.itd-tournament-games-more{align-items:center;align-self:start;aspect-ratio:440/310;background-color:var(--_more-bg);border:0;border-radius:var(--itd-radius-sm);cursor:pointer;display:flex;justify-content:center;transition:background-color .15s ease}.itd-tournament-games-more:hover:where(:root:not(.itd-touch) *){background-color:var(--_more-hover)}.itd-tournament-games-more span{color:var(--itd-primary);font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold)}.itd-mobile .itd-tournament-games-more span{font-size:var(--itd-text-15)}.itd-tournament-games-empty{align-items:center;background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;justify-content:center;min-height:7.5rem;padding:1rem 2rem;text-align:center}.itd-tournament-games-empty span{color:var(--_steel);font-size:var(--itd-text-13)}.itd-tournament-panels{display:grid;gap:1.5rem;grid-template-columns:1fr 1.2fr 1fr}@media (max-width:1100px){.itd-tournament-panels{grid-template-columns:1fr}}.itd-tournament-panel{background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem}.itd-mobile .itd-tournament-panel{padding:1rem}.itd-tournament-panel-header{align-items:center;border-bottom:1px solid var(--_hair);color:var(--_steel);display:flex;font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-semibold);gap:.75rem;justify-content:space-between;padding-bottom:.5rem;text-transform:uppercase}.itd-tournament-panel-list{display:flex;flex-direction:column;max-height:25rem;overflow-y:auto;scrollbar-color:var(--itd-panel-scroll-thumb) #0000;scrollbar-width:thin}.itd-mobile .itd-tournament-panel-list{max-height:none;overflow:visible}.itd-tournament-panel-empty{color:var(--_steel);font-size:var(--itd-text-13)}.itd-tournament-standings-header{display:grid;gap:.875rem;grid-template-columns:1.5rem 1fr auto;justify-content:start;padding-left:.25rem;padding-right:.25rem}.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{align-items:center;background-color:var(--_rank-bg);border-radius:var(--itd-radius-sm);color:var(--_rank-ink);display:inline-flex;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .375rem}.itd-tournament-prize-row{align-items:center;border-bottom:1px solid var(--_hair);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 0}.itd-tournament-prize-row:last-child{border-bottom:0}.itd-tournament-prize-row>span{color:var(--itd-primary);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);text-align:right}:root[data-theme=light] .itd-tournament-prize-row>span{color:var(--itd-color-text)}.itd-tournament-standings-row{align-items:center;border-bottom:1px solid var(--_hair);display:flex;gap:.875rem;padding:.625rem .25rem}.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{background-color:var(--_wash);border-radius:9999px;flex:none;height:2.25rem;overflow:hidden;width:2.25rem}.itd-tournament-standings-photo img{display:block;height:100%;object-fit:cover;width:100%}.itd-tournament-standings-user{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--itd-color-text);display:-webkit-box;flex:1;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);min-width:0;overflow:hidden}.itd-tournament-standings-value{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);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;min-height:1px;padding:.625rem 0}.itd-tournament-board-sentinel .itd-spin-spinner{position:static;transform:none}.itd-tournament-rules-scroll{max-height:25rem;overflow-y:auto;scrollbar-color:var(--itd-panel-scroll-thumb) #0000;scrollbar-width:thin}.itd-mobile .itd-tournament-rules-scroll{max-height:none;overflow:visible}.itd-tournament-rules-text{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);line-height:1.35rem;white-space:pre-wrap}}

package/dist/css/upload.css

@@ -1,335 +1 @@
-@layer components {
-
-  /* ===== Wrapper ===== */
-  .itd-upload {
-    position: relative;
-    font-size: 13px;
-    font-weight: 400;
-
-    &[data-fluid="true"] {
-      width: 100%;
-    }
-
-    &[data-fluid="false"] {
-      width: max-content;
-    }
-
-    &[data-disabled="true"] {
-      pointer-events: none;
-      cursor: not-allowed;
-
-      & img {
-        filter: grayscale(1);
-        opacity: .5;
-      }
-    }
-
-    &[data-locked="true"] {
-      cursor: not-allowed;
-
-      & input[type="file"] {
-        pointer-events: none;
-      }
-    }
-
-    & input[type="file"] {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      opacity: 0;
-      z-index: 1;
-    }
-  }
-
-  /* ===== FileContent ===== */
-  .itd-upload-content {
-    transition-property: border-color;
-    transition-duration: 500ms;
-    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
-    border-radius: var(--itd-border-radius);
-    padding: var(--upload-padding, 10px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    min-height: 100px;
-    width: var(--container-width, 100%);
-    height: var(--container-height, auto);
-    border: 1px dashed var(--itd-color-border);
-
-    & > img {
-      max-width: 100%;
-      width: var(--file-width, 100%);
-      height: var(--file-height, auto);
-      max-width: var(--max-file-width, none);
-      max-height: var(--max-file-height, none);
-      overflow: hidden;
-      border-radius: var(--itd-border-radius);
-    }
-
-    & img.itd-image-error-broken {
-      width: 2rem;
-    }
-
-    & .itd-upload-icon,
-    & .itd-broken-file-icon {
-      color: var(--itd-color-text);
-    }
-
-    &[data-variant="filled"],
-    &[data-variant="default"] {
-      background-color: var(--itd-color-background-alt);
-    }
-
-    &[data-state="uploading"] {
-      border: 1px solid var(--itd-color-upload-overlay-uploading-bar);
-    }
-
-    &[data-state="disabled"] {
-      border: 1px solid var(--itd-color-disabled-border);
-
-      & .itd-upload-icon,
-      & .itd-broken-file-icon {
-        color: var(--itd-color-disabled-text);
-      }
-    }
-
-    &[data-state="error"]:not([data-state="uploading"]) {
-      border-color: var(--itd-color-error-border);
-    }
-
-    &[data-border="hover"]:not([data-disabled="true"]):not([data-state="uploading"]) {
-      border-color: var(--itd-color-border-hover);
-    }
-
-    &[data-focus="true"]:not([data-disabled="true"]):not([data-state="uploading"]) {
-      border-color: var(--itd-color-focus-primary);
-    }
-  }
-
-  /* ===== Label ===== */
-  .itd-upload-label {
-    display: block;
-    outline: 0 solid transparent;
-    outline-offset: var(--itd-ring-offset);
-    border-radius: var(--itd-border-radius);
-    transition: outline 100ms linear;
-
-    &[data-focus="true"] {
-      outline: var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);
-    }
-
-    &[data-focus="true"][data-error="true"] {
-      outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-    }
-  }
-
-  /* ===== IconsWrapper ===== */
-  .itd-upload-icons-wrapper {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 2;
-
-    & .itd-upload-delete-button,
-    & .itd-upload-preview-button {
-      background-color: var(--itd-color-background-alt-alpha85);
-      backdrop-filter: blur(4px);
-    }
-
-    &[data-position="default"] {
-      right: 15px;
-      height: auto;
-    }
-
-    &[data-position="corners"] {
-      right: -17px;
-      height: 100%;
-
-      & .delete-icon {
-        position: absolute;
-        bottom: -17px;
-        right: 0;
-      }
-
-      & .preview-icon {
-        position: absolute;
-        top: -17px;
-        right: 0;
-      }
-    }
-
-    & .locked-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  /* ===== CenterContent ===== */
-  .itd-upload-preview-content {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: var(--preview-padding, 0);
-
-    & img {
-      width: var(--preview-width, 100%);
-      height: var(--preview-height, 100%);
-    }
-  }
-
-  /* ===== OverlayContent ===== */
-  .itd-upload-overlay-content {
-    transition-property: all;
-    transition-duration: 0ms;
-    transition-timing-function: var(--itd-transition-timing-function);
-    transition-delay: 0ms;
-    position: absolute;
-    top: 150%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-
-    & span:nth-child(1) {
-      color: var(--itd-color-upload-text);
-      text-align: center;
-      font-weight: 500;
-    }
-
-    & span:nth-child(2) {
-      color: var(--itd-color-upload-text-alpha50);
-      text-align: center;
-      font-weight: 400;
-    }
-
-    &[data-hover="true"] {
-      top: 50%;
-    }
-  }
-
-  /* ===== Overlay ===== */
-  .itd-upload-overlay {
-    position: absolute;
-    display: flex;
-    pointer-events: all;
-    transition-property: all;
-    transition-duration: var(--itd-transition-duration);
-    transition-timing-function: var(--itd-transition-timing-function);
-    animation-direction: reverse;
-    width: 100%;
-    height: 100%;
-    background-color: transparent;
-    backdrop-filter: blur(0px);
-    border-radius: var(--itd-border-radius);
-    overflow: hidden;
-
-    &[data-hover="true"] {
-      backdrop-filter: blur(2px);
-      background-color: var(--itd-color-background-alt-alpha75);
-    }
-  }
-
-  /* ===== Uploading ===== */
-  .itd-upload-status {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    background-color: transparent;
-    border-radius: var(--itd-border-radius);
-    overflow: hidden;
-    transition-property: all;
-    transition-duration: var(--itd-transition-duration);
-    transition-timing-function: var(--itd-transition-timing-function);
-
-    & span,
-    & div {
-      color: transparent;
-      z-index: 1;
-      pointer-events: none;
-      transition-property: all;
-      transition-duration: var(--itd-transition-duration);
-      transition-timing-function: var(--itd-transition-timing-function);
-    }
-
-    &[data-active="true"] {
-      background-color: var(--itd-color-upload-overlay-uploading);
-
-      & span {
-        color: var(--itd-color-uploading-text);
-      }
-    }
-
-    &[data-active="true"][data-status="success"] {
-      background-color: var(--itd-color-upload-overlay-completed);
-
-      & span {
-        color: var(--itd-color-upload-completed-text);
-      }
-    }
-
-    &[data-active="true"][data-status="error"] {
-      background-color: var(--itd-color-upload-overlay-error);
-
-      & span {
-        color: var(--itd-color-upload-error-text);
-      }
-    }
-  }
-
-  /* ===== UploadStatusBox ===== */
-  .itd-upload-status-box {
-    transition-property: all;
-    transition-duration: var(--itd-transition-duration);
-    transition-timing-function: var(--itd-transition-timing-function);
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: var(--upload-progress, 0%);
-
-    &[data-status="success"] {
-      background-color: var(--itd-color-upload-overlay-completed);
-    }
-
-    &[data-status="error"] {
-      background-color: var(--itd-color-upload-overlay-error);
-    }
-
-    &:not([data-status]) {
-      background-color: var(--itd-color-upload-overlay-uploading-bar);
-    }
-  }
-
-  /* ===== Failed (StatusCore + Failed) ===== */
-  .itd-upload-failed {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    position: relative;
-
-    &[data-icon="i"]::before {
-      padding: 4px;
-      border-radius: 50px;
-    }
-
-    &::before {
-      background-color: var(--itd-color-error);
-    }
-
-    & svg circle {
-      fill: var(--itd-color-error);
-    }
-
-    & svg {
-      color: var(--itd-color-error-text);
-    }
-  }
-}
+@layer components{.itd-upload{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);position:relative}.itd-upload[data-fluid=true]{width:100%}.itd-upload[data-fluid=false]{width:max-content}.itd-upload[data-disabled=true]{cursor:not-allowed;pointer-events:none}.itd-upload[data-disabled=true] img{filter:grayscale(1);opacity:.5}.itd-upload[data-locked=true]{cursor:not-allowed}.itd-upload[data-locked=true] input[type=file]{pointer-events:none}.itd-upload input[type=file]{height:100%;opacity:0;position:absolute;width:100%;z-index:1}.itd-upload-content{align-items:center;border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius);display:flex;height:var(--container-height,auto);justify-content:center;min-height:100px;overflow:hidden;padding:var(--upload-padding,10px);position:relative;transition-duration:.5s;transition-property:border-color;transition-timing-function:cubic-bezier(.075,.82,.165,1);width:var(--container-width,100%)}.itd-upload-content>picture{display:contents}.itd-upload-content>img,.itd-upload-content>picture>img{border-radius:var(--itd-radius);display:block;height:var(--file-height,auto);max-height:100%;max-height:var(--max-file-height);max-width:100%;max-width:var(--max-file-width);object-fit:contain;width:var(--file-width,100%)}.itd-upload-content img.itd-image-error-broken{width:2rem}.itd-upload-content[data-ratio]{aspect-ratio:var(--container-ratio);height:auto;min-height:0}.itd-upload-content[data-ratio]>img,.itd-upload-content[data-ratio]>picture>img{height:100%;object-fit:cover;width:100%}.itd-upload-content .itd-upload-icon{color:var(--itd-color-text)}.itd-upload-content[data-variant=filled]{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-upload-content[data-variant=default]{background-color:var(--itd-color-background-alt)}.itd-upload-content[data-state=uploading]{border:1px solid var(--itd-color-upload-overlay-uploading-bar)}.itd-upload-content[data-state=disabled]{border:1px solid var(--itd-color-disabled-border)}.itd-upload-content[data-state=disabled] .itd-upload-icon{color:var(--itd-color-disabled-text)}.itd-upload-content[data-state=disabled]{--itd-image-broken-ink:var(--itd-color-disabled-text)}.itd-upload-content[data-state=error]:not([data-state=uploading]){border-color:var(--itd-color-error-border)}.itd-upload-content[data-border=hover]:not([data-disabled=true]):not([data-state=uploading]){border-color:var(--itd-color-border-hover)}.itd-upload-content[data-focus=true]:not([data-disabled=true]):not([data-state=uploading]){border-color:var(--itd-color-focus-primary)}.itd-upload-label{border-radius:var(--itd-radius);display:block;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear}.itd-upload-label[data-focus=true]{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-upload-label[data-focus=true][data-error=true]{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-upload-icons-wrapper{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.itd-upload-icons-wrapper .itd-upload-delete-button,.itd-upload-icons-wrapper .itd-upload-preview-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--itd-color-background-alt-alpha85)}.itd-upload-icons-wrapper[data-position=default]{height:auto;right:15px}.itd-upload-icons-wrapper[data-position=corners]{height:100%;right:-17px}.itd-upload-icons-wrapper[data-position=corners] .delete-icon{bottom:-17px;position:absolute;right:0}.itd-upload-icons-wrapper[data-position=corners] .preview-icon{position:absolute;right:0;top:-17px}.itd-upload-icons-wrapper .locked-icon,.itd-upload-preview-content{align-items:center;display:flex;justify-content:center}.itd-upload-preview-content{padding:var(--preview-padding,0)}.itd-upload-preview-content img{height:var(--preview-height,100%);width:var(--preview-width,100%)}.itd-upload-overlay-content{display:flex;flex-direction:column;left:50%;position:absolute;top:150%;transform:translateX(-50%) translateY(-50%);transition-delay:0ms;transition-duration:0ms;transition-property:all;transition-timing-function:var(--itd-transition-timing-function);width:100%}.itd-upload-overlay-content span:first-child{color:var(--itd-color-upload-text);font-weight:var(--itd-font-weight-medium);text-align:center}.itd-upload-overlay-content span:nth-child(2){color:var(--itd-color-upload-text-alpha50);font-weight:var(--itd-font-weight-normal);text-align:center}.itd-upload-overlay-content[data-hover=true]{top:50%}.itd-upload-overlay{animation-direction:reverse;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:initial;border-radius:var(--itd-radius);container-type:size;display:flex;height:100%;overflow:hidden;pointer-events:all;position:absolute;transition-duration:var(--itd-transition-duration);transition-property:all;transition-timing-function:var(--itd-transition-timing-function);width:100%}.itd-upload-overlay[data-hover=true]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--itd-color-background-alt-alpha75)}.itd-upload-status{align-items:center;background-color:initial;border-radius:var(--itd-radius);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.itd-upload-status,.itd-upload-status div,.itd-upload-status span{transition-duration:var(--itd-transition-duration);transition-property:all;transition-timing-function:var(--itd-transition-timing-function)}.itd-upload-status div,.itd-upload-status span{color:#0000;pointer-events:none;z-index:1}.itd-upload-status[data-active=true]{background-color:var(--itd-color-upload-overlay-uploading)}.itd-upload-status[data-active=true] span{color:var(--itd-color-uploading-text)}.itd-upload-status[data-active=true][data-status=success]{background-color:var(--itd-color-upload-overlay-completed)}.itd-upload-status[data-active=true][data-status=success] span{color:var(--itd-color-upload-completed-text)}.itd-upload-status[data-active=true][data-status=error]{background-color:var(--itd-color-upload-overlay-error)}.itd-upload-status[data-active=true][data-status=error] span{color:var(--itd-color-upload-error-text)}.itd-upload-status-box{height:100%;left:0;position:absolute;top:0;transition-duration:var(--itd-transition-duration);transition-property:all;transition-timing-function:var(--itd-transition-timing-function);width:var(--upload-progress,0)}.itd-upload-status-box[data-status=success]{background-color:var(--itd-color-upload-overlay-completed)}.itd-upload-status-box[data-status=error]{background-color:var(--itd-color-upload-overlay-error)}.itd-upload-status-box:not([data-status]){background-color:var(--itd-color-upload-overlay-uploading-bar)}.itd-upload-failed{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.itd-upload-failed[data-icon=i]:before{border-radius:50px;padding:4px}.itd-upload-failed:before{background-color:var(--itd-color-error)}.itd-upload-failed svg circle{fill:var(--itd-color-error)}.itd-upload-failed svg{color:var(--itd-color-error-text)}}@layer components{@container (max-height: 12rem){.itd-upload-overlay-content span:first-child{font-size:var(--itd-text-xs)}.itd-upload-overlay-content span:nth-child(2){display:none}}}

package/dist/css/user-hub.css

@@ -0,0 +1 @@
+@layer components{.hub{--itd-hub-side-bg:var(--site-hub-side-bg,color-mix(in srgb,var(--itd-color-background-modal) 92%,var(--itd-color-text)));--itd-hub-side-shadow:var(--site-hub-side-shadow,none);--itd-hub-user-card:var(--site-hub-user-card,color-mix(in srgb,var(--itd-color-text) 5%,#0000));--itd-hub-balance-row:var(--site-balance-row,color-mix(in srgb,var(--itd-color-text) 5%,#0000));--itd-hub-crumb-bar:var(--site-hub-crumb-bar,color-mix(in srgb,var(--itd-color-text) 6%,#0000));--itd-hub-nav-bg:var(--site-hub-nav-bg,#0000);--itd-hub-nav-text:var(--site-hub-nav-text,var(--itd-color-text-neutral));--itd-hub-nav-hover-bg:var(--site-hub-nav-hover-bg,var(--itd-color-background-alt-hover));--itd-hub-nav-hover-text:var(--site-hub-nav-hover-text,var(--itd-color-text));--itd-hub-nav-active-bg:var(--site-hub-nav-active-bg,color-mix(in srgb,var(--itd-primary) 18%,#0000));background:var(--itd-color-overlay);display:grid;font-family:var(--itd-font-sans);min-height:100vh;padding:1.5rem;place-items:center}.hub__panel{--hub-side-w:16.875rem;--hub-rail-w:4.5rem;background:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);box-shadow:var(--itd-color-modal-shadow);height:calc(100vh - 3rem);min-height:36rem;overflow:hidden;position:relative;width:min(85rem,100%)}.hub__side{background:var(--itd-hub-side-bg);bottom:0;box-shadow:var(--itd-hub-side-shadow);display:flex;flex-direction:column;gap:.625rem;left:0;overflow-x:hidden;overflow-y:auto;padding:.625rem;position:absolute;top:0;transition:width .28s cubic-bezier(.4,0,.2,1);width:var(--hub-side-w);z-index:20}.hub__side-toggle{align-items:center;background:color-mix(in srgb,var(--itd-color-text) 8%,#0000);border:0;border-radius:var(--itd-radius-control);color:var(--itd-hub-nav-text);cursor:pointer;display:inline-flex;flex:none;height:1.625rem;justify-content:center;padding:0;position:absolute;right:.625rem;top:50%;transform:translateY(-50%);transition:background-color .15s ease,color .15s ease,opacity .18s ease .12s;width:1.625rem;z-index:2}.hub__side-toggle:hover:where(:root:not(.itd-touch) *){background:var(--itd-hub-nav-hover-bg);color:var(--itd-hub-nav-hover-text)}.hub__side-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__side-toggle{background:oklch(from var(--itd-background) .96 c h)}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__side-toggle:hover:where(:root:not(.itd-touch) *){background:var(--itd-hub-nav-hover-bg);color:var(--itd-hub-nav-hover-text)}.hub__user{align-items:center;background:var(--itd-hub-user-card);border-radius:var(--itd-radius-md);display:flex;gap:.625rem;padding:.625rem;position:relative;transition:padding .24s ease}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__user{background:linear-gradient(90deg,oklch(from var(--itd-background) .96 c h) 44%,oklch(from var(--itd-background) .96 c h/0) 100%)}.hub__avatar{background:radial-gradient(120% 120% at 30% 20%,#6d3bd6 0,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2e6bd6 0,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730);border-radius:calc(var(--itd-border-radius)*.75);flex:none;height:2.5rem;width:2.5rem}.hub__username{color:var(--itd-primary)}.hub__country{color:var(--itd-color-text-neutral)}.hub__balance{background:var(--itd-hub-balance-row);border-radius:var(--itd-radius-md);gap:.75rem;padding:.75rem}.hub__balance,.hub__balance-info{display:flex;flex-direction:column}.hub__balance-info{gap:.125rem}.hub__balance-head{align-items:center;color:var(--itd-color-text-neutral);display:flex;justify-content:space-between}.hub__balance-head svg{cursor:pointer;height:1rem;width:1rem}.hub__balance-eye{background:#0000;border:0;border-radius:var(--itd-radius-sm);color:inherit;cursor:pointer;display:inline-flex;line-height:0;padding:0}.hub__balance-eye:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.hub__balance-amount{color:var(--itd-primary)}.hub__balance-amount .itd-amount{font-weight:var(--itd-font-weight-bold)}.hub__row dd .itd-amount{font-weight:var(--itd-font-weight-semibold)}.hub__balance-actions{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.hub__balance-actions svg{height:.825rem;width:.825rem}.hub__rows{display:flex;flex-direction:column;gap:.125rem;margin-top:-.3125rem}.hub__row{align-items:center;background:var(--itd-hub-balance-row);border-radius:calc(var(--itd-border-radius)*.5);display:flex;height:1.875rem;justify-content:space-between;padding:.125rem .825rem}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__row{background:linear-gradient(90deg,oklch(from var(--itd-background) .96 c h),#0000 100%)}.hub__row dt{color:var(--itd-color-text-neutral);margin:0}.hub__row dd{color:var(--itd-color-text);margin:0}.hub__nav{display:flex;flex-direction:column;gap:.3125rem}.hub__nav-item{align-items:center;background:var(--itd-hub-nav-bg);border:0;border-radius:var(--itd-radius-md);color:var(--itd-hub-nav-text);cursor:pointer;display:flex;font-family:inherit;gap:.625rem;padding:.75rem;text-align:left;transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),color var(--itd-transition-duration) var(--itd-transition-timing-function),padding-left .24s ease;width:100%}.hub__nav-item:hover:where(:root:not(.itd-touch) *){background:var(--itd-hub-nav-hover-bg);color:var(--itd-hub-nav-hover-text)}.hub__nav-item:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.hub__nav-item[data-active]{background:var(--itd-hub-nav-active-bg);color:var(--itd-hub-nav-text)}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__nav-item:not([data-active]){background:oklch(from var(--itd-background) .96 c h)}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub:not([data-vip]) .hub__nav-item:not([data-active]):hover:where(:root:not(.itd-touch) *){background:var(--itd-hub-nav-hover-bg);color:var(--itd-hub-nav-hover-text)}.hub__nav-item svg:first-child{flex:none;height:1.125rem;width:1.125rem}.hub__nav-item span{flex:1}.hub__nav-item svg:last-child{height:1rem;width:1rem}.hub--rail .hub__side{width:var(--hub-rail-w)}.hub--rail .hub__main{margin-left:var(--hub-rail-w)}.hub--rail .hub__side:hover:where(:root:not(.itd-touch) *){box-shadow:var(--itd-color-modal-shadow);width:var(--hub-side-w)}.hub__side-bal{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s ease}.hub__side-bal-inner{display:flex;flex-direction:column;gap:.625rem;min-height:0;overflow:hidden;transition:opacity .18s ease .14s}.hub__nav-item span,.hub__nav-item svg:last-child,.hub__user>div{transition:opacity .18s ease .12s}.hub__country,.hub__nav-item span,.hub__username{white-space:nowrap}.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__side-bal{grid-template-rows:0fr;transition:grid-template-rows .24s ease .12s}.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__side-bal-inner{opacity:0;transition:opacity .12s ease}.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__nav-item span,.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__nav-item svg:last-child,.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__side-toggle,.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__user>div{opacity:0;pointer-events:none;transition:opacity .1s ease}.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__nav-item{padding-left:1.0625rem}.hub--rail .hub__side:not(:hover:where(:root:not(.itd-touch) *)) .hub__user{padding-left:.375rem;padding-right:.375rem}[data-itd-elevation=raised] :where(.hub__box,.hub__paybox,.hub__status-card,.hub__dep-group,.hub__mcard)>*{--itd-color-background-input:var(--itd-color-background-panel)}.hub__main{background:var(--itd-background);display:flex;flex-direction:column;height:100%;margin-left:var(--hub-side-w);min-width:0;overflow-y:auto;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.hub__body{display:flex;flex:1;flex-direction:column}.hub__body>.itd-tabs{flex:1}.hub__main .itd-tab-list{background:var(--itd-hub-user-card);border:0;border-radius:0;padding:0 .9375rem;width:100%}.hub__head,.hub__main .itd-tab-list{align-items:center;display:flex;height:3.125rem}.hub__head{background:var(--itd-hub-crumb-bar);gap:.75rem;justify-content:space-between;padding:.9375rem}.hub__crumbs{align-items:center;color:var(--itd-color-text-neutral);display:flex;gap:.375rem}.hub__crumbs svg{height:1rem;opacity:.6;width:1rem}.hub__crumbs b{color:var(--itd-color-text)}.hub__x{height:2rem;padding:0;width:2rem}.hub__mhead,.hub__mhome{display:none}.hub__side{font-size:var(--itd-text-13)}.hub__username{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__country{font-weight:var(--itd-font-weight-medium)}.hub__balance-head,.hub__country{font-size:var(--itd-text-xs)}.hub__balance-head>span{font-weight:var(--itd-font-weight-medium)}.hub__balance-amount{font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold)}.hub__row{font-size:var(--itd-text-xs)}.hub__row dt{font-weight:var(--itd-font-weight-medium)}.hub__row dd{font-weight:var(--itd-font-weight-semibold)}.hub__nav-item{font-weight:var(--itd-font-weight-medium)}.hub__crumbs,.hub__nav-item{font-size:var(--itd-text-13)}.hub__crumbs b{font-weight:var(--itd-font-weight-medium)}.hub__tab{font-weight:var(--itd-font-weight-semibold)}.itd-mobile .hub{min-height:100dvh;padding:0;place-items:stretch}.itd-mobile .hub__panel{border-radius:0;grid-template-columns:1fr;height:100dvh;min-height:0;width:100%}.itd-mobile .hub__side{display:none}.itd-mobile .hub--rail .hub__main,.itd-mobile .hub__main{margin-left:0}.itd-mobile .hub[data-mobile-view=menu] .hub__mhome{display:block}.itd-mobile .hub[data-mobile-view=menu] .hub__main{display:none}.itd-mobile .hub[data-mobile-view=closing] .hub__mhome,.itd-mobile .hub[data-mobile-view=section] .hub__mhome{display:block}.itd-mobile .hub[data-mobile-view=closing] .hub__main,.itd-mobile .hub[data-mobile-view=section] .hub__main{backface-visibility:hidden;background:var(--itd-background);display:flex;inset:0;position:absolute;transform:translateX(100%);will-change:transform;z-index:30}.itd-mobile .hub[data-mobile-view=section] .hub__main{animation:hub-slide-in .25s cubic-bezier(0,.97,.1,1) forwards}.itd-mobile .hub[data-mobile-view=closing] .hub__main{animation:hub-slide-out .25s cubic-bezier(1,0,0,1) forwards}@keyframes hub-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes hub-slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}.itd-mobile .hub__mhome{height:100%;overflow-y:auto}.itd-mobile .hub__head{display:none}.itd-mobile .hub__mhead{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--itd-hub-crumb-bar);display:flex;flex:none;height:3rem;min-height:3rem;padding:0 .75rem;position:sticky;top:0;z-index:3}.itd-mobile .hub__mback{background:color-mix(in srgb,var(--itd-color-text) 15%,#0000);height:1.75rem;min-height:1.75rem;padding:0;width:1.75rem}.itd-mobile[data-theme=light] .hub__mback{background:color-mix(in srgb,var(--itd-color-text) 5%,#0000)}.itd-mobile .hub__mtitle{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);left:50%;position:absolute;transform:translateX(-50%)}.itd-mobile .hub__main .itd-tab-list{overflow-x:auto;scrollbar-width:none}.itd-mobile .hub__main .itd-tab-list::-webkit-scrollbar{display:none}.hub{--itd-hub-wash:var(--site-wash-ink,color-mix(in srgb,var(--itd-color-text) 6%,#0000));--itd-hub-hairline:var(--site-hub-separator,var(--site-hub-hairline,var(--itd-color-border)));--itd-hub-tile-ink:var(--site-tile-ink,color-mix(in srgb,var(--itd-color-text) 10%,#0000));--itd-hub-tile-selected:var(--site-tile-selected,var(--itd-color-background-alt-hover));--itd-hub-pay-chip:var(--site-pay-chip,var(--itd-primary))}.hub__pay-filter{display:grid;gap:.5rem;grid-template-columns:repeat(10,minmax(0,1fr))}.hub__pay-filter .itd-field-label{display:block}.hub__pay-tile{align-items:center;background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:0;border-radius:var(--itd-radius-sm);cursor:pointer;gap:.375rem;height:5rem;justify-content:center;padding:0;position:relative;transition:background-color .3s ease-out}.hub__pay-tile>:not(.itd-radio){position:relative;z-index:1}.hub__pay-tile:before{background:linear-gradient(1turn,var(--itd-hub-tile-ink) -20%,#0000 100%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-out}.hub__pay-tile:has(input:checked):before{opacity:1}.hub__pay-tile:has(input:checked){background-color:var(--itd-hub-tile-selected)}.hub__pay-tile:not(:has(input:checked)):hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}:root[data-theme=light]:not([data-itd-elevation=raised]) .hub__pay-tile:not(:has(input:checked)):hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) .89 c h)}[data-itd-elevation=raised] .hub__pay-tile:not(:has(input:checked)):hover:where(:root:not(.itd-touch) *){background-color:oklch(from var(--itd-background) .93 c h)}.hub__pay-tile .itd-field-title{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);line-height:1.1;text-align:center;transition:color .2s ease-out}.hub__pay-tile:has(input:checked) .itd-field-title{color:var(--itd-color-text)}[data-theme=light] .hub__pay-tile:has(input:checked) .itd-field-title{color:var(--site-tile-selected-ink,var(--itd-primary))}.hub__pay-badge,.hub__pay-logo{border-radius:9999px;color:#fff;display:grid;flex-shrink:0;height:2.5rem;place-items:center;width:2.5rem}.hub__pay-badge b,.hub__pay-logo b{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__pay-logo{height:3.125rem;width:3.125rem}.hub__pay-name{display:flex;flex-direction:column;gap:.125rem}.hub__dep-name,.hub__pay-groupname,.hub__pay-title,.hub__wd-name{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__hist-amount,.hub__hist-name{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold)}.hub__status-name{font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-semibold)}.hub__status-dateval,.hub__status-label{font-weight:var(--itd-font-weight-medium)}.hub__status-label{font-size:var(--itd-text-13)}.hub__status-value{font-size:var(--itd-text-15)}.hub__status-value,.hub__wager-title{font-weight:var(--itd-font-weight-semibold)}.hub__wager-title{font-size:var(--itd-text-sm)}.hub__wager-label{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium)}.hub__wager-amt{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__bonus-title,.hub__fsact-num,.hub__msg-subject{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold)}.hub__rate-label{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium)}.hub__vip-title{font-size:var(--itd-text-default)}.hub__vip-dp,.hub__vip-title{font-weight:var(--itd-font-weight-bold)}.hub__vip-btn{font-weight:var(--itd-font-weight-semibold)}.hub__vip-next{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__box-title{font-size:var(--itd-text-sm)}.hub__box-count,.hub__box-title,.hub__details{font-weight:var(--itd-font-weight-semibold)}.hub__box-count{font-size:var(--itd-text-xs)}.hub__stat-label{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium)}.hub__stat-value{font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold)}.hub__game-name{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__game-amount{font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold)}.hub__game-cur{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.hub__empty-text{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.hub__reward-label,.hub__reward-tip{font-weight:var(--itd-font-weight-bold)}.hub__reward-tip{font-size:var(--itd-text-13)}.hub__medal-count,.hub__medal-name{font-weight:var(--itd-font-weight-bold)}.hub__medal-detail-name{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold)}.hub__medal-detail-desc{font-weight:var(--itd-font-weight-medium)}.hub__medal-detail-desc,.hub__medal-detail-rows{font-size:var(--itd-text-sm)}.hub__medal-detail-rows dt{font-weight:var(--itd-font-weight-semibold)}.hub__medal-detail-rows dd{font-weight:var(--itd-font-weight-bold)}.hub__cell-big{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-extrabold)}.hub__cell-sub{font-weight:var(--itd-font-weight-semibold)}.hub__vip-hero-title{font-size:var(--itd-text-2xl)}.hub__vip-hero-dp,.hub__vip-hero-title{font-weight:var(--itd-font-weight-bold)}.hub__vip-hero-dp{font-size:var(--itd-text-sm)}.hub__vip-hero-next{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__vip-learn{font-weight:var(--itd-font-weight-extrabold)}.hub__viptable-headlabel{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium)}.hub__viptable-mark,.hub__viptable-tier,.hub__viptable-typelabel{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold)}.hub__vip-group-label{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-extrabold)}.hub__vip-row{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__vip-row--head{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__section{font-size:var(--itd-text-sm)}.hub__profile .hub__username,.hub__section{font-weight:var(--itd-font-weight-semibold)}.hub__profile .hub__username{font-size:var(--itd-text-default)}.hub__fullname{font-size:var(--itd-text-xs)}.hub__pay-title{gap:.25rem}.hub__pay-mark,.hub__pay-title{align-items:center;display:inline-flex}.hub__pay-mark{border-radius:9999px;color:#fff;height:.875rem;justify-content:center;width:.875rem}.hub__pay-mark--fav{background:#f59e0b}.hub__pay-mark--hot{background:#ef4444}.hub__pay-chip{font-size:var(--itd-text-9)}.hub__paymodal-host .itd-modal-body{background:var(--itd-color-background-modal)}[data-itd-elevation=raised] .hub__paymodal-host .itd-modal-body{background:var(--itd-background)}.hub__paymodal-host .itd-modal-header[data-variant=separator]{border-bottom:0}.hub__paymodal-host .itd-badge{font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold);height:1.5rem}.hub__paymodal-host .itd-modal-header{padding-right:3.5rem}.hub__paymodal{display:grid;gap:1rem}.hub__paymodal .hub__pay-filter{grid-template-columns:repeat(5,minmax(0,1fr))}.hub__paymodal-card{align-items:center;background:linear-gradient(169deg,var(--itd-hub-wash) 24%,#0000 100%);border-radius:var(--itd-radius-sm);display:grid;grid-template-columns:3.125rem 1fr max-content;min-height:5rem;padding:.9375rem}.hub__paymodal-name{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);margin-left:.9375rem}.hub__paymodal-tiles{display:grid;gap:.625rem;grid-template-columns:repeat(3,1fr)}.hub__paymodal-tile{background:linear-gradient(169deg,var(--itd-hub-wash) 24%,#0000 100%);border-radius:var(--itd-radius-sm);padding:.625rem}.hub__paymodal-tile>div{align-items:center;display:flex;gap:.625rem;height:3.125rem;justify-content:center}.hub__paymodal-tile svg{color:var(--itd-color-text);flex-shrink:0;height:1.625rem;width:1.625rem}.hub__paymodal-tile-texts{display:flex;flex-direction:column;font-size:var(--itd-text-13);line-height:.875rem}.hub__paymodal-tile-label{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.hub__paymodal-tile-value{color:var(--itd-color-text-muted);font-weight:var(--itd-font-weight-medium)}.hub__paymodal-sep{border:0;border-top:1px solid var(--itd-hub-hairline);margin:.25rem 0}.hub__paymodal-form{display:grid;gap:1rem}.hub__paymodal-field{display:grid;gap:.625rem}.hub__paymodal-label{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__paymodal-amount .itd-input-xlg{height:3.375rem}.hub__paymodal-amount .itd-input-addon-before span{min-width:1.875rem}.hub__paymodal-amount .itd-input-addon-before span,.hub__paymodal-amount input{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);text-align:center}.hub__paymodal-amount input{height:100%;padding-right:3.75rem}.hub__paymodal-submit{display:flex;justify-content:center;padding:.25rem 0 .5rem}.hub__paymodal .itd-badge{font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold);height:1.6875rem}.hub__paymodal .itd-badge-color-blue{--badge-bg:var(--itd-hub-pay-chip)}@media (max-width:56.25rem){.hub__paymodal-tiles{gap:.25rem;grid-template-columns:1fr}.hub__paymodal-tile>div{height:auto;justify-content:flex-start;padding:.25rem 0}.hub__paymodal-tile svg{height:1rem;width:1rem}.hub__paymodal .hub__pay-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}.itd-mobile .hub__paymodal-host{height:100dvh;overflow-y:auto}.itd-mobile .hub__paymodal-host .itd-modal-inner-wrapper{min-height:100dvh;padding:0}.itd-mobile .hub__paymodal-host .itd-modal-body{border-radius:0;max-height:none;max-width:100vw;min-height:100dvh;width:100vw}.itd-mobile .hub__paymodal-host .itd-modal-content,.itd-mobile .hub__paymodal-host .itd-modal-content-wrapper,.itd-mobile .hub__paymodal-host .itd-modal-footer,.itd-mobile .hub__paymodal-host .itd-modal-header{border-radius:0}.itd-mobile .hub__paymodal-host .itd-modal-header{position:sticky;top:0;z-index:5}.itd-mobile .hub__paymodal-host .itd-modal-close-button{position:fixed;right:.75rem;top:.75rem;z-index:6}}