@itwin/itwinui-css 0.54.1 → 0.57.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;
 }
@@ -648,6 +632,19 @@ html.iui-theme-dark-hc{
   text-decoration:none;
 }
 
+.iui-visually-hidden{
+  -webkit-clip-path:inset(50%);
+          clip-path:inset(50%);
+  overflow:hidden;
+  position:absolute;
+  white-space:nowrap;
+  height:1px;
+  width:1px;
+  padding:0;
+  margin:-1px;
+  border-width:0;
+}
+
 [class*=iui-],
 [class*=iui-] *{
   scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
@@ -954,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;
 }
@@ -977,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;
 }
@@ -1018,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);
@@ -1095,102 +1096,195 @@ 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 > *{
+  padding:0 8px;
+  overflow:hidden;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  color:rgba(0, 0, 0, 0.8);
+  color:var(--iui-text-color);
+}
+.iui-breadcrumbs-item > :-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 > :-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 > :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 > :-webkit-any-link:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+.iui-breadcrumbs-item > :-moz-any-link:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+.iui-breadcrumbs-item > :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 > :-webkit-any-link:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+  .iui-breadcrumbs-item > :-moz-any-link:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+  .iui-breadcrumbs-item > :any-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
 }
-.iui-breadcrumbs-item a:hover{
+.iui-breadcrumbs-item > :-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 > :-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 > :any-link:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-breadcrumbs-item > :-webkit-any-link:hover{
+  text-decoration:underline;
+}
+.iui-breadcrumbs-item > :-moz-any-link:hover{
+  text-decoration:underline;
 }
-.iui-breadcrumbs-item a:hover{
+.iui-breadcrumbs-item > :any-link:hover{
   text-decoration:underline;
 }
 @media (prefers-contrast: more){
-  .iui-breadcrumbs-item a{
+  .iui-breadcrumbs-item > :-webkit-any-link{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item > :-moz-any-link{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item > :any-link{
     text-decoration:underline;
   }
-  .iui-breadcrumbs-item a:hover{
+  .iui-breadcrumbs-item > :-webkit-any-link:hover{
+    text-decoration:none;
+  }
+  .iui-breadcrumbs-item > :-moz-any-link:hover{
+    text-decoration:none;
+  }
+  .iui-breadcrumbs-item > :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 > :-webkit-any-link, .iui-theme-dark .iui-breadcrumbs-item > :-webkit-any-link{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item > :-moz-any-link, .iui-theme-dark .iui-breadcrumbs-item > :-moz-any-link{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item > :any-link, .iui-theme-dark .iui-breadcrumbs-item > :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 > :-webkit-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :-webkit-any-link:hover{
+  text-decoration:underline;
+}
+.iui-theme-light .iui-breadcrumbs-item > :-moz-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :-moz-any-link:hover{
+  text-decoration:underline;
+}
+.iui-theme-light .iui-breadcrumbs-item > :any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :any-link:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-breadcrumbs-item > :-webkit-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :-webkit-any-link{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-breadcrumbs-item > :-moz-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :-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 > :any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :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 > :-webkit-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :-webkit-any-link:hover{
+  text-decoration:none;
+}
+.iui-theme-light-hc .iui-breadcrumbs-item > :-moz-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :-moz-any-link:hover{
+  text-decoration:none;
+}
+.iui-theme-light-hc .iui-breadcrumbs-item > :any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :any-link:hover{
   text-decoration:none;
 }
 
-.iui-breadcrumbs-item .iui-button{
+.iui-breadcrumbs-item > :-webkit-any-link:focus{
+  outline-offset:-1px;
+}
+
+.iui-breadcrumbs-item > :-moz-any-link:focus{
+  outline-offset:-1px;
+}
+
+.iui-breadcrumbs-item > :any-link:focus{
+  outline-offset:-1px;
+}
+.iui-breadcrumbs-item .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 .iui-button.iui-button > .iui-button-icon:only-child{
   margin-left:3px;
   margin-right:3px;
 }
-.iui-breadcrumbs-item .iui-button:hover{
+.iui-breadcrumbs-item .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 .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 .iui-button.iui-button[disabled], .iui-breadcrumbs-item .iui-button.iui-button:disabled{
   cursor:not-allowed;
   background:#edeff2;
   border-color:#edeff2;
@@ -1203,55 +1297,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 .iui-button.iui-button[disabled].iui-active, .iui-breadcrumbs-item .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.iui-button:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:-1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-breadcrumbs-item .iui-button.iui-button:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px;
+  }
+}
 .iui-breadcrumbs-item .iui-button-label{
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.iui-breadcrumbs-item:not(.iui-current) > .iui-button{
+.iui-breadcrumbs-item .iui-button:not([aria-current]), .iui-breadcrumbs-item .iui-button:not([aria-current]):hover, .iui-breadcrumbs-item .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;
+}
+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;
 }
-.iui-breadcrumbs-item:not(.iui-current) > .iui-button:hover{
+@supports not selector(*:focus-visible){
+  a.iui-breadcrumbs-text:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+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;
@@ -1278,6 +1532,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;
@@ -1291,9 +1546,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);
@@ -1326,10 +1580,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);
@@ -1344,10 +1596,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,
@@ -1390,12 +1640,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);
@@ -1410,10 +1662,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;
@@ -1425,12 +1675,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);
@@ -1445,10 +1697,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;
@@ -1460,12 +1710,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;
@@ -1485,10 +1737,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;
@@ -3094,12 +3344,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;
 }
@@ -3117,22 +3367,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;
 }
@@ -3225,7 +3459,6 @@ html.iui-theme-dark-hc{
   height:100%;
   border-radius:0;
   overflow:hidden;
-  padding-right:8px;
 }
 .iui-page-header .iui-header-button.iui-header-button:focus{
   box-shadow:none;
@@ -3336,6 +3569,9 @@ html.iui-theme-dark-hc{
   padding:0;
 }
 
+.iui-page-header .iui-header-dropdown-button.iui-header-dropdown-button{
+  padding-right:8px;
+}
 .iui-page-header .iui-header-split-button{
   max-width:25vw;
 }
@@ -3355,7 +3591,6 @@ html.iui-theme-dark-hc{
   height:100%;
   border-radius:0;
   overflow:hidden;
-  padding-right:8px;
   padding:0 4px;
 }
 .iui-page-header .iui-header-split-button .iui-button:focus{
@@ -4225,8 +4460,8 @@ div.iui-input-container.iui-inline-label{
   transition:background 0s;
 }
 .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
+  fill:rgba(0, 0, 0, 0.8);
+  fill:var(--iui-icons-color-actionable);
   transition:transform 0.2s ease-out;
 }
 .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
@@ -4826,8 +5061,8 @@ label.iui-input-label.iui-disabled{
   transition:background 0s;
 }
 .iui-end-icon.iui-actionable svg{
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
+  fill:rgba(0, 0, 0, 0.8);
+  fill:var(--iui-icons-color-actionable);
   transition:transform 0.2s ease-out;
 }
 .iui-end-icon.iui-actionable.iui-open svg{
@@ -4967,6 +5202,12 @@ label.iui-input-label.iui-disabled{
     outline-offset:-1px;
   }
 }
+.iui-checkbox:disabled{
+  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
+  --_iui-checkbox-border-color:var(--iui-color-background-border);
+  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
+  cursor:not-allowed;
+}
 .iui-checkbox.iui-checkbox-visibility{
   --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');
   --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');
@@ -4981,11 +5222,9 @@ label.iui-input-label.iui-disabled{
   --_iui-checkbox-border-color:transparent;
   --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
 }
-.iui-checkbox:disabled{
+.iui-checkbox.iui-checkbox-visibility:where(:disabled){
   --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-border-color:var(--iui-color-background-disabled);
   --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
 }
 .iui-checkbox.iui-loading{
   --_iui-checkbox-border-color:transparent;
@@ -5122,6 +5361,12 @@ label.iui-input-label.iui-disabled{
     outline-offset:-1px;
   }
 }
+.iui-radio:disabled{
+  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
+  --_iui-checkbox-border-color:var(--iui-color-background-border);
+  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
+  cursor:not-allowed;
+}
 .iui-radio.iui-checkbox-visibility{
   --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');
   --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');
@@ -5136,11 +5381,9 @@ label.iui-input-label.iui-disabled{
   --_iui-checkbox-border-color:transparent;
   --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
 }
-.iui-radio:disabled{
+.iui-radio.iui-checkbox-visibility:where(:disabled){
   --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-border-color:var(--iui-color-background-disabled);
   --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
 }
 .iui-radio.iui-loading{
   --_iui-checkbox-border-color:transparent;
@@ -5149,169 +5392,11 @@ label.iui-input-label.iui-disabled{
   position:absolute;
   cursor:wait;
 }
-.iui-radio:checked{
-  --_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>');
-}
-.iui-radio:not(:checked), .iui-radio:indeterminate{
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
-}
-
-.iui-radio-tile-container{
-  display:inline-flex;
-  flex-wrap:wrap;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  position:relative;
-  z-index:0;
-}
-.iui-radio-tile-container > label{
-  cursor:pointer;
-}
-.iui-radio-tile-container > label > input{
-  width:0;
-  height:0;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  opacity:0;
-  position:absolute;
-}
-.iui-radio-tile-container > label > .iui-radio-tile{
-  width:160px;
-  height:100%;
-  box-sizing:border-box;
-  padding:8px;
-  position:relative;
-  z-index:1;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  background-color:white;
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  background-color:var(--iui-color-background-1);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-radio-tile-container > label > .iui-radio-tile{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{
-  width:32px;
-  height:32px;
-  display:block;
-  margin:0 auto;
-  margin-top:6px;
-  margin-bottom:11px;
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{
-    transition:fill 0.2s ease-out;
-  }
-}
-.iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{
-  display:none;
-  width:16px;
-  height:16px;
-  position:absolute;
-  right:8px;
-  fill:#008ae0;
-  fill:var(--iui-icons-color-primary);
-}
-.iui-radio-tile-container > label > .iui-radio-tile > .iui-label{
-  font-size:14px;
-  font-weight:600;
-  line-height:22px;
-  text-align:center;
-  color:rgba(0, 0, 0, 0.8);
-  color:var(--iui-text-color);
-}
-.iui-radio-tile-container > label > .iui-radio-tile > .iui-description{
-  font-size:12px;
-  line-height:15px;
-  text-align:center;
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-radio-tile-container > label:first-child > .iui-radio-tile{
-  border-radius:3px 0 0 3px;
-}
-.iui-radio-tile-container > label:last-child > .iui-radio-tile{
-  border-radius:0 3px 3px 0;
-}
-.iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{
-  margin-left:-1px;
-}
-.iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{
-  outline:2px solid #008ae0;
-  outline-offset:-4px;
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-4px;
-}
-.iui-radio-tile-container > label input:enabled:focus:not(:focus-visible) ~ .iui-radio-tile{
-  outline:none;
-}
-.iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{
-  z-index:2;
-  border-color:rgba(0, 0, 0, 0.8);
-  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{
-  fill:rgba(0, 0, 0, 0.8);
-  fill:var(--iui-icons-color-actionable);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{
-    transition:fill 0.2s ease-out;
-  }
-}
-.iui-radio-tile-container > label input:checked ~ .iui-radio-tile{
-  padding:7px;
-  z-index:3;
-  border:2px solid #008ae0;
-  border:2px solid var(--iui-color-foreground-primary);
-}
-.iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{
-  fill:#008ae0;
-  fill:var(--iui-icons-color-primary);
-}
-.iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{
-  display:inline-block;
-}
-.iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{
-  cursor:not-allowed;
-  z-index:0;
-  border-color:#edeff2;
-  background-color:#edeff2;
-  border-color:var(--iui-color-background-disabled);
-  background-color:var(--iui-color-background-disabled);
-}
-.iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{
-  fill:rgba(0, 0, 0, 0.2);
-  fill:var(--iui-icons-color-actionable-disabled);
-}
-.iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{
-  fill:rgba(0, 0, 0, 0.2);
-  fill:var(--iui-icons-color-actionable-disabled);
-  filter:grayscale(100%);
-}
-.iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{
-  z-index:3;
-  border:2px solid rgba(0, 0, 0, 0.4);
-  border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+.iui-radio:checked{
+  --_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>');
+}
+.iui-radio:not(:checked), .iui-radio:indeterminate{
+  --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
 }
 
 .iui-keyboard{
@@ -5602,6 +5687,27 @@ label.iui-input-label.iui-disabled{
   fill:rgba(0, 0, 0, 0.2);
   fill:var(--iui-icons-color-actionable-disabled);
 }
+.iui-menu-item-skeleton{
+  --iui-menu-item-content-skeleton-max-width:30%;
+  cursor:auto;
+}
+.iui-menu-item-skeleton .iui-content{
+  max-width:var(--iui-menu-item-content-skeleton-max-width);
+}
+.iui-menu-item-skeleton .iui-menu-label{
+  width:100%;
+  height:14px;
+  vertical-align:middle;
+}
+.iui-menu-item-skeleton .iui-menu-description{
+  width:70%;
+  height:12px;
+  vertical-align:middle;
+  margin-top:4px;
+}
+.iui-menu-item-skeleton:hover{
+  background-color:unset;
+}
 
 .iui-menu-content{
   padding:11px 13px;
@@ -6099,8 +6205,8 @@ label.iui-input-label.iui-disabled{
   all:revert;
 }
 .iui-popover.tippy-box[data-reference-hidden]{
-  visibility:visible;
-  pointer-events:auto;
+  visibility:hidden;
+  pointer-events:none;
 }
 .iui-popover .tippy-content{
   all:revert;
@@ -6496,6 +6602,220 @@ label.iui-input-label.iui-disabled{
           animation:closeAnimation 0.2s linear;
 }
 
+.iui-radio-tile{
+  cursor:pointer;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.1);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+}
+.iui-radio-tile:first-of-type > .iui-radio-tile-content{
+  border-radius:3px 0 0 3px;
+}
+.iui-radio-tile:last-of-type > .iui-radio-tile-content{
+  border-radius:0 3px 3px 0;
+}
+.iui-radio-tile:not(:first-of-type) > .iui-radio-tile-content{
+  margin-left:-1px;
+}
+
+.iui-radio-tile-content{
+  width:160px;
+  height:100%;
+  box-sizing:border-box;
+  padding:8px;
+  position:relative;
+  z-index:1;
+  border:1px solid rgba(0, 0, 0, 0.4);
+  background-color:white;
+  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+  background-color:var(--iui-color-background-1);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-radio-tile-content{
+    transition:border-color 0.2s ease-out;
+  }
+}
+.iui-radio-tile-content:hover{
+  z-index:2;
+  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 .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 .iui-radio-tile-icon{
+    fill:CanvasText;
+  }
+}
+
+.iui-radio-tile-container{
+  display:inline-flex;
+  flex-wrap:wrap;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  position:relative;
+  z-index:0;
+}
+
+.iui-radio-tile-input{
+  width:0;
+  height:0;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  opacity:0;
+  position:absolute;
+}
+.iui-radio-tile-input:focus-visible + *{
+  outline-offset:-4px;
+  outline:2px solid #008ae0;
+  outline:2px solid var(--iui-color-foreground-primary);
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:focus-visible + *{
+    outline-color:Highlight;
+  }
+}
+@supports not selector(*:focus-visible){
+  .iui-radio-tile-input:focus + *{
+    outline-offset:-4px;
+    outline:2px solid #008ae0;
+    outline:2px solid var(--iui-color-foreground-primary);
+  }
+  @media (forced-colors: active){
+    .iui-radio-tile-input:focus + *{
+      outline-color:Highlight;
+    }
+  }
+}
+.iui-radio-tile-input:checked + *{
+  padding:7px;
+  z-index:3;
+  border:2px solid #008ae0;
+  border:2px solid var(--iui-color-foreground-primary);
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:checked + *{
+    border-color:Highlight;
+  }
+}
+.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 + * .iui-radio-tile-icon{
+    fill:Highlight;
+  }
+}
+.iui-radio-tile-input:checked + *::after{
+  content:"";
+  width:16px;
+  height:16px;
+  position:absolute;
+  top:8px;
+  right:8px;
+  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6,14L0,8l2-2l4,4l8-8l2,2L6,14z" /></svg>');
+          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6,14L0,8l2-2l4,4l8-8l2,2L6,14z" /></svg>');
+  background-color:#008ae0;
+  background-color:var(--iui-color-foreground-primary);
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:checked + *::after{
+    background-color:Highlight;
+  }
+}
+.iui-radio-tile-input:disabled + *{
+  cursor:not-allowed;
+  z-index:0;
+  border-color:#edeff2;
+  background-color:#edeff2;
+  border-color:var(--iui-color-background-disabled);
+  background-color:var(--iui-color-background-disabled);
+}
+.iui-radio-tile-input:disabled + *::after{
+  background-color:rgba(0, 0, 0, 0.2);
+  background-color:var(--iui-icons-color-actionable-disabled);
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:disabled + *::after{
+    background-color:GrayText;
+  }
+}
+.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 + * .iui-radio-tile-icon{
+    fill:GrayText;
+  }
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:disabled + * .iui-radio-tile-label,
+.iui-radio-tile-input:disabled + * .iui-radio-tile-sublabel{
+    color:GrayText;
+  }
+}
+.iui-radio-tile-input:disabled + * .iui-radio-tile-label{
+  color:rgba(0, 0, 0, 0.4);
+  color:var(--iui-text-color-muted);
+}
+.iui-radio-tile-input:disabled:checked + *{
+  z-index:3;
+  border:2px solid rgba(0, 0, 0, 0.4);
+  border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+}
+@media (forced-colors: active){
+  .iui-radio-tile-input:disabled:checked + *{
+    border-color:GrayText;
+  }
+}
+
+.iui-radio-tile-icon{
+  width:32px;
+  height:32px;
+  display:block;
+  margin:0 auto;
+  padding-top:6px;
+  padding-bottom:11px;
+  fill:rgba(0, 0, 0, 0.4);
+  fill:var(--iui-icons-color);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-radio-tile-icon{
+    transition:fill 0.2s ease-out;
+  }
+}
+@media (forced-colors: active){
+  .iui-radio-tile-icon{
+    fill:CanvasText;
+  }
+}
+
+.iui-radio-tile-label{
+  font-size:14px;
+  font-weight:600;
+  line-height:22px;
+  text-align:center;
+  word-break:break-word;
+  color:rgba(0, 0, 0, 0.8);
+  color:var(--iui-text-color);
+}
+
+.iui-radio-tile-sublabel{
+  font-size:12px;
+  line-height:15px;
+  text-align:center;
+  word-break:break-word;
+  color:rgba(0, 0, 0, 0.4);
+  color:var(--iui-text-color-muted);
+}
+
 .iui-side-navigation{
   display:inline-flex;
   flex:0 0 auto;
@@ -6714,6 +7034,71 @@ label.iui-input-label.iui-disabled{
   height:100%;
 }
 
+.iui-skip-to-content-link{
+  background-color:rgba(0, 0, 0, 0.8);
+  background-color:rgba(0, 0, 0, var(--iui-opacity-2));
+  color:white;
+  color:var(--iui-color-foreground-accessory);
+  border-radius:9999px;
+  text-decoration:none;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  padding:8.25px 16px;
+  position:fixed;
+  text-align:center;
+  left:50%;
+  top:22px;
+  opacity:0;
+  z-index:99;
+  transform:translateX(-50%) translateY(-170%);
+  transition:background-color 0.2s ease-in-out;
+}
+@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
+  .iui-skip-to-content-link{
+    background-color:rgba(0, 0, 0, var(--iui-opacity-3));
+    -webkit-backdrop-filter:blur(5px);
+            backdrop-filter:blur(5px);
+  }
+}
+.iui-skip-to-content-link:focus-visible{
+  outline:2px solid var(--iui-color-foreground-primary);
+  outline-offset:2px;
+}
+@supports not selector(*:focus-visible){
+  .iui-skip-to-content-link:focus{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:2px;
+  }
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-skip-to-content-link{
+    transition:opacity 0.8s ease-in-out, background-color 0.8s ease-in-out, transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
+  }
+}
+.iui-skip-to-content-link:hover{
+  background-color:black;
+  background-color:rgba(0, 0, 0, var(--iui-opacity-1));
+}
+@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
+  .iui-skip-to-content-link:hover{
+    background-color:rgba(0, 0, 0, var(--iui-opacity-2));
+    -webkit-backdrop-filter:blur(5px);
+            backdrop-filter:blur(5px);
+  }
+}
+.iui-skip-to-content-link:focus{
+  opacity:1;
+  transform:translateX(-50%) translateY(0);
+  box-shadow:0 6px 30px rgba(0, 0, 0, 0.25);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-skip-to-content-link:focus{
+    transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  }
+}
+
 .iui-slider-component-container{
   display:flex;
   min-height:22px;
@@ -6874,6 +7259,22 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-foreground-primary);
 }
 
+.iui-surface{
+  --iui-surface-background-color:var(--iui-color-background-1);
+  --iui-surface-border-radius:0;
+  --iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
+  background-color:var(--iui-surface-background-color);
+  border-radius:var(--iui-surface-border-radius);
+  box-shadow:var(--iui-surface-elevation);
+  box-sizing:border-box;
+  color:var(--iui-text-color);
+}
+@media (forced-colors: active){
+  .iui-surface{
+    border:1px solid transparent;
+  }
+}
+
 .iui-table{
   margin:0;
   padding:0;
@@ -7404,6 +7805,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;
@@ -7430,6 +7832,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;
@@ -7444,9 +7847,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);
@@ -7467,15 +7869,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;
@@ -7510,6 +7903,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;
@@ -7631,6 +8033,10 @@ label.iui-input-label.iui-disabled{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
 }
+.iui-tabs .iui-tab.iui-active .iui-tab-description{
+  opacity:1;
+  opacity:var(--iui-opacity-1);
+}
 .iui-tabs .iui-tab[disabled]{
   cursor:not-allowed;
   color:rgba(0, 0, 0, 0.4);
@@ -7908,31 +8314,17 @@ label.iui-input-label.iui-disabled{
           user-select:all;
   text-transform:lowercase;
   display:inline-flex;
-}
-.iui-tag:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-tag:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-2px;
-  }
-}
-.iui-tag:not(a){
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-tag:not(.iui-basic){
   height:33px;
   margin:3px 0;
-  border-radius:16.5px;
+  border-radius:9999px;
   box-sizing:border-box;
   padding:0 2px;
   align-items:center;
+  transition:border-color 0.2s ease-out;
   font-size:14px;
   text-transform:none;
   cursor:default;
+  -webkit-tap-highlight-color:transparent;
   border:1px solid rgba(0, 0, 0, 0.4);
   background-color:white;
   color:rgba(0, 0, 0, 0.8);
@@ -7940,12 +8332,28 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-1);
   color:var(--iui-text-color);
 }
-@media (prefers-reduced-motion: no-preference){
-  .iui-tag:not(.iui-basic){
-    transition:border 0.2s ease-out;
-  }
+.iui-tag:hover{
+  border-color:black;
+  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
+}
+
+.iui-tag-basic{
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  -webkit-user-select:all;
+     -moz-user-select:all;
+          user-select:all;
+  text-transform:lowercase;
+  display:inline-flex;
 }
-.iui-tag:not(.iui-basic) > .iui-label{
+.iui-tag-basic:not(a){
+  color:rgba(0, 0, 0, 0.4);
+  color:var(--iui-text-color-muted);
+}
+
+.iui-tag-label{
   margin:0;
   padding:0;
   border:none;
@@ -7958,96 +8366,85 @@ label.iui-input-label.iui-disabled{
   overflow:hidden;
   margin:0 4px 0 8px;
 }
-.iui-tag:not(.iui-basic) > .iui-label:only-child{
+.iui-tag-label:only-child{
   margin:0 8px;
 }
-.iui-tag:not(.iui-basic) > .iui-button{
+
+.iui-tag-button{
   border-radius:50%;
 }
-.iui-tag:not(.iui-basic):hover{
-  border-color:black;
-  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-}
-.iui-tag.iui-basic{
-  outline-offset:1px;
-}
 
-a.iui-tag{
-  --_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>");
+a.iui-tag-basic{
   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-tag:focus-visible{
+a.iui-tag-basic:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
-  a.iui-tag:focus{
+  a.iui-tag-basic:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
 }
-a.iui-tag:hover{
+a.iui-tag-basic:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-a.iui-tag-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-external::after{
-    background-color:LinkText;
-  }
-}
-a.iui-tag:hover{
+a.iui-tag-basic:hover{
   text-decoration:underline;
 }
 @media (prefers-contrast: more){
-  a.iui-tag{
+  a.iui-tag-basic{
     text-decoration:underline;
   }
-  a.iui-tag:hover{
+  a.iui-tag-basic:hover{
     text-decoration:none;
   }
 }
-.iui-theme-light a.iui-tag, .iui-theme-dark a.iui-tag{
+.iui-theme-light a.iui-tag-basic, .iui-theme-dark a.iui-tag-basic{
   text-decoration:none;
 }
-.iui-theme-light a.iui-tag:hover, .iui-theme-dark a.iui-tag:hover{
+.iui-theme-light a.iui-tag-basic:hover, .iui-theme-dark a.iui-tag-basic:hover{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc a.iui-tag, .iui-theme-dark-hc a.iui-tag{
+.iui-theme-light-hc a.iui-tag-basic, .iui-theme-dark-hc a.iui-tag-basic{
   text-decoration:underline;
 }
-.iui-theme-light-hc a.iui-tag:hover, .iui-theme-dark-hc a.iui-tag:hover{
+.iui-theme-light-hc a.iui-tag-basic:hover, .iui-theme-dark-hc a.iui-tag-basic:hover{
   text-decoration:none;
 }
 
+a.iui-tag-basic:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  a.iui-tag-basic:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+
 .iui-tag-container{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
-.iui-tag-container > a.iui-basic{
+.iui-tag-container > a.iui-tag-basic{
   margin:2px;
 }
-.iui-tag-container > .iui-tag:not(:last-child){
+.iui-tag-container > *:not(last-child){
   margin-right:4px;
 }
-.iui-tag-container > .iui-basic:not(:last-child)::after{
+.iui-tag-container > .iui-tag-basic:not(:last-child)::after{
   content:",";
 }
 .iui-tag-container.iui-truncate{
@@ -8070,8 +8467,8 @@ a.iui-tag:hover{
 .iui-tag-container.iui-visible{
   border-radius:3px;
   padding:3px 12px;
-  background-color:#f9f9fb;
-  background-color:var(--iui-color-background-2);
+  background-color:#edeff2;
+  background-color:var(--iui-color-background-3);
 }
 
 .iui-text-headline{
@@ -8147,11 +8544,17 @@ a.iui-tag:hover{
           user-select:none;
   color:transparent;
   border-radius:3px;
-  background:linear-gradient(270deg, #edeff2, #edeff2, #f9f9fb, #edeff2, #edeff2);
-  background-size:200% 100%;
-  background:linear-gradient(270deg, var(--iui-color-background-3), var(--iui-color-background-3), var(--iui-color-background-2), var(--iui-color-background-3), var(--iui-color-background-3));
+  cursor:progress;
+  background:linear-gradient(292deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
+  background:linear-gradient(292deg, var(--iui-text-color-muted), var(--iui-text-color-muted), var(--iui-text-color-placeholder), var(--iui-text-color-muted), var(--iui-text-color-muted));
   background-size:200% 100%;
 }
+@media (forced-colors: active){
+  .iui-skeleton{
+    forced-color-adjust:none;
+    background:linear-gradient(292deg, CanvasText, CanvasText, Canvas, CanvasText, CanvasText);
+  }
+}
 @media (prefers-reduced-motion: no-preference){
   .iui-skeleton{
     -webkit-animation:skeleton-shimmer 0.8s linear infinite;
@@ -8191,25 +8594,23 @@ a.iui-tag:hover{
   padding:0;
   border:none;
   vertical-align:baseline;
+  --iui-surface-background-color:var(--iui-color-background-1);
+  --iui-surface-border-radius:0;
+  --iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
+  background-color:var(--iui-surface-background-color);
+  border-radius:var(--iui-surface-border-radius);
+  box-shadow:var(--iui-surface-elevation);
+  box-sizing:border-box;
+  color:var(--iui-text-color);
   display:inline-flex;
   flex-direction:column;
   width:288px;
-  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
   -webkit-backface-visibility:hidden;
           backface-visibility:hidden;
-  background-color:white;
-  color:rgba(0, 0, 0, 0.8);
-  background-color:var(--iui-color-background-1);
-  color:var(--iui-text-color);
-}
-.iui-tile:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
 }
-@supports not selector(*:focus-visible){
-  .iui-tile:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+@media (forced-colors: active){
+  .iui-tile{
+    border:1px solid transparent;
   }
 }
 .iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
@@ -8227,9 +8628,6 @@ a.iui-tag:hover{
 .iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
   width:calc(100% - 32px);
 }
-.iui-tile:hover .iui-tile-thumbnail-picture, .iui-tile:focus-within .iui-tile-thumbnail-picture{
-  transform:translateZ(0) scale(1.1);
-}
 .iui-tile.iui-new .iui-tile-name,
 .iui-tile.iui-new .iui-tile-description{
   font-weight:600;
@@ -8250,7 +8648,24 @@ a.iui-tag:hover{
     outline-offset:0;
   }
 }
-.iui-tile.iui-selected .iui-tile-thumbnail-picture{
+.iui-tile.iui-actionable{
+  cursor:pointer;
+  transition:box-shadow 0.2s ease-in-out;
+}
+.iui-tile.iui-actionable:focus-visible{
+  outline:2px solid var(--iui-color-foreground-primary);
+  outline-offset:2px;
+}
+@supports not selector(*:focus-visible){
+  .iui-tile.iui-actionable:focus{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:2px;
+  }
+}
+.iui-tile.iui-actionable:hover{
+  box-shadow:0 3px 14px rgba(0, 0, 0, 0.25);
+}
+.iui-tile.iui-actionable:hover .iui-tile-thumbnail-picture, .iui-tile.iui-actionable:focus-within .iui-tile-thumbnail-picture, .iui-tile.iui-actionable.iui-selected .iui-tile-thumbnail-picture{
   transform:translateZ(0) scale(1.1);
 }
 .iui-tile.iui-folder{
@@ -8811,7 +9226,7 @@ div.iui-tile-thumbnail-picture{
   align-items:center;
   flex-direction:column;
   justify-content:center;
-  z-index:1070;
+  z-index:99999;
 }
 @media screen and (max-width: 400px){
   .iui-toast-wrapper{
@@ -9165,6 +9580,11 @@ div.iui-tile-thumbnail-picture{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch-wrapper.iui-disabled{
+    color:GrayText;
+  }
+}
 .iui-toggle-switch-wrapper.iui-label-on-left{
       grid-template-areas:"label toggle";
 }
@@ -9228,13 +9648,29 @@ div.iui-tile-thumbnail-picture{
     transition:transform 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
   }
 }
+@media (forced-colors: active){
+  .iui-toggle-switch{
+    border-color:CanvasText;
+  }
+}
 .iui-toggle-switch::after{
   background-color:var(--iui-color-foreground-body);
   opacity:var(--iui-opacity-2);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch::after{
+    background-color:CanvasText;
+    opacity:1;
+  }
+}
 .iui-toggle-switch:hover{
   border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:hover{
+    border-color:CanvasText;
+  }
+}
 .iui-toggle-switch:focus-visible{
   border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
 }
@@ -9247,11 +9683,23 @@ div.iui-tile-thumbnail-picture{
   background-color:var(--iui-color-background-primary);
   border-color:var(--iui-color-background-primary);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:checked{
+    background-color:Highlight;
+    border-color:Highlight;
+  }
+}
 .iui-toggle-switch:checked::after{
   transform:translateX(19px);
   background-color:var(--iui-color-foreground-accessory);
   opacity:var(--iui-opacity-2);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:checked::after{
+    background-color:HighlightText;
+    opacity:1;
+  }
+}
 .iui-toggle-switch:checked ~ .iui-toggle-switch-icon{
   opacity:var(--iui-opacity-1);
 }
@@ -9271,17 +9719,44 @@ div.iui-tile-thumbnail-picture{
   background-color:var(--iui-color-background-disabled);
   border-color:var(--iui-color-background-disabled);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:disabled{
+    border-color:GrayText;
+  }
+}
 .iui-toggle-switch:disabled::after{
   background-color:var(--iui-color-foreground-body);
   opacity:var(--iui-opacity-5);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:disabled::after{
+    background-color:GrayText;
+    opacity:0.75;
+  }
+}
 .iui-toggle-switch:disabled ~ .iui-toggle-switch-icon{
   opacity:0;
   fill:var(--iui-icons-color-actionable);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:disabled:checked{
+    background-color:GrayText;
+  }
+}
+@media (forced-colors: active){
+  .iui-toggle-switch:disabled:checked::after{
+    background-color:Canvas;
+  }
+}
 .iui-toggle-switch:disabled:checked ~ .iui-toggle-switch-icon{
   opacity:var(--iui-opacity-5);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch:disabled:checked ~ .iui-toggle-switch-icon{
+    fill:Canvas;
+    opacity:0.75;
+  }
+}
 .iui-toggle-switch-icon{
   opacity:0;
   grid-area:toggle;
@@ -9295,6 +9770,11 @@ div.iui-tile-thumbnail-picture{
   pointer-events:none;
   fill:var(--iui-color-foreground-accessory);
 }
+@media (forced-colors: active){
+  .iui-toggle-switch-icon{
+    fill:HighlightText;
+  }
+}
 
 .iui-tooltip-container{
   width:-webkit-fit-content;
@@ -9924,85 +10404,4 @@ div.iui-tile-thumbnail-picture{
           user-select:all;
   color:#53a21a;
   color:var(--iui-color-foreground-positive);
-}
-
-.iui-skip-to-content-link{
-  background-color:rgba(0, 0, 0, 0.8);
-  background-color:rgba(0, 0, 0, var(--iui-opacity-2));
-  color:white;
-  color:var(--iui-color-foreground-accessory);
-  border-radius:9999px;
-  text-decoration:none;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  padding:8.25px 16px;
-  position:fixed;
-  text-align:center;
-  left:50%;
-  top:22px;
-  opacity:0;
-  z-index:99;
-  transform:translateX(-50%) translateY(-170%);
-  transition:background-color 0.2s ease-in-out;
-}
-@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
-  .iui-skip-to-content-link{
-    background-color:rgba(0, 0, 0, var(--iui-opacity-3));
-    -webkit-backdrop-filter:blur(5px);
-            backdrop-filter:blur(5px);
-  }
-}
-.iui-skip-to-content-link:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-skip-to-content-link:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
-  }
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-skip-to-content-link{
-    transition:opacity 0.8s ease-in-out, background-color 0.8s ease-in-out, transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
-  }
-}
-.iui-skip-to-content-link:hover{
-  background-color:black;
-  background-color:rgba(0, 0, 0, var(--iui-opacity-1));
-}
-@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
-  .iui-skip-to-content-link:hover{
-    background-color:rgba(0, 0, 0, var(--iui-opacity-2));
-    -webkit-backdrop-filter:blur(5px);
-            backdrop-filter:blur(5px);
-  }
-}
-.iui-skip-to-content-link:focus{
-  opacity:1;
-  transform:translateX(-50%) translateY(0);
-  box-shadow:0 6px 30px rgba(0, 0, 0, 0.25);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-skip-to-content-link:focus{
-    transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-  }
-}
-
-.iui-surface{
-  --iui-surface-background-color:var(--iui-color-background-1);
-  --iui-surface-border-radius:0;
-  --iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
-  background-color:var(--iui-surface-background-color);
-  border-radius:var(--iui-surface-border-radius);
-  box-shadow:var(--iui-surface-elevation);
-  box-sizing:border-box;
-  color:var(--iui-text-color);
-}
-@media (forced-colors: active){
-  .iui-surface{
-    border:1px solid transparent;
-  }
 }