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

package/dist/css/signup.css

@@ -0,0 +1 @@
+@layer components{.itd-signup-wide{--itd-login-w:45.5rem}.itd-signup-fields{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 3)}.itd-signup-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--itd-spacing) * 2.5)}.itd-signup-fields-grid>.itd-signup-span{grid-column:1/-1}@media (max-width:48rem){.itd-signup-fields-grid{grid-template-columns:1fr}}.itd-mobile .itd-signup-fields-grid{grid-template-columns:1fr}.itd-signup-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 3);font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-signup-step{display:inline-flex;align-items:center;gap:calc(var(--itd-spacing) * 1)}.itd-signup-step-mark{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid var(--itd-color-border);font-size:var(--itd-text-11)}.itd-signup-step-active{color:var(--itd-color-text);font-weight:var(--itd-font-weight-medium)}.itd-signup-step-active .itd-signup-step-mark{border-color:var(--itd-primary);color:var(--itd-primary)}.itd-signup-step-done .itd-signup-step-mark{border-color:var(--itd-color-progress-success-fill);color:var(--itd-color-progress-success-fill)}.itd-signup-step-title{font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text)}.itd-signup-fact,.itd-signup-step-title{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-signup-fact{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-signup-fact-label{color:var(--itd-color-text-muted)}.itd-signup-fact-value{font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text)}.itd-signup-pair{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2.5)}.itd-signup-fields-grid .itd-signup-pair{display:grid;grid-template-columns:1fr 1fr}@media (max-width:48rem){.itd-signup-fields-grid .itd-signup-pair{grid-template-columns:1fr}}.itd-mobile .itd-signup-fields-grid .itd-signup-pair{grid-template-columns:1fr}.itd-signup-suggested{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.5);margin-bottom:calc(var(--itd-spacing) * 1.5)}.itd-signup-suggested-row{display:flex;gap:calc(var(--itd-spacing) * 2);align-items:flex-start}.itd-signup-suggested-row>:first-child{flex:1}.itd-signup-note{font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-signup-reveal{align-self:flex-start;padding-inline:0}.itd-signup-inline-verify{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 2);margin-top:calc(var(--itd-spacing) * 4);padding-top:calc(var(--itd-spacing) * 4);border-top:1px solid var(--itd-login-rule,var(--itd-color-border))}.itd-signup-masked{color:var(--itd-color-text);font-weight:var(--itd-font-weight-medium)}.itd-signup-edit{background:none;border:0;padding:0;font:inherit;color:var(--itd-primary);cursor:pointer}.itd-auth-complete .itd-login-intro{align-items:flex-start}.itd-auth-complete-foot{align-items:center}.itd-auth-complete-deadline{font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-signup-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)}}

package/dist/css/skeleton.css

@@ -1,3 +1,3 @@
-@layer components{.itd-skeleton{background:var(
+@layer components{.itd-skeleton{display:block;position:relative;overflow:hidden;background:var(
       --itd-skeleton-bg,color-mix(in srgb,var(--itd-foreground) 12%,#0000)
-    );display:block;overflow:hidden;position:relative}.itd-skeleton,.itd-skeleton-text{border-radius:var(--itd-radius-sm)}.itd-skeleton-text{height:1em}.itd-skeleton-circle{aspect-ratio:1;border-radius:9999px}.itd-skeleton-group{display:flex;flex-direction:column;gap:.5rem}.itd-skeleton-shimmer:after{animation:itd-skeleton-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--itd-foreground) 10%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes itd-skeleton-shimmer{to{transform:translateX(100%)}}.itd-skeleton-pulse{animation:itd-skeleton-pulse 1.6s ease-in-out infinite}@keyframes itd-skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.itd-skeleton-pulse,.itd-skeleton-shimmer:after{animation:none}}}
+    )}.itd-skeleton,.itd-skeleton-text{border-radius:var(--itd-radius-sm)}.itd-skeleton-text{height:1em}.itd-skeleton-circle{aspect-ratio:1;border-radius:9999px}.itd-skeleton-group{display:flex;flex-direction:column;gap:.5rem}.itd-skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--itd-foreground) 10%,#0000),#0000);animation:itd-skeleton-shimmer 1.6s ease-in-out infinite}@keyframes itd-skeleton-shimmer{to{transform:translateX(100%)}}.itd-skeleton-pulse{animation:itd-skeleton-pulse 1.6s ease-in-out infinite}@keyframes itd-skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.itd-skeleton-pulse,.itd-skeleton-shimmer:after{animation:none}}}

package/dist/css/slider.css

@@ -1 +1 @@
-@layer components{.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{border-radius:var(--itd-slider-radius,0);overflow:hidden}.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{left:50%;position:absolute;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{background:#0000;border:0;cursor:pointer;padding:0;position:relative}.inn-slider-dot{height:1.5rem;width:1.5rem}.inn-mobile-slider-dot{height:.875rem;width:.875rem}.itd-slider-dot:after{background:rgba(0,0,0,.502);background:oklch(0 0 0/.502);border-radius:9999px;content:"";inset:0;margin:auto;position:absolute;transition:background .3s ease}.inn-slider-dot:after{height:.875rem;width:.875rem}.inn-mobile-slider-dot:after{height:.625rem;width:.625rem}.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{border-radius:9999px;outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}}
+@layer components{.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}.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}}

package/dist/css/spin.css

@@ -1 +1 @@
-@layer components{.itd-spin{position:relative}.itd-spin-spinner{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.itd-spin-children{opacity:1;pointer-events:auto;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.075,.82,.165,1)}.itd-spin-children[data-updating]{pointer-events:none}.itd-spin-children[data-updating][data-opacity]{opacity:.5}}
+@layer components{.itd-spin{position:relative}.itd-spin-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.itd-spin-children{transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.075,.82,.165,1);pointer-events:auto;opacity:1}.itd-spin-children[data-updating]{pointer-events:none}.itd-spin-children[data-updating][data-opacity]{opacity:.5}}

package/dist/css/stat-card.css

