@itwin/itwinui-css 0.56.0 → 0.59.0

package/css/all.css

@@ -584,12 +584,12 @@ html.iui-theme-dark-hc{
 }
 
 .iui-anchor{
-  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
   -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
   border-radius:3px;
+  box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
 }
@@ -607,22 +607,6 @@ html.iui-theme-dark-hc{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-anchor-external::after{
-  content:"";
-  display:inline-block;
-  width:1.5ch;
-  height:1.5ch;
-  margin-left:0.5ch;
-  vertical-align:-0.1ch;
-  background-color:currentColor;
-  -webkit-mask:var(--_iui-anchor-external-svg);
-          mask:var(--_iui-anchor-external-svg);
-}
-@media (forced-colors: active){
-  .iui-anchor-external::after{
-    background-color:LinkText;
-  }
-}
 .iui-anchor:hover{
   text-decoration:underline;
 }
@@ -967,12 +951,12 @@ html.iui-theme-dark-hc{
 }
 
 .iui-anchor{
-  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
   -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
   border-radius:3px;
+  box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
 }
@@ -990,22 +974,6 @@ html.iui-theme-dark-hc{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-anchor-external::after{
-  content:"";
-  display:inline-block;
-  width:1.5ch;
-  height:1.5ch;
-  margin-left:0.5ch;
-  vertical-align:-0.1ch;
-  background-color:currentColor;
-  -webkit-mask:var(--_iui-anchor-external-svg);
-          mask:var(--_iui-anchor-external-svg);
-}
-@media (forced-colors: active){
-  .iui-anchor-external::after{
-    background-color:LinkText;
-  }
-}
 .iui-anchor:hover{
   text-decoration:underline;
 }
@@ -1031,6 +999,26 @@ html.iui-theme-dark-hc{
   text-decoration:none;
 }
 
+.iui-anchor-external{
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
+}
+.iui-anchor-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-anchor-external::after{
+    background-color:LinkText;
+  }
+}
+
 .iui-badge{
   --iui-badge-background-color:#c7ccd1;
   --_iui-badge-text-color:rgba(0, 0, 0, 0.6);
@@ -1108,102 +1096,198 @@ html.iui-theme-dark-hc{
 
 .iui-breadcrumbs-item{
   display:flex;
+  align-items:center;
   line-height:38px;
   height:38px;
-  max-width:192px;
-  margin:0 12px;
 }
-.iui-breadcrumbs-item a{
-  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
+.iui-breadcrumbs-item > *{
+  max-width:26ch;
+}
+
+.iui-breadcrumbs-item-overrides > *{
+  padding:0 8px;
+  overflow:hidden;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+}
+.iui-breadcrumbs-item-overrides > *:not(.iui-button){
+  color:rgba(0, 0, 0, 0.8);
+  color:var(--iui-text-color);
+}
+.iui-breadcrumbs-item-overrides > :-webkit-any-link{
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  box-sizing:border-box;
+  cursor:pointer;
+  text-decoration:none;
+}
+.iui-breadcrumbs-item-overrides > :-moz-any-link{
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
   -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
   border-radius:3px;
+  box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
 }
-.iui-breadcrumbs-item a:focus-visible{
+.iui-breadcrumbs-item-overrides > :any-link{
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  box-sizing:border-box;
+  cursor:pointer;
+  text-decoration:none;
+}
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+.iui-breadcrumbs-item-overrides > :-moz-any-link:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+.iui-breadcrumbs-item-overrides > :any-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
-  .iui-breadcrumbs-item a:focus{
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+  .iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+  .iui-breadcrumbs-item-overrides > :any-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
 }
-.iui-breadcrumbs-item a:hover{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-breadcrumbs-item a-external::after{
-  content:"";
-  display:inline-block;
-  width:1.5ch;
-  height:1.5ch;
-  margin-left:0.5ch;
-  vertical-align:-0.1ch;
-  background-color:currentColor;
-  -webkit-mask:var(--_iui-anchor-external-svg);
-          mask:var(--_iui-anchor-external-svg);
+.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
 }
-@media (forced-colors: active){
-  .iui-breadcrumbs-item a-external::after{
-    background-color:LinkText;
-  }
+.iui-breadcrumbs-item-overrides > :any-link:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-breadcrumbs-item a:hover{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
+  text-decoration:underline;
+}
+.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
+  text-decoration:underline;
+}
+.iui-breadcrumbs-item-overrides > :any-link:hover{
   text-decoration:underline;
 }
 @media (prefers-contrast: more){
-  .iui-breadcrumbs-item a{
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link{
     text-decoration:underline;
   }
-  .iui-breadcrumbs-item a:hover{
+  .iui-breadcrumbs-item-overrides > :-moz-any-link{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item-overrides > :any-link{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
+    text-decoration:none;
+  }
+  .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
+    text-decoration:none;
+  }
+  .iui-breadcrumbs-item-overrides > :any-link:hover{
     text-decoration:none;
   }
 }
-.iui-theme-light .iui-breadcrumbs-item a, .iui-theme-dark .iui-breadcrumbs-item a{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link{
   text-decoration:none;
 }
-.iui-theme-light .iui-breadcrumbs-item a:hover, .iui-theme-dark .iui-breadcrumbs-item a:hover{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
+  text-decoration:underline;
+}
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
+  text-decoration:underline;
+}
+.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc .iui-breadcrumbs-item a, .iui-theme-dark-hc .iui-breadcrumbs-item a{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link{
   text-decoration:underline;
 }
-.iui-theme-light-hc .iui-breadcrumbs-item a:hover, .iui-theme-dark-hc .iui-breadcrumbs-item a:hover{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
+  text-decoration:none;
+}
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
+  text-decoration:none;
+}
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link:hover{
   text-decoration:none;
 }
 
-.iui-breadcrumbs-item .iui-button{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
+  outline-offset:-1px;
+}
+
+.iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
+  outline-offset:-1px;
+}
+
+.iui-breadcrumbs-item-overrides > :any-link:focus{
+  outline-offset:-1px;
+}
+.iui-breadcrumbs-item-overrides .iui-button.iui-button{
   border-color:transparent;
   background-color:transparent;
   padding:0 8px;
   height:38px;
   gap:8px;
-  margin:0 -9px;
+  border:none;
 }
-.iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button > .iui-button-icon:only-child{
   margin-left:3px;
   margin-right:3px;
 }
-.iui-breadcrumbs-item .iui-button:hover{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button:hover{
   background-color:rgba(0, 0, 0, 0.1);
   border-color:transparent;
   background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button.iui-active{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button.iui-active{
   background-color:rgba(0, 138, 224, 0.1);
   color:#008ae0;
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
   color:var(--iui-color-foreground-primary);
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button:disabled{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled], .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled{
   cursor:not-allowed;
   background:#edeff2;
   border-color:#edeff2;
@@ -1216,55 +1300,215 @@ html.iui-theme-dark-hc{
   background-color:transparent;
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button:disabled.iui-active{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled].iui-active, .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled.iui-active{
   background-color:rgba(0, 0, 0, 0.05);
   background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
 }
-.iui-breadcrumbs-item > *,
-.iui-breadcrumbs-item .iui-button-label{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:-1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-breadcrumbs-item-overrides .iui-button.iui-button:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px;
+  }
+}
+.iui-breadcrumbs-item-overrides .iui-button-label{
+  overflow:hidden;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+}
+.iui-breadcrumbs-item-overrides .iui-button:not([aria-current]), .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):hover, .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):active{
+  --_iui-button-text-color:var(--iui-color-foreground-primary);
+}
+
+.iui-breadcrumbs-text{
+  padding:0 8px;
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.iui-breadcrumbs-item:not(.iui-current) > .iui-button{
+a.iui-breadcrumbs-text{
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  box-sizing:border-box;
+  cursor:pointer;
+  text-decoration:none;
+}
+a.iui-breadcrumbs-text:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  a.iui-breadcrumbs-text:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
 }
-.iui-breadcrumbs-item:not(.iui-current) > .iui-button:hover{
+a.iui-breadcrumbs-text:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
+a.iui-breadcrumbs-text:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  a.iui-breadcrumbs-text{
+    text-decoration:underline;
+  }
+  a.iui-breadcrumbs-text:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light a.iui-breadcrumbs-text, .iui-theme-dark a.iui-breadcrumbs-text{
+  text-decoration:none;
+}
+.iui-theme-light a.iui-breadcrumbs-text:hover, .iui-theme-dark a.iui-breadcrumbs-text:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc a.iui-breadcrumbs-text, .iui-theme-dark-hc a.iui-breadcrumbs-text{
+  text-decoration:underline;
+}
+.iui-theme-light-hc a.iui-breadcrumbs-text:hover, .iui-theme-dark-hc a.iui-breadcrumbs-text:hover{
+  text-decoration:none;
+}
+
+a.iui-breadcrumbs-text:focus{
+  outline-offset:-1px;
+}
+
+.iui-breadcrumbs-button{
+  --_iui-button-active-stripe-inset:initial;
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  font-family:inherit;
+  display:inline-flex;
+  align-items:center;
+  vertical-align:middle;
+  justify-content:center;
+  position:relative;
+  box-sizing:border-box;
+  border-radius:3px;
+  line-height:22px;
+  box-shadow:none;
+  font-size:14px;
+  font-weight:400;
+  text-decoration:none;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  cursor:pointer;
+  white-space:nowrap;
+  border:1px solid transparent;
+  color:rgba(0, 0, 0, 0.8);
+  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+  color:var(--_iui-button-text-color);
+  border-color:transparent;
+  background-color:transparent;
+  padding:0 8px;
+  height:38px;
+  gap:8px;
+  padding:0;
+  border:none;
+  color:#008ae0;
+  color:var(--iui-color-foreground-primary);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-breadcrumbs-button{
+    transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
+  }
+}
+.iui-breadcrumbs-button:hover{
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
+  text-decoration:none;
+}
+.iui-breadcrumbs-button:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:-1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-breadcrumbs-button:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px;
+  }
+}
+.iui-breadcrumbs-button[disabled], .iui-breadcrumbs-button:disabled{
+  cursor:not-allowed;
+  background:#edeff2;
+  border-color:#edeff2;
+  color:rgba(0, 0, 0, 0.2);
+  background:var(--iui-color-background-disabled);
+  border-color:var(--iui-color-background-disabled);
+  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+}
+.iui-breadcrumbs-button > .iui-button-icon:only-child{
+  margin-left:3px;
+  margin-right:3px;
+}
+.iui-breadcrumbs-button:hover{
+  background-color:rgba(0, 0, 0, 0.1);
+  border-color:transparent;
+  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
+  border-color:transparent;
+}
+.iui-breadcrumbs-button.iui-active{
+  background-color:rgba(0, 138, 224, 0.1);
+  color:#008ae0;
+  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+  color:var(--iui-color-foreground-primary);
+  border-color:transparent;
+}
+.iui-breadcrumbs-button[disabled], .iui-breadcrumbs-button:disabled{
+  cursor:not-allowed;
+  background:#edeff2;
+  border-color:#edeff2;
+  color:rgba(0, 0, 0, 0.2);
+  background:var(--iui-color-background-disabled);
+  border-color:var(--iui-color-background-disabled);
+  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+  background-color:transparent;
+  border-color:transparent;
+  background-color:transparent;
+  border-color:transparent;
+}
+.iui-breadcrumbs-button[disabled].iui-active, .iui-breadcrumbs-button:disabled.iui-active{
+  background-color:rgba(0, 0, 0, 0.05);
+  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
+}
+.iui-breadcrumbs-button[aria-current]{
+  color:rgba(0, 0, 0, 0.8);
+  color:var(--iui-text-color);
+}
 
 .iui-breadcrumbs-separator{
   display:flex;
+  margin:0 2px;
 }
 .iui-breadcrumbs-separator svg{
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-  display:inline-flex;
   width:12px;
   height:12px;
   display:flex;
+  fill:rgba(0, 0, 0, 0.4);
+  fill:var(--iui-icons-color);
 }
-.iui-breadcrumbs-separator svg.iui-informational{
-  fill:#008ae0;
-  fill:var(--iui-icons-color-primary);
-}
-.iui-breadcrumbs-separator svg.iui-positive{
-  fill:#53a21a;
-  fill:var(--iui-icons-color-positive);
-}
-.iui-breadcrumbs-separator svg.iui-warning{
-  fill:#f18d13;
-  fill:var(--iui-icons-color-warning);
-}
-.iui-breadcrumbs-separator svg.iui-negative{
-  fill:#d10a0a;
-  fill:var(--iui-icons-color-negative);
+@media (forced-colors: active){
+  .iui-breadcrumbs-separator svg{
+    fill:CanvasText;
+  }
 }
 
 .iui-button{
   --_iui-button-active-stripe-inset:initial;
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
   margin:0;
   padding:0;
   border:none;
@@ -1291,6 +1535,7 @@ html.iui-theme-dark-hc{
   border:1px solid transparent;
   color:rgba(0, 0, 0, 0.8);
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+  color:var(--_iui-button-text-color);
   padding:0 16px;
   height:38px;
   gap:8px;
@@ -1304,9 +1549,8 @@ html.iui-theme-dark-hc{
   }
 }
 .iui-button:hover{
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
   text-decoration:none;
-  color:black;
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
 }
 .iui-button:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -1339,10 +1583,8 @@ html.iui-theme-dark-hc{
 .iui-button.iui-default{
   background-color:white;
   border-color:rgba(0, 0, 0, 0.4);
-  color:rgba(0, 0, 0, 0.8);
   background-color:var(--iui-color-background-1);
   border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
 }
 .iui-button.iui-default:focus-visible{
   outline:2px solid var(--iui-color-foreground-primary);
@@ -1357,10 +1599,8 @@ html.iui-theme-dark-hc{
 .iui-button.iui-default:hover, .iui-button.iui-default:active{
   background-color:#f2f2f2;
   border-color:black;
-  color:black;
   background-color:var(--iui-color-background-1-overlay);
   border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
 }
 .iui-button.iui-default:hover .iui-notification-primary::before,
 .iui-button.iui-default:hover .iui-notification-positive::before,
@@ -1403,12 +1643,14 @@ html.iui-theme-dark-hc{
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
 }
 .iui-button.iui-high-visibility{
+  --_iui-button-text-color:var(--iui-color-foreground-accessory);
   background-color:#008ae0;
   border-color:#008ae0;
   color:white;
   background-color:var(--iui-color-background-primary);
   border-color:var(--iui-color-background-primary);
   color:var(--iui-color-foreground-accessory);
+  color:var(--_iui-button-text-color);
 }
 .iui-button.iui-high-visibility:focus-visible{
   outline:1px solid var(--iui-color-foreground-accessory);
@@ -1423,10 +1665,8 @@ html.iui-theme-dark-hc{
 .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
   background-color:#006bad;
   border-color:#006bad;
-  color:white;
   background-color:var(--iui-color-background-primary-overlay);
   border-color:var(--iui-color-background-primary-overlay);
-  color:var(--iui-color-foreground-accessory);
 }
 .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{
   cursor:not-allowed;
@@ -1438,12 +1678,14 @@ html.iui-theme-dark-hc{
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
 }
 .iui-button.iui-cta{
+  --_iui-button-text-color:var(--iui-color-foreground-accessory);
   background-color:#53a21a;
   border-color:#53a21a;
   color:white;
   background-color:var(--iui-color-background-positive);
   border-color:var(--iui-color-background-positive);
   color:var(--iui-color-foreground-accessory);
+  color:var(--_iui-button-text-color);
 }
 .iui-button.iui-cta:focus-visible{
   outline:1px solid var(--iui-color-foreground-accessory);
@@ -1458,10 +1700,8 @@ html.iui-theme-dark-hc{
 .iui-button.iui-cta:hover, .iui-button.iui-cta:active{
   background-color:#3d7613;
   border-color:#3d7613;
-  color:white;
   background-color:var(--iui-color-background-positive-overlay);
   border-color:var(--iui-color-background-positive-overlay);
-  color:var(--iui-color-foreground-accessory);
 }
 .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{
   cursor:not-allowed;
@@ -1473,12 +1713,14 @@ html.iui-theme-dark-hc{
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
 }
 .iui-button.iui-idea{
+  --_iui-button-text-color:var(--iui-color-foreground-accessory);
   background-color:#008ae0;
   border-color:#008ae0;
   color:white;
   background-color:var(--iui-color-background-primary);
   border-color:var(--iui-color-background-primary);
   color:var(--iui-color-foreground-accessory);
+  color:var(--_iui-button-text-color);
   border-radius:22px;
   box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
   position:fixed;
@@ -1498,10 +1740,8 @@ html.iui-theme-dark-hc{
 .iui-button.iui-idea:hover, .iui-button.iui-idea:active{
   background-color:#006bad;
   border-color:#006bad;
-  color:white;
   background-color:var(--iui-color-background-primary-overlay);
   border-color:var(--iui-color-background-primary-overlay);
-  color:var(--iui-color-foreground-accessory);
 }
 .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{
   cursor:not-allowed;
@@ -2704,9 +2944,207 @@ html.iui-theme-dark-hc{
   background-color:rgba(0, 138, 224, 0.4);
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
 }
-.iui-calendar-day-range-today::before{
-  border-color:rgba(0, 138, 224, 0.4);
-  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
+.iui-calendar-day-range-today::before{
+  border-color:rgba(0, 138, 224, 0.4);
+  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
+}
+
+.iui-dialog-backdrop{
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  z-index:999;
+  isolation:isolate;
+  position:fixed;
+  top:0;
+  left:0;
+  width:100%;
+  height:100%;
+  background-color:rgba(0, 0, 0, 0.4);
+  background-color:rgba(0, 0, 0, var(--iui-opacity-4));
+  visibility:hidden;
+  opacity:0;
+  transition:visibility 0s linear 0.2s, opacity 0.2s ease-out;
+}
+.iui-dialog-backdrop.iui-dialog-visible{
+  visibility:visible;
+  opacity:1;
+  transition-delay:0s;
+}
+.iui-dialog-backdrop.iui-dialog-backdrop-relative{
+  position:relative;
+  overflow:hidden;
+}
+
+.iui-dialog{
+  border-radius:3px;
+  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
+  box-sizing:border-box;
+  position:absolute;
+  padding:11px 16px;
+  box-sizing:border-box;
+  padding:11px 16px;
+  overflow:hidden;
+  background-color:white;
+  background-color:var(--iui-color-background-1);
+}
+@media (forced-colors: active){
+  .iui-dialog{
+    border:1px solid;
+  }
+}
+
+.iui-dialog-default .iui-dialog{
+  left:50%;
+  top:33%;
+  transform:translate(-50%, -33%);
+  max-width:50%;
+  min-width:380px;
+  max-height:100vh;
+}
+@media screen and (max-width: 400px){
+  .iui-dialog-default .iui-dialog{
+    max-width:95%;
+    width:95%;
+    min-width:95%;
+  }
+}
+
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page{
+    transition:visibility 0s linear 0.8s, opacity 0.4s ease-out 0.2s;
+  }
+}
+.iui-dialog-full-page .iui-dialog{
+  border-radius:0;
+  height:100vh;
+  width:100vw;
+  top:0;
+  left:0;
+  max-width:initial;
+  min-width:initial;
+  display:flex;
+  flex-direction:column;
+  will-change:transform;
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page .iui-dialog{
+    transform:translateY(100%);
+    transition:visibility 0s linear 0.4s, opacity 0s linear 0.4s, transform 0.2s ease-in;
+  }
+}
+.iui-dialog-full-page.iui-dialog-visible .iui-dialog{
+  transform:translateY(0);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page.iui-dialog-visible .iui-dialog{
+    transition:transform 0.4s ease-out;
+  }
+}
+
+.iui-dialog-draggable{
+  background-color:transparent;
+  pointer-events:none;
+  z-index:998;
+}
+.iui-dialog-draggable .iui-dialog{
+  pointer-events:initial;
+  max-width:100vw;
+  max-height:100vh;
+  min-width:380px;
+  min-height:144px;
+  display:flex;
+  flex-direction:column;
+  padding:0;
+  border:1px solid #c7ccd1;
+  border:1px solid var(--iui-color-background-border);
+}
+
+.iui-dialog-title{
+  font-size:inherit;
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  line-height:1.5;
+}
+
+.iui-dialog-title-bar{
+  display:flex;
+  align-items:center;
+  margin-bottom:11px;
+  justify-content:space-between;
+  box-sizing:border-box;
+  font-size:18px;
+}
+.iui-dialog-draggable .iui-dialog-title-bar{
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  font-size:16px;
+  padding:6px 16px;
+  cursor:-webkit-grab;
+  cursor:grab;
+  background-color:#edeff2;
+  border-bottom:1px solid #c7ccd1;
+  background-color:var(--iui-color-background-3);
+  border-bottom:1px solid var(--iui-color-background-border);
+}
+.iui-dialog-draggable .iui-dialog-title-bar:active{
+  cursor:-webkit-grabbing;
+  cursor:grabbing;
+}
+
+.iui-dialog-content{
+  flex-grow:2;
+  margin:0 -16px;
+  padding:0 16px;
+  overflow-y:auto;
+  overflow-y:overlay;
+}
+.iui-dialog-draggable .iui-dialog-content{
+  margin:0;
+}
+
+.iui-dialog-button-bar{
+  margin-top:11px;
+  display:flex;
+  align-items:center;
+  justify-content:flex-end;
+}
+.iui-dialog-draggable .iui-dialog-button-bar{
+  padding:0 16px 11px 16px;
+}
+
+.iui-dialog-button-bar > .iui-button:not(:last-child){
+  margin-right:8px;
+}
+@supports ((-moz-column-gap: 8px) or (column-gap: 8px)){
+  .iui-dialog-button-bar{
+    -moz-column-gap:8px;
+         column-gap:8px;
+  }
+  .iui-dialog-button-bar > .iui-button:not(:last-child){
+    margin-right:0;
+  }
+}
+
+.iui-dialog-animation-enter .iui-dialog-full-page .iui-dialog{
+  transform:translateY(100%);
+  opacity:0;
+}
+.iui-dialog-animation-enter-active .iui-dialog-full-page .iui-dialog{
+  transform:translateY(0);
+  opacity:1;
+}
+.iui-dialog-animation-enter .iui-dialog-backdrop{
+  visibility:hidden;
+  opacity:0;
+}
+.iui-dialog-animation-enter-active .iui-dialog-backdrop{
+  visibility:visible;
+  opacity:1;
 }
 
 .iui-expandable-block{
@@ -3107,12 +3545,12 @@ html.iui-theme-dark-hc{
   background-color:var(--iui-text-color-muted);
 }
 .iui-legal-footer > ul > li > a{
-  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
   -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
   border-radius:3px;
+  box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
 }
@@ -3130,22 +3568,6 @@ html.iui-theme-dark-hc{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-legal-footer > ul > li > a-external::after{
-  content:"";
-  display:inline-block;
-  width:1.5ch;
-  height:1.5ch;
-  margin-left:0.5ch;
-  vertical-align:-0.1ch;
-  background-color:currentColor;
-  -webkit-mask:var(--_iui-anchor-external-svg);
-          mask:var(--_iui-anchor-external-svg);
-}
-@media (forced-colors: active){
-  .iui-legal-footer > ul > li > a-external::after{
-    background-color:LinkText;
-  }
-}
 .iui-legal-footer > ul > li > a:hover{
   text-decoration:underline;
 }
@@ -3936,7 +4358,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   min-width:192px;
   height:100%;
   transform:translateX(100%);
-  box-shadow:-1px 0 14px rgba(0, 0, 0, 0.25);
+  box-shadow:-1px 0 10px rgba(0, 0, 0, 0.25);
   -webkit-clip-path:inset(0 0 0 -15px);
           clip-path:inset(0 0 0 -15px);
 }
@@ -3969,7 +4391,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   min-height:192px;
   width:100%;
   transform:translateY(100%);
-  box-shadow:0 -1px 14px rgba(0, 0, 0, 0.25);
+  box-shadow:0 -1px 10px rgba(0, 0, 0, 0.25);
   -webkit-clip-path:inset(-15px 0 0 0);
           clip-path:inset(-15px 0 0 0);
 }
@@ -5500,135 +5922,6 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-border);
 }
 
-.iui-modal{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  z-index:999;
-  position:fixed;
-  top:0;
-  left:0;
-  width:100%;
-  height:100%;
-  background-color:rgba(0, 0, 0, 0.4);
-  background-color:rgba(0, 0, 0, var(--iui-opacity-4));
-  visibility:hidden;
-  opacity:0;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal{
-    transition:visibility 0s linear 0.2s, opacity 0.2s ease-out;
-  }
-}
-.iui-modal.iui-modal-visible{
-  visibility:visible;
-  opacity:1;
-  transition-delay:0s;
-}
-.iui-modal > .iui-modal-dialog{
-  position:absolute;
-  left:50%;
-  top:33%;
-  transform:translate(-50%, -33%);
-  z-index:1000;
-  max-width:50%;
-  min-width:380px;
-  max-height:100vh;
-  border-radius:3px;
-  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
-  padding:11px 16px;
-  box-sizing:border-box;
-  background-color:white;
-  background-color:var(--iui-color-background-1);
-}
-@media screen and (max-width: 400px){
-  .iui-modal > .iui-modal-dialog{
-    max-width:95%;
-    width:95%;
-    min-width:95%;
-  }
-}
-.iui-modal > .iui-modal-dialog .iui-title-bar{
-  display:flex;
-  align-items:center;
-  margin-bottom:11px;
-  justify-content:space-between;
-}
-.iui-modal > .iui-modal-dialog .iui-title-bar > .iui-title{
-  font-size:18px;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  line-height:1.5;
-}
-.iui-modal > .iui-modal-dialog .iui-button-bar{
-  margin-top:11px;
-  display:flex;
-  align-items:center;
-  justify-content:flex-end;
-}
-.iui-modal > .iui-modal-dialog .iui-button-bar > .iui-button:not(:last-child){
-  margin-right:8px;
-}
-.iui-modal > .iui-modal-dialog .iui-modal-content{
-  flex-grow:2;
-  margin:0 -16px;
-  padding:0 16px;
-  overflow-y:auto;
-  overflow-y:overlay;
-}
-.iui-modal-full-page > .iui-modal-dialog{
-  display:flex;
-  flex-direction:column;
-  height:100vh;
-  width:100vw;
-  left:0;
-  top:0;
-  transform:none;
-  max-width:initial;
-  min-width:initial;
-  border-radius:0;
-  will-change:transform;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page{
-    transition:visibility 0s linear 0.8s, opacity 0.4s ease-out 0.2s;
-  }
-}
-.iui-modal-full-page > .iui-modal-dialog{
-  transform:translateY(100%);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page > .iui-modal-dialog{
-    transition:visibility 0s linear 0.4s, opacity 0s linear 0.4s, transform 0.25s ease-in;
-  }
-}
-.iui-modal-full-page.iui-modal-visible > .iui-modal-dialog{
-  transform:translateY(0);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page.iui-modal-visible > .iui-modal-dialog{
-    transition:transform 0.3s ease-out;
-  }
-}
-.iui-modal-animation-enter .iui-modal-full-page .iui-modal-dialog{
-  transform:translateY(100%);
-  opacity:0;
-}
-.iui-modal-animation-enter-active .iui-modal-full-page .iui-modal-dialog{
-  transform:translateY(0);
-  opacity:1;
-}
-.iui-modal-animation-enter .iui-modal{
-  visibility:hidden;
-  opacity:0;
-}
-.iui-modal-animation-enter-active .iui-modal{
-  visibility:visible;
-  opacity:1;
-}
-
 .iui-non-ideal-state{
   margin:0;
   padding:0;
@@ -6418,12 +6711,12 @@ label.iui-input-label.iui-disabled{
   border-color:rgba(0, 0, 0, 0.8);
   border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
 }
-.iui-radio-tile-content:hover svg{
+.iui-radio-tile-content:hover .iui-radio-tile-icon{
   fill:rgba(0, 0, 0, 0.8);
   fill:var(--iui-icons-color-actionable);
 }
 @media (forced-colors: active){
-  .iui-radio-tile-content:hover svg{
+  .iui-radio-tile-content:hover .iui-radio-tile-icon{
     fill:CanvasText;
   }
 }
@@ -6481,12 +6774,12 @@ label.iui-input-label.iui-disabled{
     border-color:Highlight;
   }
 }
-.iui-radio-tile-input:checked + * svg{
+.iui-radio-tile-input:checked + * .iui-radio-tile-icon{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
 }
 @media (forced-colors: active){
-  .iui-radio-tile-input:checked + * svg{
+  .iui-radio-tile-input:checked + * .iui-radio-tile-icon{
     fill:Highlight;
   }
 }
@@ -6524,18 +6817,16 @@ label.iui-input-label.iui-disabled{
     background-color:GrayText;
   }
 }
-.iui-radio-tile-input:disabled + * svg{
+.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
+  filter:grayscale(100%);
   fill:rgba(0, 0, 0, 0.2);
   fill:var(--iui-icons-color-actionable-disabled);
 }
 @media (forced-colors: active){
-  .iui-radio-tile-input:disabled + * svg{
+  .iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
     fill:GrayText;
   }
 }
-.iui-radio-tile-input:disabled + * .iui-radio-tile-icon{
-  filter:grayscale(100%);
-}
 @media (forced-colors: active){
   .iui-radio-tile-input:disabled + * .iui-radio-tile-label,
 .iui-radio-tile-input:disabled + * .iui-radio-tile-sublabel{
@@ -6564,18 +6855,16 @@ label.iui-input-label.iui-disabled{
   margin:0 auto;
   padding-top:6px;
   padding-bottom:11px;
-}
-.iui-radio-tile-icon svg{
   fill:rgba(0, 0, 0, 0.4);
   fill:var(--iui-icons-color);
 }
 @media (prefers-reduced-motion: no-preference){
-  .iui-radio-tile-icon svg{
+  .iui-radio-tile-icon{
     transition:fill 0.2s ease-out;
   }
 }
 @media (forced-colors: active){
-  .iui-radio-tile-icon svg{
+  .iui-radio-tile-icon{
     fill:CanvasText;
   }
 }
@@ -6668,7 +6957,7 @@ label.iui-input-label.iui-disabled{
   border-right:none;
   overflow:hidden;
   justify-content:flex-start;
-  --_iui-button-active-stripe-inset:0 calc(100% - 2px) 0 0;
+  --_iui-button-active-stripe-inset:0 0 0 calc(100% - 2px);
 }
 .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
   height:55px;
@@ -7065,6 +7354,7 @@ label.iui-input-label.iui-disabled{
   vertical-align:baseline;
   display:flex;
   flex-direction:column;
+  isolation:isolate;
 }
 .iui-table *{
   box-sizing:border-box;
@@ -7092,36 +7382,57 @@ label.iui-input-label.iui-disabled{
   margin-left:auto;
 }
 .iui-table.iui-condensed .iui-table-header .iui-cell,
-.iui-table.iui-condensed .iui-row .iui-cell,
 .iui-table.iui-condensed .iui-paginator{
   min-height:44px;
 }
+.iui-table.iui-condensed .iui-row .iui-cell{
+  min-height:46px;
+}
 .iui-table.iui-extra-condensed .iui-table-header .iui-cell,
-.iui-table.iui-extra-condensed .iui-row .iui-cell,
 .iui-table.iui-extra-condensed .iui-paginator{
   min-height:33px;
 }
+.iui-table.iui-extra-condensed .iui-row .iui-cell{
+  min-height:35px;
+}
+.iui-table.iui-extra-condensed .iui-table-header .iui-cell{
+  padding-block:2.75px;
+}
 
-.iui-table-header{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+.iui-table-header-wrapper{
   overflow:hidden;
+  display:flex;
   flex-shrink:0;
-  background-color:#edeff2;
-  background-color:var(--iui-color-background-3);
 }
 @supports not (overflow: overlay){
-  .iui-table-header{
+  .iui-table-header-wrapper{
     overflow-y:scroll;
   }
 }
+
+.iui-table-header{
+  display:flex;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  min-width:100%;
+  flex-shrink:0;
+}
 .iui-table-header .iui-row{
   display:flex;
   flex-grow:1;
-  border-left:solid 1px transparent;
-  border-right:solid 1px transparent;
+  min-width:100%;
+}
+.iui-table-header .iui-cell{
+  min-height:55px;
+  background-color:#edeff2;
+  background-color:var(--iui-color-background-3);
+}
+.iui-table-header .iui-cell:not(.iui-slot){
+  -moz-column-gap:4px;
+       column-gap:4px;
+  padding-block:5.5px;
 }
 .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -7140,11 +7451,7 @@ label.iui-input-label.iui-disabled{
   cursor:-webkit-grabbing;
   cursor:grabbing;
 }
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
-  margin-left:4px;
-  margin-right:8px;
-}
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button:not(.iui-active){
+.iui-table-header .iui-cell:not(.iui-slot) .iui-filter-button:not(.iui-active){
   visibility:hidden;
 }
 .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
@@ -7220,6 +7527,21 @@ label.iui-input-label.iui-disabled{
   fill:var(--iui-icons-color-actionable);
 }
 
+.iui-table-header-actions-container{
+  display:flex;
+  flex-grow:1;
+  align-items:center;
+  flex-wrap:wrap;
+  justify-content:flex-end;
+  margin-right:12px;
+}
+.iui-table-header-actions-container .iui-cell-end-icon{
+  width:28px;
+  height:28px;
+  margin-right:initial;
+  margin-left:auto;
+}
+
 .iui-table-body{
   overflow-y:scroll;
   overflow:overlay;
@@ -7244,21 +7566,26 @@ label.iui-input-label.iui-disabled{
 .iui-table-body .iui-row{
   min-width:100%;
   display:flex;
-  border:solid 1px transparent;
+}
+.iui-table-body .iui-row .iui-cell{
+  border-top:solid 1px transparent;
+  border-bottom:solid 1px transparent;
   border-bottom-color:#c7ccd1;
   border-bottom-color:var(--iui-color-background-border);
+  background-color:white;
+  background-color:var(--iui-color-background-1);
 }
 @media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-row{
+  .iui-table-body .iui-row .iui-cell{
     transition:border 0.2s ease-out;
   }
 }
 .iui-table-body .iui-row > .iui-slot > .iui-more-options{
   visibility:hidden;
 }
-.iui-table-body .iui-row:hover:not(.iui-disabled):not(.iui-expanded-content){
-  background-color:rgba(0, 138, 224, 0.1);
-  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+.iui-table-body .iui-row:hover:not(.iui-disabled) .iui-cell{
+  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
@@ -7273,9 +7600,10 @@ label.iui-input-label.iui-disabled{
 }
 .iui-table-body .iui-row.iui-row-expanded{
   overflow:hidden;
+}
+.iui-table-body .iui-row.iui-row-expanded .iui-cell{
   border-left-color:#dde1e4;
   border-right-color:#dde1e4;
-  border-bottom-color:transparent;
   border-left-color:var(--iui-color-background-4);
   border-right-color:var(--iui-color-background-4);
   border-bottom-color:transparent;
@@ -7291,6 +7619,10 @@ label.iui-input-label.iui-disabled{
 }
 .iui-table-body .iui-row.iui-expanded-content{
   overflow:hidden;
+  border-left:1px solid transparent;
+  border-right:1px solid transparent;
+  border-bottom:1px solid #c7ccd1;
+  border-bottom:1px solid var(--iui-color-background-border);
 }
 .iui-table-body .iui-row.iui-expanded-content.iui-enter{
   opacity:0;
@@ -7314,26 +7646,26 @@ label.iui-input-label.iui-disabled{
     transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
   }
 }
-.iui-table-body .iui-row:not(.iui-selected) + .iui-selected, .iui-table-body .iui-row.iui-selected:first-child{
+.iui-table-body .iui-row:not(.iui-selected) + .iui-selected .iui-cell, .iui-table-body .iui-row.iui-selected:first-child .iui-cell{
   border-bottom-color:transparent;
 }
-.iui-table-body .iui-row.iui-selected{
+.iui-table-body .iui-row.iui-selected .iui-cell{
   border-color:#008ae0;
-  background:rgba(0, 138, 224, 0.1);
+  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
   border-color:var(--iui-color-foreground-primary);
-  background:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
-.iui-table-body .iui-row.iui-selected + .iui-selected{
+.iui-table-body .iui-row.iui-selected + .iui-selected .iui-cell{
   border-bottom-color:transparent;
   border-top-color:rgba(0, 138, 224, 0.4);
   border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
 }
-.iui-table-body .iui-row.iui-selected:last-child{
+.iui-table-body .iui-row.iui-selected:last-child .iui-cell{
   border-bottom-color:#008ae0;
   border-bottom-color:var(--iui-color-foreground-primary);
 }
-.iui-table-body .iui-row.iui-selected + :not(.iui-selected),
-.iui-table-body .iui-row.iui-selected + .iui-expanded-content + :not(.iui-selected){
+.iui-table-body .iui-row.iui-selected + :not(.iui-selected) .iui-cell,
+.iui-table-body .iui-row.iui-selected + .iui-expanded-content + .iui-row:not(.iui-selected) .iui-cell{
   border-top-color:#008ae0;
   border-top-color:var(--iui-color-foreground-primary);
 }
@@ -7374,17 +7706,17 @@ label.iui-input-label.iui-disabled{
 .iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
   filter:grayscale(100%);
 }
-.iui-table-body .iui-row.iui-positive,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #53a21a;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
 }
-.iui-table-body .iui-row.iui-positive::-moz-selection, .iui-table-body .iui-row.iui-positive *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
   background-color:rgba(83, 162, 26, 0.2);
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-positive::selection,
-.iui-table-body .iui-row.iui-positive *::selection,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
   background-color:rgba(83, 162, 26, 0.2);
@@ -7394,17 +7726,17 @@ label.iui-input-label.iui-disabled{
   fill:#53a21a;
   fill:var(--iui-icons-color-positive);
 }
-.iui-table-body .iui-row.iui-warning,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #f18d13;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
 }
-.iui-table-body .iui-row.iui-warning::-moz-selection, .iui-table-body .iui-row.iui-warning *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
   background-color:rgba(241, 141, 19, 0.2);
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-warning::selection,
-.iui-table-body .iui-row.iui-warning *::selection,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
   background-color:rgba(241, 141, 19, 0.2);
@@ -7414,17 +7746,17 @@ label.iui-input-label.iui-disabled{
   fill:#f18d13;
   fill:var(--iui-icons-color-warning);
 }
-.iui-table-body .iui-row.iui-negative,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #d10a0a;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
 }
-.iui-table-body .iui-row.iui-negative::-moz-selection, .iui-table-body .iui-row.iui-negative *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
   background-color:rgba(209, 10, 10, 0.2);
   background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-negative::selection,
-.iui-table-body .iui-row.iui-negative *::selection,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
   background-color:rgba(209, 10, 10, 0.2);
@@ -7455,12 +7787,18 @@ label.iui-input-label.iui-disabled{
   display:flex;
   flex-grow:1;
   min-width:64px;
-  min-height:55px;
+  min-height:57px;
   padding-left:16px;
   flex-basis:64px;
   position:relative;
   word-break:break-word;
 }
+.iui-cell:first-of-type{
+  border-left:solid 1px transparent;
+}
+.iui-cell:last-of-type{
+  border-right:solid 1px transparent;
+}
 .iui-cell.iui-slot{
   width:48px;
   padding:0;
@@ -7471,12 +7809,19 @@ label.iui-input-label.iui-disabled{
   align-items:center;
   flex-basis:48px;
 }
+.iui-cell.iui-cell-sticky{
+  position:-webkit-sticky;
+  position:sticky;
+  z-index:1;
+  left:var(--iui-table-sticky-left, initial);
+  right:var(--iui-table-sticky-right, initial);
+}
 .iui-cell:not(.iui-slot):last-child{
   padding-right:16px;
 }
 .iui-cell.iui-positive{
-  background-color:rgba(83, 162, 26, 0.1);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
   background-color:rgba(83, 162, 26, 0.2);
@@ -7488,8 +7833,8 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-cell.iui-warning{
-  background-color:rgba(241, 141, 19, 0.1);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
   background-color:rgba(241, 141, 19, 0.2);
@@ -7501,8 +7846,8 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-cell.iui-negative{
-  background-color:rgba(209, 10, 10, 0.1);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
   background-color:rgba(209, 10, 10, 0.2);
@@ -7525,6 +7870,36 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-1);
 }
 
+.iui-cell-shadow-left{
+  position:absolute;
+  top:-1px;
+  bottom:-1px;
+  width:24px;
+  pointer-events:none;
+  left:0;
+  transform:translate(-100%);
+  box-shadow:inset -10px 0 5px -10px rgba(0, 0, 0, 0.25);
+}
+.iui-table-header .iui-cell-shadow-left{
+  top:0;
+  bottom:0;
+}
+
+.iui-cell-shadow-right{
+  position:absolute;
+  top:-1px;
+  bottom:-1px;
+  width:24px;
+  pointer-events:none;
+  right:0;
+  transform:translate(100%);
+  box-shadow:inset 10px 0 5px -10px rgba(0, 0, 0, 0.25);
+}
+.iui-table-header .iui-cell-shadow-right{
+  top:0;
+  bottom:0;
+}
+
 .iui-paginator{
   margin:0;
   padding:0;
@@ -7588,6 +7963,7 @@ label.iui-input-label.iui-disabled{
 
 .iui-paginator-page-button{
   --_iui-button-active-stripe-inset:initial;
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
   margin:0;
   padding:0;
   border:none;
@@ -7614,6 +7990,7 @@ label.iui-input-label.iui-disabled{
   border:1px solid transparent;
   color:rgba(0, 0, 0, 0.8);
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+  color:var(--_iui-button-text-color);
   border-color:transparent;
   background-color:transparent;
   padding:0 8px;
@@ -7628,9 +8005,8 @@ label.iui-input-label.iui-disabled{
   }
 }
 .iui-paginator-page-button:hover{
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
   text-decoration:none;
-  color:black;
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
 }
 .iui-paginator-page-button:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -7651,15 +8027,6 @@ label.iui-input-label.iui-disabled{
   border-color:var(--iui-color-background-disabled);
   color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
 }
-.iui-paginator-page-button.iui-active::after{
-  content:"";
-  position:absolute;
-  inset:var(--_iui-button-active-stripe-inset);
-  background-color:var(--iui-color-foreground-primary);
-}
-.iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
-  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-}
 .iui-paginator-page-button > .iui-button-icon:only-child{
   margin-left:3px;
   margin-right:3px;
@@ -7694,6 +8061,15 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(0, 0, 0, 0.05);
   background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
 }
+.iui-paginator-page-button.iui-active::after{
+  content:"";
+  position:absolute;
+  inset:var(--_iui-button-active-stripe-inset);
+  background-color:var(--iui-color-foreground-primary);
+}
+.iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
+  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+}
 .iui-paginator-page-button-small{
   padding:0 8px;
   height:27px;
@@ -8157,12 +8533,12 @@ label.iui-input-label.iui-disabled{
 }
 
 a.iui-tag-basic{
-  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
   -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
   border-radius:3px;
+  box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
 }
@@ -8180,22 +8556,6 @@ a.iui-tag-basic:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-a.iui-tag-basic-external::after{
-  content:"";
-  display:inline-block;
-  width:1.5ch;
-  height:1.5ch;
-  margin-left:0.5ch;
-  vertical-align:-0.1ch;
-  background-color:currentColor;
-  -webkit-mask:var(--_iui-anchor-external-svg);
-          mask:var(--_iui-anchor-external-svg);
-}
-@media (forced-colors: active){
-  a.iui-tag-basic-external::after{
-    background-color:LinkText;
-  }
-}
 a.iui-tag-basic:hover{
   text-decoration:underline;
 }