@@ -1 +1 @@
-@layer components{.itd-stat-card{--_stat-trend-up:var(--itd-stat-trend-up,var(--itd-color-progress-success-fill));--_stat-trend-down:var(--itd-stat-trend-down,var(--itd-color-alert-error-title));background:var(--itd-stat-card-bg,#0000);border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius-sm);display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1);justify-content:center;min-block-size:4.375rem;min-inline-size:7.5rem;padding:calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*3.5)}.itd-stat-card-value{align-items:center;color:var(--itd-color-text);display:flex;font-size:var(--itd-text-lg);gap:calc(var(--itd-spacing)*1.25);line-height:var(--itd-leading-tight)}.itd-stat-card-value,.itd-stat-card-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-stat-card-amount{display:inline-grid;justify-items:start}.itd-stat-card-amount>*{grid-area:1/1;white-space:nowrap}.itd-stat-card-amount-ghost{visibility:hidden}.itd-stat-card-icon,.itd-stat-card-trend{display:inline-flex;flex:none}.itd-stat-card-icon svg,.itd-stat-card-trend svg{height:1em;width:1em}.itd-stat-card-icon{color:var(--itd-color-text-neutral)}.itd-stat-card-trend-up{color:var(--_stat-trend-up)}.itd-stat-card-trend-down{color:var(--_stat-trend-down)}.itd-stat-card-label{align-items:center;color:var(--itd-color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*1);line-height:var(--itd-text-13--line-height)}.itd-stat-card-tab{background:none;color:var(--itd-color-text-muted);font-size:inherit;font-weight:inherit;height:auto;line-height:inherit;padding:0;transition:color .15s ease-out}.itd-stat-card-tab:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-stat-card-tab.itd-stat-card-tab-active{color:var(--itd-color-foreground-item-selected)}.itd-stat-card-sep{color:var(--itd-color-text-muted)}.itd-stat-card-info-slot{display:inline-flex;margin-left:auto}.itd-stat-card-info-content{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}}
+@layer components{.itd-stat-card{--_stat-trend-up:var(--itd-stat-trend-up, var(--itd-color-progress-success-fill));--_stat-trend-down:var(--itd-stat-trend-down, var(--itd-color-alert-error-title));display:flex;flex-direction:column;justify-content:center;gap:calc(var(--itd-spacing) * 1);min-inline-size:7.5rem;min-block-size:4.375rem;padding:calc(var(--itd-spacing) * 3) calc(var(--itd-spacing) * 3.5);border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius-sm);background:var(--itd-stat-card-bg,#0000)}.itd-stat-card-value{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 1.25);font-size:var(--itd-text-lg);line-height:var(--itd-leading-tight);color:var(--itd-color-text)}.itd-stat-card-value,.itd-stat-card-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-stat-card-amount{display:inline-grid;justify-items:start}.itd-stat-card-amount>*{grid-area:1/1;white-space:nowrap}.itd-stat-card-amount-ghost{visibility:hidden}.itd-stat-card-icon,.itd-stat-card-trend{display:inline-flex;flex:none}.itd-stat-card-icon svg,.itd-stat-card-trend svg{width:1em;height:1em}.itd-stat-card-icon{color:var(--itd-color-text-neutral)}.itd-stat-card-trend-up{color:var(--_stat-trend-up)}.itd-stat-card-trend-down{color:var(--_stat-trend-down)}.itd-stat-card-label{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--itd-spacing) * 1);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-muted)}.itd-stat-card-tab{height:auto;padding:0;background:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--itd-color-text-muted);transition:color .15s ease-out}.itd-stat-card-tab:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-stat-card-tab.itd-stat-card-tab-active{color:var(--itd-color-foreground-item-selected)}.itd-stat-card-sep{color:var(--itd-color-text-muted)}.itd-stat-card-info-slot{margin-left:auto;display:inline-flex}.itd-stat-card-info-content{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}}

package/dist/css/sub-page-header.css

@@ -1 +1 @@
-@layer components{.itd-sub-page-header{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2);width:100%}.itd-sub-page-header-title{color:var(--itd-sub-page-header-ink,var(--itd-color-text));flex:1;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-sub-page-header-back{align-items:center;background:none;border:0;border-radius:var(--itd-radius-control);color:var(--itd-color-text);cursor:pointer;display:inline-flex;flex:none;height:calc(var(--itd-spacing)*8);justify-content:center;padding:0;width:calc(var(--itd-spacing)*8)}.itd-sub-page-header-back:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-sub-page-header-back:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}.itd-sub-page-header-action{flex:none}.itd-slider-double{display:grid;gap:var(--itd-slider-double-gap,calc(var(--itd-spacing)*5));grid-template-columns:1fr 1fr;width:100%}@media (max-width:48rem){.itd-slider-double{grid-template-columns:1fr}}.itd-mobile .itd-slider-double{grid-template-columns:1fr}}
+@layer components{.itd-sub-page-header{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 2);width:100%}.itd-sub-page-header-title{flex:1;min-width:0;margin:0;color:var(--itd-sub-page-header-ink,var(--itd-color-text));font-size:var(--itd-text-default);line-height:1.2;font-weight:var(--itd-font-weight-semibold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.itd-sub-page-header-back{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--itd-spacing) * 8);height:calc(var(--itd-spacing) * 8);flex:none;padding:0;border:0;border-radius:var(--itd-radius-control);background:none;color:var(--itd-color-text);cursor:pointer}.itd-sub-page-header-back:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-sub-page-header-back:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}.itd-sub-page-header-action{flex:none}.itd-slider-double{display:grid;grid-template-columns:1fr 1fr;gap:var(--itd-slider-double-gap,calc(var(--itd-spacing) * 5));width:100%}@media (max-width:48rem){.itd-slider-double{grid-template-columns:1fr}}.itd-mobile .itd-slider-double{grid-template-columns:1fr}}

package/dist/css/svg-loader.css

@@ -1 +1 @@
-@layer components{.itd-svg-loader>div{height:var(--itd-svg-height,auto);width:var(--itd-svg-width,auto)}.itd-svg-loader>div div{height:inherit;width:inherit}.itd-svg-loader>div div svg{height:var(--itd-svg-height,auto);width:var(--itd-svg-width,auto)}}
+@layer components{.itd-svg-loader>div{width:var(--itd-svg-width,auto);height:var(--itd-svg-height,auto)}.itd-svg-loader>div div{width:inherit;height:inherit}.itd-svg-loader>div div svg{width:var(--itd-svg-width,auto);height:var(--itd-svg-height,auto)}}

package/dist/css/switch.css

@@ -1 +1 @@
-@layer components{.itd-switch-thumb{background:var(--itd-color-switch-thumb);border-radius:calc(var(--itd-border-radius)*5);content:"";position:absolute;transition:transform .3s,background-color .3s,color .3s}.itd-switch-body{display:block;overflow:hidden;position:relative;text-indent:-9999px}.itd-switch{align-items:center;display:flex;flex-direction:row;position:relative}.itd-switch button{background-color:initial;border:1px solid #0000;border-radius:calc(var(--itd-border-radius)*5);cursor:pointer;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),outline .1s linear;-webkit-user-select:none;user-select:none}.itd-switch label{color:var(--itd-color-text)}.itd-switch button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-switch.itd-switch-sm{--itd-switch-travel:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-sm .itd-switch-body,.itd-switch.itd-switch-sm button{height:calc(var(--itd-spacing)*4);width:calc(var(--itd-spacing)*7)}.itd-switch.itd-switch-sm .itd-switch-thumb{height:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-sm .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*2.5);width:calc(var(--itd-spacing)*2.5)}.itd-switch.itd-switch-sm label{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);line-height:var(--itd-size-sm-font);margin-left:calc(var(--itd-spacing)*1.75)}.itd-switch.itd-switch-df{--itd-switch-travel:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-df .itd-switch-body,.itd-switch.itd-switch-df button{height:calc(var(--itd-spacing)*5);width:calc(var(--itd-spacing)*8.5)}.itd-switch.itd-switch-df .itd-switch-thumb{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-df .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-df label{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);line-height:var(--itd-size-df-font);margin-left:calc(var(--itd-spacing)*2)}.itd-switch.itd-switch-lg{--itd-switch-travel:calc(var(--itd-spacing)*4)}.itd-switch.itd-switch-lg .itd-switch-body,.itd-switch.itd-switch-lg button{height:calc(var(--itd-spacing)*5.5);width:calc(var(--itd-spacing)*9.5)}.itd-switch.itd-switch-lg .itd-switch-thumb{height:calc(var(--itd-spacing)*4);width:calc(var(--itd-spacing)*4)}.itd-switch.itd-switch-lg .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-lg label{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);line-height:var(--itd-size-lg-font);margin-left:calc(var(--itd-spacing)*2.5)}.itd-switch.itd-switch-default button{background-color:var(--itd-color-background-bordered);box-shadow:var(--itd-box-shadow)}.itd-switch.itd-switch-default .itd-switch-thumb{left:calc(var(--itd-spacing)*.5);top:calc(var(--itd-spacing)*.5)}.itd-switch.itd-switch-default button[data-state=checked]{border:1px solid var(--itd-primary)}:is(.itd-switch.itd-switch-default button[data-state=checked]) .itd-switch-thumb{background:var(--itd-primary);color:var(--itd-primary-foreground);transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-default button[data-state=unchecked]{border:1px solid var(--itd-color-border)}:is(.itd-switch.itd-switch-default button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-text-alpha50);color:var(--itd-background)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:focus-visible{border-color:var(--itd-color-focus-primary)}.itd-switch.itd-switch-filled .itd-switch-thumb{left:calc(var(--itd-spacing)*.5);top:calc(var(--itd-spacing)*.5)}.itd-switch.itd-switch-filled button[data-state=checked]{background:var(--itd-primary)}:is(.itd-switch.itd-switch-filled button[data-state=checked]) .itd-switch-thumb{background:var(--itd-color-switch-filled-thumb);color:var(--itd-primary);transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-filled button[data-state=unchecked]{background:var(--itd-color-background-alt-hover)}:is(.itd-switch.itd-switch-filled button[data-state=unchecked]) .itd-switch-thumb{color:var(--itd-color-text-neutral)}.itd-switch.itd-switch-custom button[data-state=checked] .itd-switch-thumb{transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-error:not(.itd-switch-disabled) button{border:1px solid var(--itd-color-error-border)}.itd-switch.itd-switch-error button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-switch.itd-switch-error:not(.itd-switch-disabled) label{color:var(--itd-color-alert-error-text)}.itd-switch.itd-switch-disabled button[data-state=checked],.itd-switch.itd-switch-disabled button[data-state=unchecked]{background:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}:is(.itd-switch.itd-switch-disabled button[data-state=checked],.itd-switch.itd-switch-disabled button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-disabled-border)}.itd-switch.itd-switch-disabled button,.itd-switch.itd-switch-disabled label{cursor:not-allowed}.itd-switch.itd-switch-disabled label{color:var(--itd-color-disabled-text)}.itd-switch.itd-switch-locked button,.itd-switch.itd-switch-locked label{pointer-events:none}.itd-switch-thumb:has(.itd-switch-lock-icon){align-items:center;display:flex;justify-content:center}.itd-switch.itd-switch-loading .itd-switch-body{cursor:progress}.itd-switch.itd-switch-sm .itd-switch-thumb{left:calc(var(--itd-spacing)*.25);top:calc(var(--itd-spacing)*.25)}}
+@layer components{.itd-switch-thumb{content:"";position:absolute;border-radius:calc(var(--itd-border-radius) * 5);transition:transform .3s,background-color .3s,color .3s;background:var(--itd-color-switch-thumb)}.itd-switch-body{text-indent:-9999px;display:block;position:relative;overflow:hidden}.itd-switch{display:flex;flex-direction:row;align-items:center;position:relative}.itd-switch button{border:1px solid #0000;background-color:initial;outline-offset:var(--itd-ring-offset);outline:0 solid #0000;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),outline .1s linear;cursor:pointer;border-radius:calc(var(--itd-border-radius) * 5);-webkit-user-select:none;user-select:none}.itd-switch label{color:var(--itd-color-text)}.itd-switch button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-switch.itd-switch-sm{--itd-switch-travel:calc(var(--itd-spacing) * 3)}.itd-switch.itd-switch-sm .itd-switch-body,.itd-switch.itd-switch-sm button{height:calc(var(--itd-spacing) * 4);width:calc(var(--itd-spacing) * 7)}.itd-switch.itd-switch-sm .itd-switch-thumb{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * 3)}.itd-switch.itd-switch-sm .itd-switch-thumb .itd-spin-spinner{width:calc(var(--itd-spacing) * 2.5);height:calc(var(--itd-spacing) * 2.5)}.itd-switch.itd-switch-sm label{font-size:var(--itd-size-sm-font);line-height:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);margin-left:calc(var(--itd-spacing) * 1.75)}.itd-switch.itd-switch-df{--itd-switch-travel:calc(var(--itd-spacing) * 3.5)}.itd-switch.itd-switch-df .itd-switch-body,.itd-switch.itd-switch-df button{height:calc(var(--itd-spacing) * 5);width:calc(var(--itd-spacing) * 8.5)}.itd-switch.itd-switch-df .itd-switch-thumb{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-switch.itd-switch-df .itd-switch-thumb .itd-spin-spinner{width:calc(var(--itd-spacing) * 3);height:calc(var(--itd-spacing) * 3)}.itd-switch.itd-switch-df label{font-size:var(--itd-size-df-font);line-height:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);margin-left:calc(var(--itd-spacing) * 2)}.itd-switch.itd-switch-lg{--itd-switch-travel:calc(var(--itd-spacing) * 4)}.itd-switch.itd-switch-lg .itd-switch-body,.itd-switch.itd-switch-lg button{height:calc(var(--itd-spacing) * 5.5);width:calc(var(--itd-spacing) * 9.5)}.itd-switch.itd-switch-lg .itd-switch-thumb{width:calc(var(--itd-spacing) * 4);height:calc(var(--itd-spacing) * 4)}.itd-switch.itd-switch-lg .itd-switch-thumb .itd-spin-spinner{width:calc(var(--itd-spacing) * 3.5);height:calc(var(--itd-spacing) * 3.5)}.itd-switch.itd-switch-lg label{font-size:var(--itd-size-lg-font);line-height:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);margin-left:calc(var(--itd-spacing) * 2.5)}.itd-switch.itd-switch-default button{background-color:var(--itd-color-background-bordered);box-shadow:var(--itd-box-shadow)}.itd-switch.itd-switch-default .itd-switch-thumb{top:calc(var(--itd-spacing) * .5);left:calc(var(--itd-spacing) * .5)}.itd-switch.itd-switch-default button[data-state=checked]{border:1px solid var(--itd-primary)}:is(.itd-switch.itd-switch-default button[data-state=checked]) .itd-switch-thumb{transform:translateX(var(--itd-switch-travel));background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-switch.itd-switch-default button[data-state=unchecked]{border:1px solid var(--itd-color-border)}:is(.itd-switch.itd-switch-default button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-text-alpha50);color:var(--itd-background)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:focus-visible{border-color:var(--itd-color-focus-primary)}.itd-switch.itd-switch-filled .itd-switch-thumb{top:calc(var(--itd-spacing) * .5);left:calc(var(--itd-spacing) * .5)}.itd-switch.itd-switch-filled button[data-state=checked]{background:var(--itd-primary)}:is(.itd-switch.itd-switch-filled button[data-state=checked]) .itd-switch-thumb{transform:translateX(var(--itd-switch-travel));background:var(--itd-color-switch-filled-thumb);color:var(--itd-primary)}.itd-switch.itd-switch-filled button[data-state=unchecked]{background:var(--itd-color-background-alt-hover)}:is(.itd-switch.itd-switch-filled button[data-state=unchecked]) .itd-switch-thumb{color:var(--itd-color-text-neutral)}.itd-switch.itd-switch-custom button[data-state=checked] .itd-switch-thumb{transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-error:not(.itd-switch-disabled) button{border:1px solid var(--itd-color-error-border)}.itd-switch.itd-switch-error button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-switch.itd-switch-error:not(.itd-switch-disabled) label{color:var(--itd-color-alert-error-text)}.itd-switch.itd-switch-disabled :is(button[data-state=checked],button[data-state=unchecked]){background:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}:is(.itd-switch.itd-switch-disabled button[data-state=checked],.itd-switch.itd-switch-disabled button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-disabled-border)}.itd-switch.itd-switch-disabled :is(button,label){cursor:not-allowed}.itd-switch.itd-switch-disabled label{color:var(--itd-color-disabled-text)}.itd-switch.itd-switch-locked button,.itd-switch.itd-switch-locked label{pointer-events:none}.itd-switch-thumb:has(.itd-switch-lock-icon){display:flex;align-items:center;justify-content:center}.itd-switch.itd-switch-loading .itd-switch-body{cursor:progress}.itd-switch.itd-switch-sm .itd-switch-thumb{top:calc(var(--itd-spacing) * .25);left:calc(var(--itd-spacing) * .25)}}

package/dist/css/table.css

@@ -1,5 +1,7 @@
 @layer components{.itd-table-wrapper{--_table-row-border:var(
-      --itd-color-table-border,color-mix(in oklch,var(--itd-color-border) 80%,#0000)
-    );--_table-surface:var(--itd-color-background-alt);--_table-head-color:var(--itd-color-table-head,var(--itd-color-text));--_table-row-hover:var(--itd-color-background-alt-hover);overflow-x:auto;overflow-y:hidden}.itd-table-wrapper:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}[data-theme=dark] .itd-table-wrapper{--_table-row-border:var(
-        --itd-color-table-border,color-mix(in oklch,var(--itd-foreground) 12%,var(--itd-background))
-      );--_table-surface:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000);--_table-row-hover:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000)}.itd-table-wrapper:has(table.itd-table-empty),.itd-table-wrapper:has(table.itd-table-no-data){height:100%}:is(.itd-table-wrapper:has(table.itd-table-no-data),.itd-table-wrapper:has(table.itd-table-empty)) table{height:100%}.itd-table-wrapper .itd-table th span{color:var(--_table-head-color);font-size:var(--_table-head-font);line-height:var(--itd-leading-tight)}.itd-table.itd-table-md,.itd-table.itd-table-sm,.itd-table.itd-table-xs{--_table-head-font:var(--itd-text-xs)}.itd-table.itd-table-df,.itd-table.itd-table-lg,.itd-table.itd-table-xlg{--_table-head-font:var(--itd-text-13)}.itd-table-wrapper .itd-table.itd-table-accent-head{--_table-head-color:var(--itd-primary)}.itd-table-wrapper .expand-button{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}:is(.itd-table-wrapper .expand-button) button{border:1px solid var(--itd-color-border)}:is(.itd-table-wrapper .expand-button) button:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-border)}.itd-table-wrapper .itd-table.itd-table-sm .expand-button svg,.itd-table-wrapper .itd-table.itd-table-xs .expand-button svg{height:10px;width:10px}.itd-table-wrapper .itd-table.itd-table-df .expand-button svg,.itd-table-wrapper .itd-table.itd-table-md .expand-button svg{height:14px;width:14px}.itd-table-wrapper table{border-collapse:collapse;border-spacing:0;caption-side:bottom;text-indent:0;width:100%}:is(.itd-table-wrapper table) th{text-align:left}:is(:is(.itd-table-wrapper table) th) span{font-weight:var(--itd-font-weight-semibold)}:is(.itd-table-wrapper table) td{font-weight:var(--itd-font-weight-normal);overflow-wrap:break-word}:is(.itd-table-wrapper table) th{font-weight:var(--itd-font-weight-medium);overflow-wrap:break-word}:is(.itd-table-wrapper table) td,:is(.itd-table-wrapper table) th{position:relative;vertical-align:middle;width:auto}:is(.itd-table-wrapper table) tbody>tr{transition:background-color .12s ease-out}@media (prefers-reduced-motion:reduce){:is(.itd-table-wrapper table) tbody>tr{transition:none}}:is(.itd-table-wrapper table) tfoot{background-color:var(--_table-surface);border-top:1px solid var(--_table-row-border)}:is(:is(.itd-table-wrapper table) tfoot) td>span{font-weight:var(--itd-font-weight-medium)}.itd-table tr[data-level]:not([data-level="0"]){animation:itd-row-reveal .2s ease-out both;background-color:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000)}:is(.itd-table tr[data-level]:not([data-level="0"]))>td:first-child{box-shadow:inset 3px 0 0 var(--itd-color-table-level-marker,var(--itd-primary))}@keyframes itd-row-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-table tr[data-level]:not([data-level="0"]){animation:none}}.itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 70%,#0000)}[data-theme=dark] .itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 40%,#0000)}.itd-table-detail-row>td{padding:0!important}.itd-table-detail-panel{animation:itd-detail-open var(--itd-table-detail-duration,.2s) ease-out;display:grid;grid-template-rows:1fr;overflow:hidden}.itd-table-detail-panel.itd-table-detail-closing{animation:itd-detail-close var(--itd-table-detail-duration,.2s) ease-out forwards}.itd-table-detail-panel>*{min-height:0;overflow:hidden}.itd-table-detail-content{padding:calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*3.75)}@keyframes itd-detail-open{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}@keyframes itd-detail-close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}@media (prefers-reduced-motion:reduce){.itd-table-detail-panel,.itd-table-detail-panel.itd-table-detail-closing{animation:none}.itd-table-wrapper{--itd-table-detail-duration:0ms}}.itd-table-overflow{display:block;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.itd-table-empty-body{align-items:center;display:flex;height:150px;justify-content:center}.itd-table-empty-body>div{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.75)}.itd-table-empty-body span{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-table-empty-body svg{fill:var(--itd-color-text-neutral)}.itd-table.itd-table-xs>tbody td,.itd-table.itd-table-xs>tbody th,.itd-table.itd-table-xs>tfoot td,.itd-table.itd-table-xs>thead td,.itd-table.itd-table-xs>thead th{font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*1.25)}.itd-table.itd-table-sm>tbody td,.itd-table.itd-table-sm>tbody th,.itd-table.itd-table-sm>tfoot td,.itd-table.itd-table-sm>thead td,.itd-table.itd-table-sm>thead th{font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*2)}.itd-table.itd-table-md>tbody td,.itd-table.itd-table-md>tbody th,.itd-table.itd-table-md>tfoot td,.itd-table.itd-table-md>thead td,.itd-table.itd-table-md>thead th{font-size:var(--itd-text-13);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*3)}.itd-table.itd-table-df>tbody td,.itd-table.itd-table-df>tbody th,.itd-table.itd-table-df>tfoot td,.itd-table.itd-table-df>thead td,.itd-table.itd-table-df>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*3)}.itd-table.itd-table-lg>tbody td,.itd-table.itd-table-lg>tbody th,.itd-table.itd-table-lg>tfoot td,.itd-table.itd-table-lg>thead td,.itd-table.itd-table-lg>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*4.5)}.itd-table.itd-table-xlg>tbody td,.itd-table.itd-table-xlg>tbody th,.itd-table.itd-table-xlg>tfoot td,.itd-table.itd-table-xlg>thead td,.itd-table.itd-table-xlg>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*5)}.itd-table.itd-table-no-gaps>tbody td,.itd-table.itd-table-no-gaps>tbody th,.itd-table.itd-table-no-gaps>tfoot td,.itd-table.itd-table-no-gaps>thead td,.itd-table.itd-table-no-gaps>thead th{padding-inline:0}.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody th,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tfoot td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead th{padding-inline:calc(var(--itd-spacing)*2.5)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead th{padding-inline:calc(var(--itd-spacing)*3.75)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead th{padding-inline:calc(var(--itd-spacing)*5)}.itd-card-content>.itd-table-wrapper{--_table-edge-padding:1.5rem}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:first-child{padding-left:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:last-child{padding-right:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>thead th:first-child{padding-inline:0}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .expand-button{justify-content:flex-start;padding-left:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table-detail-content{padding-left:var(--_table-edge-padding);padding-right:var(--_table-edge-padding)}.itd-table:not(.itd-table-no-gaps)>thead{background-color:var(--_table-surface);border-radius:calc(var(--itd-border-radius)*.6)}.itd-table.itd-table-no-header-bg:not(.itd-table-no-gaps)>thead{background-color:initial}.itd-table.itd-table-no-data:not(.itd-table-no-gaps)>tbody>tr{background-color:var(--_table-surface)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty)>tbody>tr:not(.itd-table-row-inner):hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty) .itd-table-inner-table>tbody>tr:hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table.itd-table-solid:not(.itd-table-bordered)>tbody>tr,.itd-table.itd-table-solid:not(.itd-table-bordered)>thead>tr{border-bottom:1px solid var(--_table-row-border);border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr{border:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr)>td,:is(.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr)>th{border-left:1px solid var(--_table-row-border);border-right:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px solid var(--_table-row-border)}.itd-table.itd-table-dashed:not(.itd-table-bordered)>tbody>tr,.itd-table.itd-table-dashed:not(.itd-table-bordered)>thead>tr{border-bottom:1px dashed var(--_table-row-border);border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr{border:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr)>td,:is(.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr)>th{border-left:1px dashed var(--_table-row-border);border-right:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px dashed var(--_table-row-border)}.itd-table:not(.itd-table-bordered)>thead>tr:first-child{border-top-style:none}.itd-table:not(.itd-table-bordered)>tbody>tr:last-child{border-bottom-style:none}.itd-table.itd-table-headless:not(.itd-table-bordered)>tbody>tr:first-child{border-top-style:none}.itd-table-caption{color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);margin-top:calc(var(--itd-spacing)*3)}[data-itd-elevation=raised] .itd-table:not(.itd-table-no-gaps){--_table-row-hover:oklch(from var(--itd-background) 0.96 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid{background-color:oklch(from var(--itd-background) .93 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-ghost:not(.itd-table-sort-trigger):hover:where(:root:not(.itd-touch) *):not([disabled]),[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:oklch(from var(--itd-background) .9 c h)}.itd-table .itd-table-sort-trigger{background:none;color:inherit;font-size:inherit;font-weight:inherit;gap:calc(var(--itd-spacing)*1.5);height:auto;line-height:inherit;padding:0;width:100%}.itd-table .itd-table-sort-trigger:active,.itd-table .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *){background:none}.itd-table-wrapper .itd-table th .itd-table-sort-trigger span{color:var(--_table-head-color)}.itd-table .itd-table-sort-indicator{align-items:center;display:inline-flex;flex:none}.itd-table .itd-table-sort-indicator svg:not(.itd-spinner){height:1em;width:1em}.itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:.35;transition:opacity var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:focus-visible .itd-table-sort-indicator,.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *) .itd-table-sort-indicator{opacity:1}:root.itd-touch .itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:1}}
+      --itd-color-table-border,
+      color-mix(in oklch, var(--itd-color-border) 80%, #0000)
+    );--_table-surface:var(--itd-color-background-alt);--_table-head-color:var(--itd-color-table-head, var(--itd-color-text));--_table-row-hover:var(--itd-color-background-alt-hover);overflow-x:auto;overflow-y:hidden}.itd-table-wrapper:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}[data-theme=dark] .itd-table-wrapper{--_table-row-border:var(
+        --itd-color-table-border,
+        color-mix(in oklch, var(--itd-foreground) 12%, var(--itd-background))
+      );--_table-surface:color-mix(in oklch, var(--itd-color-background-alt) 50%, #0000);--_table-row-hover:color-mix(in oklch, var(--itd-color-background-alt) 50%, #0000)}.itd-table-wrapper:has(table.itd-table-empty),.itd-table-wrapper:has(table.itd-table-no-data){height:100%}:is(.itd-table-wrapper:has(table.itd-table-no-data),.itd-table-wrapper:has(table.itd-table-empty)) table{height:100%}.itd-table-wrapper .itd-table th span{color:var(--_table-head-color);font-size:var(--_table-head-font);line-height:var(--itd-leading-tight)}.itd-table.itd-table-md,.itd-table.itd-table-sm,.itd-table.itd-table-xs{--_table-head-font:var(--itd-text-xs)}.itd-table.itd-table-df,.itd-table.itd-table-lg,.itd-table.itd-table-xlg{--_table-head-font:var(--itd-text-13)}.itd-table-wrapper .itd-table.itd-table-accent-head{--_table-head-color:var(--itd-primary)}.itd-table-wrapper .expand-button{width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}:is(.itd-table-wrapper .expand-button) button{border:1px solid var(--itd-color-border)}:is(.itd-table-wrapper .expand-button) button:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-border)}.itd-table-wrapper :is(.itd-table.itd-table-sm,.itd-table.itd-table-xs) .expand-button svg{width:10px;height:10px}.itd-table-wrapper :is(.itd-table.itd-table-df,.itd-table.itd-table-md) .expand-button svg{width:14px;height:14px}.itd-table-wrapper table{width:100%;caption-side:bottom;border-collapse:collapse;text-indent:0;border-spacing:0}:is(.itd-table-wrapper table) th{text-align:left}:is(:is(.itd-table-wrapper table) th) span{font-weight:var(--itd-font-weight-semibold)}:is(.itd-table-wrapper table) td{font-weight:var(--itd-font-weight-normal);overflow-wrap:break-word}:is(.itd-table-wrapper table) th{font-weight:var(--itd-font-weight-medium);overflow-wrap:break-word}:is(.itd-table-wrapper table) :is(td,th){position:relative;width:auto;vertical-align:middle}:is(.itd-table-wrapper table) tbody>tr{transition:background-color .12s ease-out}@media (prefers-reduced-motion:reduce){:is(.itd-table-wrapper table) tbody>tr{transition:none}}:is(.itd-table-wrapper table) tfoot{background-color:var(--_table-surface);border-top:1px solid var(--_table-row-border)}:is(:is(.itd-table-wrapper table) tfoot) td>span{font-weight:var(--itd-font-weight-medium)}.itd-table tr[data-level]:not([data-level="0"]){background-color:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000);animation:itd-row-reveal .2s ease-out both}:is(.itd-table tr[data-level]:not([data-level="0"]))>td:first-child{box-shadow:inset 3px 0 0 var(--itd-color-table-level-marker,var(--itd-primary))}@keyframes itd-row-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-table tr[data-level]:not([data-level="0"]){animation:none}}.itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 70%,#0000)}[data-theme=dark] .itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 40%,#0000)}.itd-table-detail-row>td{padding:0!important}.itd-table-detail-panel{display:grid;grid-template-rows:1fr;overflow:hidden;animation:itd-detail-open var(--itd-table-detail-duration,.2s) ease-out}.itd-table-detail-panel.itd-table-detail-closing{animation:itd-detail-close var(--itd-table-detail-duration,.2s) ease-out forwards}.itd-table-detail-panel>*{min-height:0;overflow:hidden}.itd-table-detail-content{padding:calc(var(--itd-spacing) * 4) calc(var(--itd-spacing) * 3.75)}@keyframes itd-detail-open{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}@keyframes itd-detail-close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}@media (prefers-reduced-motion:reduce){.itd-table-detail-panel,.itd-table-detail-panel.itd-table-detail-closing{animation:none}.itd-table-wrapper{--itd-table-detail-duration:0ms}}.itd-table-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block}.itd-table-empty-body{height:150px;display:flex;align-items:center;justify-content:center}.itd-table-empty-body>div{display:flex;flex-direction:column;gap:calc(var(--itd-spacing) * 1.75)}.itd-table-empty-body span{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);color:var(--itd-color-text-neutral)}.itd-table-empty-body svg{fill:var(--itd-color-text-neutral)}.itd-table.itd-table-xs>tbody td,.itd-table.itd-table-xs>tbody th,.itd-table.itd-table-xs>tfoot td,.itd-table.itd-table-xs>thead td,.itd-table.itd-table-xs>thead th{padding-block:calc(var(--itd-spacing) * 1.25);font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight)}.itd-table.itd-table-sm>tbody td,.itd-table.itd-table-sm>tbody th,.itd-table.itd-table-sm>tfoot td,.itd-table.itd-table-sm>thead td,.itd-table.itd-table-sm>thead th{padding-block:calc(var(--itd-spacing) * 2);font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight)}.itd-table.itd-table-md>tbody td,.itd-table.itd-table-md>tbody th,.itd-table.itd-table-md>tfoot td,.itd-table.itd-table-md>thead td,.itd-table.itd-table-md>thead th{padding-block:calc(var(--itd-spacing) * 3);font-size:var(--itd-text-13);line-height:var(--itd-leading-tight)}.itd-table.itd-table-df>tbody td,.itd-table.itd-table-df>tbody th,.itd-table.itd-table-df>tfoot td,.itd-table.itd-table-df>thead td,.itd-table.itd-table-df>thead th{padding-block:calc(var(--itd-spacing) * 3);font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight)}.itd-table.itd-table-lg>tbody td,.itd-table.itd-table-lg>tbody th,.itd-table.itd-table-lg>tfoot td,.itd-table.itd-table-lg>thead td,.itd-table.itd-table-lg>thead th{padding-block:calc(var(--itd-spacing) * 4.5);font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight)}.itd-table.itd-table-xlg>tbody td,.itd-table.itd-table-xlg>tbody th,.itd-table.itd-table-xlg>tfoot td,.itd-table.itd-table-xlg>thead td,.itd-table.itd-table-xlg>thead th{padding-block:calc(var(--itd-spacing) * 5);font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight)}.itd-table.itd-table-no-gaps>tbody td,.itd-table.itd-table-no-gaps>tbody th,.itd-table.itd-table-no-gaps>tfoot td,.itd-table.itd-table-no-gaps>thead td,.itd-table.itd-table-no-gaps>thead th{padding-inline:0}.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody th,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tfoot td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead th{padding-inline:calc(var(--itd-spacing) * 2.5)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead th{padding-inline:calc(var(--itd-spacing) * 3.75)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead th{padding-inline:calc(var(--itd-spacing) * 5)}.itd-card-content>.itd-table-wrapper{--_table-edge-padding:1.5rem}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:first-child{padding-left:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:last-child{padding-right:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>thead th:first-child{padding-inline:0}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .expand-button{padding-left:var(--_table-edge-padding);justify-content:flex-start}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table-detail-content{padding-left:var(--_table-edge-padding);padding-right:var(--_table-edge-padding)}.itd-table:not(.itd-table-no-gaps)>thead{background-color:var(--_table-surface);border-radius:calc(var(--itd-border-radius) * .6)}.itd-table.itd-table-no-header-bg:not(.itd-table-no-gaps)>thead{background-color:initial}.itd-table.itd-table-no-data:not(.itd-table-no-gaps)>tbody>tr{background-color:var(--_table-surface)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty)>tbody>tr:not(.itd-table-row-inner):hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty) .itd-table-inner-table>tbody>tr:hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table.itd-table-solid:not(.itd-table-bordered)>:is(tbody,thead)>tr{border-top:1px solid var(--_table-row-border);border-bottom:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}.itd-table.itd-table-solid.itd-table-bordered>:is(tbody,thead)>tr{border:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr)>:is(td,th){border-left:1px solid var(--_table-row-border);border-right:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px solid var(--_table-row-border)}.itd-table.itd-table-dashed:not(.itd-table-bordered)>:is(tbody,thead)>tr{border-top:1px dashed var(--_table-row-border);border-bottom:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}.itd-table.itd-table-dashed.itd-table-bordered>:is(tbody,thead)>tr{border:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr)>:is(td,th){border-left:1px dashed var(--_table-row-border);border-right:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px dashed var(--_table-row-border)}.itd-table:not(.itd-table-bordered)>thead>tr:first-child{border-top-style:none}.itd-table:not(.itd-table-bordered)>tbody>tr:last-child{border-bottom-style:none}.itd-table.itd-table-headless:not(.itd-table-bordered)>tbody>tr:first-child{border-top-style:none}.itd-table-caption{margin-top:calc(var(--itd-spacing) * 3);font-size:var(--itd-text-sm);color:var(--itd-muted-foreground)}[data-itd-elevation=raised] .itd-table:not(.itd-table-no-gaps){--_table-row-hover:oklch(from var(--itd-background) 0.96 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid{background-color:oklch(from var(--itd-background) .93 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-ghost:not(.itd-table-sort-trigger):hover:where(:root:not(.itd-touch) *):not([disabled]),[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:oklch(from var(--itd-background) .9 c h)}.itd-table .itd-table-sort-trigger{width:100%;height:auto;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;gap:calc(var(--itd-spacing) * 1.5);background:none}.itd-table .itd-table-sort-trigger:active,.itd-table .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *){background:none}.itd-table-wrapper .itd-table th .itd-table-sort-trigger span{color:var(--_table-head-color)}.itd-table .itd-table-sort-indicator{display:inline-flex;flex:none;align-items:center}.itd-table .itd-table-sort-indicator svg:not(.itd-spinner){width:1em;height:1em}.itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:.35;transition:opacity var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:focus-visible .itd-table-sort-indicator,.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *) .itd-table-sort-indicator{opacity:1}:root.itd-touch .itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:1}}

package/dist/css/tabs.css

@@ -1 +1 @@
-@layer components{.itd-tabs{display:flex;flex-direction:column}.itd-tabs[data-orientation=vertical]{flex-direction:row}.itd-tabs[data-fill]{align-self:stretch}.itd-tab-list{align-items:center;display:inline-flex;flex-direction:row;position:relative;width:fit-content}.itd-tab-list[data-orientation=vertical]{align-items:stretch;flex-direction:column}.itd-tab-list[data-variant=default]{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-tab-list[data-variant=default],.itd-tab-list[data-variant=filled]{border-radius:var(--itd-radius-control);gap:calc(var(--itd-spacing)*1);padding:calc(var(--itd-spacing)*1)}.itd-tab-list[data-variant=filled]{background:var(--itd-color-tab-filled-track-bg)}.itd-tab-list[data-variant=line]{border-bottom:1px solid var(--itd-color-border);gap:0;height:100%}.itd-tab-list[data-variant=line][data-orientation=vertical]{border-bottom:none;border-right:1px solid var(--itd-color-border)}.itd-tab-trigger{all:unset;align-items:center;box-sizing:border-box;color:var(--itd-muted-foreground);cursor:pointer;display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*2);justify-content:center;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color .1s linear,color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-tab-trigger:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset);z-index:1}.itd-tab-trigger[data-disabled]{color:var(--itd-color-disabled-text);cursor:not-allowed;opacity:.5}.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-foreground))}.itd-tab-trigger svg{color:currentColor;height:16px;width:16px}.itd-tab-trigger[data-variant=default]{border:1px solid #0000;border-radius:var(--itd-radius-chip);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*2)}.itd-tab-trigger[data-variant=default][data-active]:not([data-disabled]){background:var(--itd-color-tab-active-bg);border-color:var(--itd-color-border)}.itd-tab-trigger[data-variant=default]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){background:var(--itd-color-tab-hover-bg);color:var(--itd-foreground)}.itd-tab-trigger[data-variant=filled]{border:1px solid #0000;border-radius:var(--itd-radius-chip);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*2)}.itd-tab-trigger[data-variant=filled][data-active]:not([data-disabled]){background:var(--itd-color-tab-filled-active-bg);box-shadow:var(--itd-box-shadow)}.itd-tab-trigger[data-variant=filled]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){color:var(--itd-foreground)}.itd-tab-trigger[data-variant=line]{border-bottom:2px solid #0000;height:100%;margin-bottom:-1px;padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);transition:border-color .1s linear,color .15s ease,background .15s ease}.itd-tab-trigger[data-variant=line]:focus-visible{border-color:#0000;outline-offset:-2px}.itd-tab-trigger[data-variant=line][data-active]:not([data-disabled]){border-bottom-color:var(--itd-primary)}.itd-tab-trigger[data-variant=line]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-tab-hover-underline,var(--itd-color-border-hover));color:var(--itd-foreground)}.itd-tab-trigger[data-variant=line][data-orientation=vertical]{border-bottom:none;border-right:2px solid #0000;height:auto;margin-bottom:0;margin-right:-1px}.itd-tab-trigger[data-variant=line][data-orientation=vertical][data-active]:not([data-disabled]){border-right-color:var(--itd-primary)}.itd-tab-trigger[data-hidden]{display:none!important}.itd-tab-list[data-accent]>.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-primary))}.itd-tab-list[data-compact]{gap:calc(var(--itd-spacing)*6)}.itd-tab-list[data-compact]>.itd-tab-trigger{font-size:var(--itd-text-xs);height:100%;padding:0}:is(.itd-tab-list[data-compact]>.itd-tab-trigger):focus-visible{outline-offset:calc(var(--itd-spacing)*.5)}.itd-tabs-scroll>.itd-tab-list{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}:is(.itd-tabs-scroll>.itd-tab-list)::-webkit-scrollbar{display:none}.itd-tab-more{align-items:stretch;align-self:stretch;display:flex;flex-shrink:0;position:static}.itd-tab-more[data-hidden]{display:none!important}.itd-tab-list[data-variant=line]>.itd-tab-more{margin-bottom:-1px}.itd-tab-more-btn[data-variant=default],.itd-tab-more-btn[data-variant=filled]{padding-inline:calc(var(--itd-spacing)*1.5)}.itd-tab-more-btn[data-variant=line]{margin-bottom:0;padding-inline:calc(var(--itd-spacing)*2)}.itd-tab-more-btn svg{height:16px;width:16px}.itd-tab-more-btn:hover:where(:root:not(.itd-touch) *),.itd-tab-more-btn[aria-expanded=true]{color:var(--itd-foreground)}.itd-tab-more-dropdown{background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column;min-width:150px;outline:none;padding:0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.itd-tab-more-dropdown[data-variant=filled]{border:none}.itd-tab-more-item{all:unset;box-sizing:border-box;color:var(--itd-muted-foreground);cursor:pointer;display:block;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*3);transition:background .15s ease,color .15s ease;white-space:nowrap}.itd-tab-more-item:first-child{border-radius:var(--itd-border-radius) var(--itd-border-radius) 0 0}.itd-tab-more-item:last-child{border-radius:0 0 var(--itd-border-radius) var(--itd-border-radius)}.itd-tab-more-item[data-highlighted]{background:var(--itd-color-background-alt-hover);color:var(--itd-primary)}.itd-tab-more-item.active{background:var(--itd-color-tab-active-bg);color:var(--itd-primary)}.itd-tab-content{color:var(--itd-color-text-muted);padding:calc(var(--itd-spacing)*5) 0}}
+@layer components{.itd-tabs{display:flex;flex-direction:column}.itd-tabs[data-orientation=vertical]{flex-direction:row}.itd-tabs[data-fill]{align-self:stretch}.itd-tab-list{display:inline-flex;flex-direction:row;align-items:center;position:relative;width:fit-content}.itd-tab-list[data-orientation=vertical]{flex-direction:column;align-items:stretch}.itd-tab-list[data-variant=default]{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-tab-list[data-variant=default],.itd-tab-list[data-variant=filled]{border-radius:var(--itd-radius-control);padding:calc(var(--itd-spacing) * 1);gap:calc(var(--itd-spacing) * 1)}.itd-tab-list[data-variant=filled]{background:var(--itd-color-tab-filled-track-bg)}.itd-tab-list[data-variant=line]{gap:0;height:100%;border-bottom:1px solid var(--itd-color-border)}.itd-tab-list[data-variant=line][data-orientation=vertical]{border-bottom:none;border-right:1px solid var(--itd-color-border)}.itd-tab-trigger{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--itd-spacing) * 2);white-space:nowrap;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border-color .1s linear,color .15s ease,background .15s ease;color:var(--itd-muted-foreground)}.itd-tab-trigger:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset);z-index:1}.itd-tab-trigger[data-disabled]{cursor:not-allowed;opacity:.5;color:var(--itd-color-disabled-text)}.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-foreground))}.itd-tab-trigger svg{width:16px;height:16px;color:currentColor}.itd-tab-trigger[data-variant=default]{padding:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-chip);border:1px solid #0000}.itd-tab-trigger[data-variant=default][data-active]:not([data-disabled]){background:var(--itd-color-tab-active-bg);border-color:var(--itd-color-border)}.itd-tab-trigger[data-variant=default]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){color:var(--itd-foreground);background:var(--itd-color-tab-hover-bg)}.itd-tab-trigger[data-variant=filled]{padding:calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);border-radius:var(--itd-radius-chip);border:1px solid #0000}.itd-tab-trigger[data-variant=filled][data-active]:not([data-disabled]){background:var(--itd-color-tab-filled-active-bg);box-shadow:var(--itd-box-shadow)}.itd-tab-trigger[data-variant=filled]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){color:var(--itd-foreground)}.itd-tab-trigger[data-variant=line]{padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);height:100%;border-bottom:2px solid #0000;margin-bottom:-1px;transition:border-color .1s linear,color .15s ease,background .15s ease}.itd-tab-trigger[data-variant=line]:focus-visible{outline-offset:-2px;border-color:#0000}.itd-tab-trigger[data-variant=line][data-active]:not([data-disabled]){border-bottom-color:var(--itd-primary)}.itd-tab-trigger[data-variant=line]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){color:var(--itd-foreground);border-color:var(--itd-color-tab-hover-underline,var(--itd-color-border-hover))}.itd-tab-trigger[data-variant=line][data-orientation=vertical]{height:auto;border-bottom:none;margin-bottom:0;border-right:2px solid #0000;margin-right:-1px}.itd-tab-trigger[data-variant=line][data-orientation=vertical][data-active]:not([data-disabled]){border-right-color:var(--itd-primary)}.itd-tab-trigger[data-hidden]{display:none!important}.itd-tab-list[data-accent]>.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-primary))}.itd-tab-list[data-compact]{gap:calc(var(--itd-spacing) * 6)}.itd-tab-list[data-compact]>.itd-tab-trigger{font-size:var(--itd-text-xs);padding:0;height:100%}:is(.itd-tab-list[data-compact]>.itd-tab-trigger):focus-visible{outline-offset:calc(var(--itd-spacing) * .5)}.itd-tabs-scroll>.itd-tab-list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}:is(.itd-tabs-scroll>.itd-tab-list)::-webkit-scrollbar{display:none}.itd-tab-more{position:static;display:flex;align-items:stretch;align-self:stretch;flex-shrink:0}.itd-tab-more[data-hidden]{display:none!important}.itd-tab-list[data-variant=line]>.itd-tab-more{margin-bottom:-1px}.itd-tab-more-btn[data-variant=default],.itd-tab-more-btn[data-variant=filled]{padding-inline:calc(var(--itd-spacing) * 1.5)}.itd-tab-more-btn[data-variant=line]{padding-inline:calc(var(--itd-spacing) * 2);margin-bottom:0}.itd-tab-more-btn svg{width:16px;height:16px}.itd-tab-more-btn:hover:where(:root:not(.itd-touch) *),.itd-tab-more-btn[aria-expanded=true]{color:var(--itd-foreground)}.itd-tab-more-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);z-index:1000;display:flex;flex-direction:column;padding:0;outline:none}.itd-tab-more-dropdown[data-variant=filled]{border:none}.itd-tab-more-item{all:unset;box-sizing:border-box;display:block;padding:calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 3);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);color:var(--itd-muted-foreground);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.itd-tab-more-item:first-child{border-radius:var(--itd-border-radius) var(--itd-border-radius) 0 0}.itd-tab-more-item:last-child{border-radius:0 0 var(--itd-border-radius) var(--itd-border-radius)}.itd-tab-more-item[data-highlighted]{background:var(--itd-color-background-alt-hover);color:var(--itd-primary)}.itd-tab-more-item.active{color:var(--itd-primary);background:var(--itd-color-tab-active-bg)}.itd-tab-content{padding:calc(var(--itd-spacing) * 5) 0;color:var(--itd-color-text-muted)}}

package/dist/css/textarea.css

@@ -1 +1 @@
-@layer components{.itd-textarea{display:flex;justify-content:space-between;position:relative;width:inherit}.itd-textarea textarea{background:none;border:1px solid #0000;border-radius:min(var(--itd-radius-control),var(--itd-radius-md));color:var(--itd-color-text-input,var(--itd-color-text));display:block;font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:100%;min-height:calc(var(--itd-spacing)*11.75);outline:0 solid #0000;outline-offset:var(--itd-ring-offset);padding:calc(var(--itd-spacing)*3);resize:vertical;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),scrollbar-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:100%}:is(.itd-textarea textarea)::-webkit-scrollbar{width:calc(var(--itd-spacing)*5.5)}:is(.itd-textarea textarea)::-webkit-scrollbar-track{background:#0000}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb{background-color:var(--itd-scrollbar-thumb);border:calc(var(--itd-spacing)*3.25) solid #0000;border-radius:calc(var(--itd-spacing)*2.5)}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover);scrollbar-width:thin!important}.itd-textarea textarea{scrollbar-color:var(--itd-scrollbar-thumb) #0000;scrollbar-width:thin}:is(.itd-textarea textarea):hover:where(:root:not(.itd-touch) *){scrollbar-color:var(--itd-scrollbar-thumb-hover) #0000}:is(.itd-textarea textarea)::placeholder{color:var(--itd-color-placeholder)}.itd-textarea.itd-textarea-default textarea{background-color:var(--itd-color-background-bordered);border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-textarea.itd-textarea-default:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-filled textarea{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-textarea.itd-textarea-filled:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-dashed textarea{border:1px dashed var(--itd-color-border)}.itd-textarea.itd-textarea-dashed:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-focus:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-border-focus)}.itd-textarea.itd-textarea-focus.itd-textarea-error:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-error-border)}.itd-textarea.itd-textarea-focus.itd-textarea-filled textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus.itd-textarea-error:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{border-color:var(--itd-color-error-border)!important;outline:var(--itd-ring-width) solid var(--itd-color-error-outline)!important}.itd-textarea.itd-textarea-disabled{cursor:not-allowed}.itd-textarea.itd-textarea-disabled textarea{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);pointer-events:none}.itd-textarea.itd-textarea-disabled textarea,.itd-textarea.itd-textarea-disabled textarea::placeholder{color:var(--itd-color-disabled-text)}.itd-textarea.itd-textarea-locked textarea{pointer-events:none}.itd-textarea-status{align-items:center;border-radius:50%;cursor:default;display:flex;justify-content:center;position:absolute;right:calc(var(--itd-spacing)*3.75);top:50%;transform:translateY(-50%)}.itd-textarea-status svg circle{fill:var(--itd-color-error)}.itd-textarea-status svg path{fill:var(--itd-color-error-text)}.itd-textarea-failed:hover:where(:root:not(.itd-touch) *) .itd-textarea-error-tooltip{display:flex}.itd-textarea-error-wrapper{position:absolute;right:calc(var(--itd-spacing)*4);top:50%;transform:translateY(-50%)}.itd-textarea-count{font-feature-settings:"tnum";bottom:calc(var(--itd-spacing)*1.5);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;position:absolute;right:calc(var(--itd-spacing)*3)}.itd-textarea-show-count textarea{padding-bottom:calc(var(--itd-spacing)*5)}.itd-textarea-sm textarea,.itd-textarea-xs textarea{padding:calc(var(--itd-spacing)*2.5)}.itd-textarea-xs textarea{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw)}.itd-textarea-sm textarea{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw)}.itd-textarea-md textarea{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw)}.itd-textarea-lg textarea,.itd-textarea-xlg textarea{padding:calc(var(--itd-spacing)*3.75)}.itd-textarea-lg textarea{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw)}.itd-textarea-xlg textarea{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw)}.itd-textarea-locked-icon{align-items:center;color:var(--itd-color-text-neutral);display:flex;justify-content:center;pointer-events:none;position:absolute;right:calc(var(--itd-spacing)*3);top:50%;transform:translateY(-50%)}}
+@layer components{.itd-textarea{width:inherit;position:relative;display:flex;justify-content:space-between}.itd-textarea textarea{background:none;display:block;width:100%;height:100%;min-height:calc(var(--itd-spacing) * 11.75);padding:calc(var(--itd-spacing) * 3);resize:vertical;font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);color:var(--itd-color-text-input,var(--itd-color-text));border-radius:min(var(--itd-radius-control),var(--itd-radius-md));border:1px solid #0000;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),scrollbar-color var(--itd-transition-duration) var(--itd-transition-timing-function)}:is(.itd-textarea textarea)::-webkit-scrollbar{width:calc(var(--itd-spacing) * 5.5)}:is(.itd-textarea textarea)::-webkit-scrollbar-track{background:#0000}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb{background-color:var(--itd-scrollbar-thumb);border-radius:calc(var(--itd-spacing) * 2.5);border:calc(var(--itd-spacing) * 3.25) solid #0000}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover);scrollbar-width:thin!important}.itd-textarea textarea{scrollbar-width:thin;scrollbar-color:var(--itd-scrollbar-thumb) #0000}:is(.itd-textarea textarea):hover:where(:root:not(.itd-touch) *){scrollbar-color:var(--itd-scrollbar-thumb-hover) #0000}:is(.itd-textarea textarea)::placeholder{color:var(--itd-color-placeholder)}.itd-textarea.itd-textarea-default textarea{border:1px solid var(--itd-color-border);background-color:var(--itd-color-background-bordered);box-shadow:var(--itd-box-shadow)}.itd-textarea.itd-textarea-default:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-filled textarea{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-textarea.itd-textarea-filled:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-dashed textarea{border:1px dashed var(--itd-color-border)}.itd-textarea.itd-textarea-dashed:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-focus:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-border-focus)}.itd-textarea.itd-textarea-focus.itd-textarea-error:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-error-border)}.itd-textarea.itd-textarea-focus.itd-textarea-filled textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus.itd-textarea-error:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)!important;border-color:var(--itd-color-error-border)!important}.itd-textarea.itd-textarea-disabled{cursor:not-allowed}.itd-textarea.itd-textarea-disabled textarea{pointer-events:none;background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}.itd-textarea.itd-textarea-disabled textarea,.itd-textarea.itd-textarea-disabled textarea::placeholder{color:var(--itd-color-disabled-text)}.itd-textarea.itd-textarea-locked textarea{pointer-events:none}.itd-textarea-status{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:default;position:absolute;top:50%;right:calc(var(--itd-spacing) * 3.75);transform:translateY(-50%)}.itd-textarea-status svg circle{fill:var(--itd-color-error)}.itd-textarea-status svg path{fill:var(--itd-color-error-text)}.itd-textarea-failed:hover:where(:root:not(.itd-touch) *) .itd-textarea-error-tooltip{display:flex}.itd-textarea-error-wrapper{position:absolute;right:calc(var(--itd-spacing) * 4);top:50%;transform:translateY(-50%)}.itd-textarea-count{position:absolute;right:calc(var(--itd-spacing) * 3);bottom:calc(var(--itd-spacing) * 1.5);font-size:var(--itd-text-xs);line-height:1;color:var(--itd-color-text-muted);pointer-events:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-textarea-show-count textarea{padding-bottom:calc(var(--itd-spacing) * 5)}:is(.itd-textarea-sm,.itd-textarea-xs) textarea{padding:calc(var(--itd-spacing) * 2.5)}.itd-textarea-xs textarea{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw)}.itd-textarea-sm textarea{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw)}.itd-textarea-md textarea{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw)}:is(.itd-textarea-lg,.itd-textarea-xlg) textarea{padding:calc(var(--itd-spacing) * 3.75)}.itd-textarea-lg textarea{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw)}.itd-textarea-xlg textarea{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw)}.itd-textarea-locked-icon{position:absolute;right:calc(var(--itd-spacing) * 3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--itd-color-text-neutral);pointer-events:none}}

package/dist/css/toggle-group.css

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

package/dist/css/tooltip.css

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

package/dist/css/tournaments.css

@@ -1,15 +1,16 @@
-@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%}
+@layer components{.itd-tournaments{width:100%;margin:0 auto;position:relative;color:var(--itd-color-text);--_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)}
 
 @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)}
+.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)}
+: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{width:100%;display:flex;align-items:center;height:3.75rem;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.itd-tournament-list{display:flex;flex-direction:column;gap:1.25rem}.itd-mobile .itd-tournament-filters{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;will-change:scroll-position;margin:0 -1rem;padding:0 1rem}.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;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}@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{grid-template-columns:1fr;gap:1rem}.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);overflow:hidden;display:flex;flex-direction:column}.itd-tournament-skeleton-cover{display:block;aspect-ratio:720/480}.itd-tournament-skeleton-body{display:flex;flex-direction:column;gap:.625rem;padding:1rem}.itd-tournament-empty{width:100%;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-tournament-empty h3{margin:0;color:var(--itd-primary);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold)}.itd-tournament-empty>span{color:var(--_steel);font-size:var(--itd-text-13);line-height:1.1rem}.itd-tournament-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);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{width:100%;background-color:var(--_wash);border-radius:var(--itd-radius-md);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.itd-tournament-card:hover:where(:root:not(.itd-touch) *){transform:translateY(-3px);box-shadow:0 .375rem 1rem #00000029;box-shadow:0 .375rem 1rem oklch(0 0 0/.16)}.itd-mobile .itd-tournament-card{transition:none}.itd-mobile .itd-tournament-card:hover{transform:none;box-shadow:none}.itd-tournament-card-cover{position:relative;width:100%;aspect-ratio:720/480;overflow:hidden}.itd-tournament-card-cover img:not(.itd-image-error){width:100%;height:100%;object-fit:cover}.itd-tournament-card-cover img.itd-image-error{width:100%;height:100%;padding:1.5rem;object-fit:contain;object-position:center;opacity:.4}.itd-tournament-card-status{position:absolute;top:.625rem;right:.625rem;z-index:2}.itd-tournament-card-body{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.itd-tournament-card-name{margin:0;font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=light] .itd-tournament-card-name{color:var(--itd-color-text)}.itd-tournament-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.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{font-size:var(--itd-text-11);color:var(--_steel);text-transform:uppercase;letter-spacing:.03em}.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{color:var(--itd-primary);font-feature-settings:"tnum";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{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem;align-items:stretch}.itd-tournament-card-games-cell{min-width:0}.itd-tournament-card-games-more{display:flex;align-items:center;justify-content:center;background-color:var(--_more-card-bg);border-radius:var(--itd-radius-sm);aspect-ratio:440/310}.itd-tournament-card-games-more span{font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-tournament-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--_hair);font-size:var(--itd-text-xs);color:var(--_steel)}.itd-tournament-card-providers{position:relative;display:flex;align-items:center;min-width:0;max-width:65%}.itd-tournament-card-providers.is-interactive{cursor:pointer}.itd-tournament-card-providers .tournament-card-providers-label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--_steel);font-size:var(--itd-text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.itd-tournament-card-providers em{flex:0 0 auto;font-style:normal;font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-tournament-card-providers:hover:where(:root:not(.itd-touch) *) .tournament-card-providers-label{color:var(--itd-color-text-neutral)}.itd-tournament-providers-card{display:flex;flex-direction:column;gap:.375rem;min-width:8rem;font-size:var(--itd-text-xs);color:var(--itd-color-text-neutral)}.itd-tournament-detail{display:flex;flex-direction:column;gap:1.25rem}.itd-tournament-detail>*{min-width:0}.itd-tournament-backbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.itd-tournament-backbar-actions{display:flex;align-items:center;gap:.5rem}.itd-tournament-participate{min-width:10rem}.itd-tournament-auto-badge{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .875rem;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background-alt-hover);color:var(--itd-primary);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);white-space:nowrap}.itd-tournament-cover{position:relative;border-radius:.75rem;overflow:hidden}.itd-tournament-cover-image{aspect-ratio:1480/634}.itd-tournament-cover-image img:not(.itd-image-error){width:100%;height:100%;object-fit:cover;display:block}.itd-tournament-cover-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:3.75rem;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%)}.itd-tournament-cover-panel{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;max-width:24rem}.itd-tournament-cover-prize{display:flex;flex-direction:column;gap:.25rem}.itd-tournament-cover-amount{font-size:calc(var(--itd-text-default) * 2);font-weight:var(--itd-font-weight-extrabold);color:var(--_gold);line-height:1.1}.itd-tournament-cover-caption{font-size:var(--itd-text-default);color:var(--itd-primary);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{display:flex;align-items:flex-end;gap:.5rem}.itd-tournament-timer-box{min-width:5rem;display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .375rem;background-color:#ffffff12;background-color:oklch(1 0 0/.07);border-radius:var(--itd-radius-sm)}.itd-tournament-timer-box b{font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-extrabold);color:var(--itd-color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itd-tournament-timer-box span{font-size:var(--itd-text-10,.625rem);text-transform:uppercase;color:var(--_steel)}: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{position:static;padding:1rem 0 0;background:none}.itd-mobile .itd-tournament-cover-panel{max-width:none;width:100%;position:relative}.itd-mobile .itd-tournament-cover-panel>.itd-tournament-status{position:absolute;top:0;right: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);padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.5rem}.itd-tournament-description h3{margin:0;font-size:calc(var(--itd-text-default) * 1.5);line-height:1.5rem;font-weight:var(--itd-font-weight-bold);color:var(--itd-primary)}.itd-tournament-description div{font-size:var(--itd-text-sm);line-height:1.4rem;color:var(--itd-color-text-neutral)}.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;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:0;min-width:100%}.itd-tournament-stats-track::-webkit-scrollbar{display:none}.itd-tournament-stats-box{flex:1 0 20rem;scroll-snap-align:start;background-color:var(--_wash);border-radius:var(--itd-radius-md);padding:1rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.itd-mobile .itd-tournament-stats-box{flex:0 0 88%}.itd-tournament-box-caption{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);text-transform:uppercase;color:var(--itd-color-text-neutral)}.itd-tournament-stats-rows{display:flex;flex-direction:column;gap:.125rem}.itd-tournament-stats-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.itd-tournament-stats-row span:first-child{font-size:var(--itd-text-13);color:var(--_steel)}.itd-tournament-stats-row span:last-child{font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);color:var(--itd-color-text)}.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}}
+}.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}}

package/dist/css/upload.css

@@ -1 +1 @@
-@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}}}
+@layer components{.itd-upload{position:relative;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal)}.itd-upload[data-fluid=true]{width:100%}.itd-upload[data-fluid=false]{width:max-content}.itd-upload[data-disabled=true]{pointer-events:none;cursor:not-allowed}.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]{width:100%;height:100%;position:absolute;opacity:0;z-index:1}.itd-upload-content{transition-property:border-color;transition-duration:.5s;transition-timing-function:cubic-bezier(.075,.82,.165,1);border-radius:var(--itd-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);overflow:hidden}.itd-upload-content>picture{display:contents}.itd-upload-content>img,.itd-upload-content>picture>img{display:block;width:var(--file-width,100%);height:var(--file-height,auto);max-width:100%;max-width:var(--max-file-width);max-height:100%;max-height:var(--max-file-height);object-fit:contain;border-radius:var(--itd-radius)}.itd-upload-content img.itd-image-error-broken{width:2rem}.itd-upload-content[data-ratio]{height:auto;aspect-ratio:var(--container-ratio);min-height:0}.itd-upload-content[data-ratio]>img,.itd-upload-content[data-ratio]>picture>img{width:100%;height:100%;object-fit:cover}.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{display:block;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);border-radius:var(--itd-radius);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 :is(.itd-upload-delete-button,.itd-upload-preview-button){background-color:var(--itd-color-background-alt-alpha85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.itd-upload-icons-wrapper[data-position=default]{right:15px;height:auto}.itd-upload-icons-wrapper[data-position=corners]{right:-17px;height:100%}.itd-upload-icons-wrapper[data-position=corners] .delete-icon{position:absolute;bottom:-17px;right:0}.itd-upload-icons-wrapper[data-position=corners] .preview-icon{position:absolute;top:-17px;right:0}.itd-upload-icons-wrapper .locked-icon,.itd-upload-preview-content{display:flex;align-items:center;justify-content:center}.itd-upload-preview-content{padding:var(--preview-padding,0)}.itd-upload-preview-content img{width:var(--preview-width,100%);height:var(--preview-height,100%)}.itd-upload-overlay-content{transition-property:all;transition-duration:0s;transition-timing-function:var(--itd-transition-timing-function);transition-delay:0s;position:absolute;top:150%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column;width:100%}.itd-upload-overlay-content span:first-child{color:var(--itd-color-upload-text);text-align:center;font-weight:var(--itd-font-weight-medium)}.itd-upload-overlay-content span:nth-child(2){color:var(--itd-color-upload-text-alpha50);text-align:center;font-weight:var(--itd-font-weight-normal)}.itd-upload-overlay-content[data-hover=true]{top:50%}.itd-upload-overlay{position:absolute;display:flex;pointer-events:all;container-type:size;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:initial;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-radius:var(--itd-radius);overflow:hidden}.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{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:initial;border-radius:var(--itd-radius);overflow:hidden}.itd-upload-status,.itd-upload-status :is(div,span){transition-property:all;transition-duration:var(--itd-transition-duration);transition-timing-function:var(--itd-transition-timing-function)}.itd-upload-status :is(div,span){color:#0000;z-index:1;pointer-events:none}.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{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)}.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{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.itd-upload-failed[data-icon=i]:before{padding:4px;border-radius:50px}.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

@@ -1 +1,3 @@
-@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}}
+@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));min-height:100vh;display:grid;place-items:center;background:var(--itd-color-overlay);padding:1.5rem;font-family:var(--itd-font-sans)}.hub__panel{--hub-side-w:16.875rem;--hub-rail-w:4.5rem;position:relative;width:min(85rem,100%);height:calc(100vh - 3rem);min-height:36rem;background:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);box-shadow:var(--itd-color-modal-shadow);overflow:hidden}.hub__side{position:absolute;left:0;top:0;bottom:0;width:var(--hub-side-w);z-index:20;padding:.625rem;display:flex;flex-direction:column;gap:.625rem;overflow-x:hidden;overflow-y:auto;background:var(--itd-hub-side-bg);box-shadow:var(--itd-hub-side-shadow);transition:width .28s cubic-bezier(.4,0,.2,1)}.hub__side-toggle{position:absolute;top:50%;right:.625rem;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;flex:none;border:0;padding:0;cursor:pointer;border-radius:var(--itd-radius-control);background:color-mix(in srgb,var(--itd-color-text) 8%,#0000);color:var(--itd-hub-nav-text);transition:background-color .15s ease,color .15s ease,opacity .18s ease .12s}.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{position:relative;display:flex;align-items:center;gap:.625rem;background:var(--itd-hub-user-card);border-radius:var(--itd-radius-md);padding:.625rem;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{width:2.5rem;height:2.5rem;flex:none;border-radius:calc(var(--itd-border-radius) * .75);background:radial-gradient(120% 120% at 30% 20%,#6d3bd6,#0000 60%),radial-gradient(120% 120% at 80% 70%,#2e6bd6,#0000 60%),linear-gradient(180deg,#1b2b4d,#0a1730)}.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);padding:.75rem;gap:.75rem}.hub__balance,.hub__balance-info{display:flex;flex-direction:column}.hub__balance-info{gap:.125rem}.hub__balance-head{display:flex;align-items:center;justify-content:space-between;color:var(--itd-color-text-neutral)}.hub__balance-head svg{width:1rem;height:1rem;cursor:pointer}.hub__balance-eye{border:0;background:#0000;color:inherit;cursor:pointer;padding:0;line-height:0;display:inline-flex;border-radius:var(--itd-radius-sm)}.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;grid-template-columns:1fr 1fr;gap:.5rem}.hub__balance-actions svg{width:.825rem;height:.825rem}.hub__rows{display:flex;flex-direction:column;gap:.125rem;margin-top:-.3125rem}.hub__row{display:flex;align-items:center;justify-content:space-between;height:1.875rem;background:var(--itd-hub-balance-row);border-radius:calc(var(--itd-border-radius) * .5);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{display:flex;align-items:center;gap:.625rem;width:100%;background:var(--itd-hub-nav-bg);border:0;border-radius:var(--itd-radius-md);padding:.75rem;color:var(--itd-hub-nav-text);cursor:pointer;font-family:inherit;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}.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{width:1.125rem;height:1.125rem;flex:none}.hub__nav-item span{flex:1}.hub__nav-item svg:last-child{width:1rem;height: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) *){width:var(--hub-side-w);box-shadow:var(--itd-color-modal-shadow)}.hub__side-bal{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s ease}.hub__side-bal-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.625rem;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{margin-left:var(--hub-side-w);height:100%;overflow-y:auto;min-width:0;background:var(--itd-background);transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.hub__body,.hub__main{display:flex;flex-direction:column}.hub__body,.hub__body>.itd-tabs{flex:1}.hub__main .itd-tab-list{padding:0 .9375rem;width:100%;background:var(--itd-hub-user-card);border:0;border-radius:0}.hub__head,.hub__main .itd-tab-list{height:3.125rem;display:flex;align-items:center}.hub__head{justify-content:space-between;gap:.75rem;padding:.9375rem;background:var(--itd-hub-crumb-bar)}.hub__crumbs{display:flex;align-items:center;gap:.375rem;color:var(--itd-color-text-neutral)}.hub__crumbs svg{width:1rem;height:1rem;opacity:.6}.hub__crumbs b{color:var(--itd-color-text)}.hub__x{width:2rem;height:2rem;padding:0}.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{padding:0;place-items:stretch;min-height:100dvh}.itd-mobile .hub__panel{width:100%;height:100dvh;min-height:0;border-radius:0;grid-template-columns:1fr}.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 :is(.hub[data-mobile-view=closing],.hub[data-mobile-view=section]) .hub__mhome{display:block}.itd-mobile :is(.hub[data-mobile-view=closing],.hub[data-mobile-view=section]) .hub__main{display:flex;position:absolute;inset:0;z-index:30;background:var(--itd-background);will-change:transform;backface-visibility:hidden;transform:translateX(100%)}.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{display:flex;align-items:center;position:sticky;top:0;z-index:3;flex:none;height:3rem;min-height:3rem;padding:0 .75rem;background:var(--itd-hub-crumb-bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.itd-mobile .hub__mback{width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0;background:color-mix(in srgb,var(--itd-color-text) 15%,#0000)}.itd-mobile[data-theme=light] .hub__mback{background:color-mix(in srgb,var(--itd-color-text) 5%,#0000)}.itd-mobile .hub__mtitle{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);color:var(--itd-color-text)}.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;grid-template-columns:repeat(10,minmax(0,1fr));gap:.5rem}.hub__pay-filter .itd-field-label{display:block}.hub__pay-tile{position:relative;height:5rem;justify-content:center;align-items:center;gap:.375rem;padding:0;border:0;border-radius:var(--itd-radius-sm);background-color:var(--itd-color-background-input,var(--itd-color-background-alt));transition:background-color .3s ease-out;cursor:pointer}.hub__pay-tile>:not(.itd-radio){position:relative;z-index:1}.hub__pay-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(1turn,var(--itd-hub-tile-ink) -20%,#0000 100%);opacity:0;transition:opacity .3s ease-out;pointer-events:none}.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);text-align:center;line-height:1.1;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);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{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:9999px;color:#fff;flex-shrink:0}.hub__pay-badge b,.hub__pay-logo b{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold)}.hub__pay-logo{width:3.125rem;height: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{display:inline-flex;align-items:center}.hub__pay-mark{justify-content:center;width:.875rem;height:.875rem;border-radius:9999px;color:#fff}.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{height:1.5rem;font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold)}.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{min-height:5rem;background:linear-gradient(169deg,var(--itd-hub-wash) 24%,#0000 100%);border-radius:var(--itd-radius-sm);padding:.9375rem;display:grid;align-items:center;grid-template-columns:3.125rem 1fr max-content}.hub__paymodal-name{margin-left:.9375rem;color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold)}.hub__paymodal-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.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{display:flex;align-items:center;justify-content:center;gap:.625rem;height:3.125rem}.hub__paymodal-tile svg{width:1.625rem;height:1.625rem;color:var(--itd-color-text);flex-shrink:0}.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{height:1.6875rem;font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-semibold)}.hub__paymodal .itd-badge-color-blue{--badge-bg:var(--itd-hub-pay-chip)}@media (max-width:56.25rem){.hub__paymodal-tiles{grid-template-columns:1fr;gap:.25rem}.hub__paymodal-tile>div{justify-content:flex-start;height:auto;padding:.25rem 0}.hub__paymodal-tile svg{width:1rem;height: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{padding:0;min-height:100dvh}.itd-mobile .hub__paymodal-host .itd-modal-body{width:100vw;max-width:100vw;min-height:100dvh;max-height:none;border-radius:0}.itd-mobile .hub__paymodal-host :is(.itd-modal-content,.itd-modal-content-wrapper,.itd-modal-footer,.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;top:.75rem;right:.75rem;z-index:6}.hub__security{display:flex;flex-direction:column;background:var(
+      --itd-hub-security-bg,var(--site-hub-security-bg,var(--itd-hub-balance-row))
+    );padding:calc(var(--itd-spacing) * 4);border-radius:var(--itd-radius-sm)}.hub__security-row{display:flex;align-items:center;gap:calc(var(--itd-spacing) * 3);padding-block:calc(var(--itd-spacing) * 3);border-bottom:1px solid var(--itd-color-border)}.hub__security-row:last-child{border-bottom:0}.hub__security-label{flex:none;width:7.5rem;color:var(--itd-color-text-muted)}.hub__security-label,.hub__security-value{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.hub__security-value{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--itd-spacing) * 2);color:var(--itd-color-text);overflow-wrap:anywhere}.hub__security-note{margin:0;font-size:var(--itd-text-xs);line-height:var(--itd-text-xs--line-height);color:var(--itd-color-text-muted)}.itd-mobile .hub__security-row{flex-wrap:wrap}.itd-mobile .hub__security-label{width:100%}}