@itwin/itwinui-css 0.59.2 → 0.62.0

package/css/all.css

@@ -588,7 +588,7 @@ html.iui-theme-dark-hc{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -690,7 +690,7 @@ html.iui-theme-dark-hc{
   padding:0;
   border:none;
   vertical-align:baseline;
-  border-radius:3px;
+  border-radius:4px;
   box-sizing:border-box;
   display:flex;
   align-items:center;
@@ -710,6 +710,11 @@ html.iui-theme-dark-hc{
   flex-shrink:0;
   margin-left:16px;
 }
+@media (forced-colors: active){
+  .iui-alert-icon{
+    fill:CanvasText;
+  }
+}
 .iui-alert-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -731,7 +736,7 @@ html.iui-theme-dark-hc{
 }
 .iui-alert-link{
   text-decoration:underline;
-  border-radius:3px;
+  border-radius:4px;
   cursor:pointer;
   margin-left:8px;
   -webkit-user-select:none;
@@ -955,7 +960,7 @@ html.iui-theme-dark-hc{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -1030,7 +1035,7 @@ html.iui-theme-dark-hc{
   font-size:12px;
   padding:0 6px;
   margin:6px 0;
-  border-radius:3px;
+  border-radius:4px;
   background-color:var(--iui-badge-background-color);
   color:var(--_iui-badge-text-color);
   text-transform:uppercase;
@@ -1045,6 +1050,27 @@ html.iui-theme-dark-hc{
   font-weight:600;
 }
 
+.iui-backdrop{
+  z-index:998;
+  isolation:isolate;
+  position:absolute;
+  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));
+  transition:visibility 0s linear, opacity 0.2s ease-out;
+  transition-delay:0.2s, 0s;
+}
+.iui-backdrop:not(.iui-backdrop-visible){
+  visibility:hidden;
+  opacity:0;
+}
+.iui-backdrop.iui-backdrop-visible{
+  transition-delay:0s;
+}
+
 .iui-blockquote{
   margin:0;
   padding:0;
@@ -1056,7 +1082,7 @@ html.iui-theme-dark-hc{
   margin:11px 0;
   text-align:justify;
   box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
-  border-radius:3px;
+  border-radius:4px;
   background-color:white;
   border-left:8px solid #008ae0;
   background-color:var(--iui-color-background-1);
@@ -1119,7 +1145,7 @@ html.iui-theme-dark-hc{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -1129,7 +1155,7 @@ html.iui-theme-dark-hc{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -1139,7 +1165,7 @@ html.iui-theme-dark-hc{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -1334,7 +1360,7 @@ a.iui-breadcrumbs-text{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -1396,7 +1422,7 @@ a.iui-breadcrumbs-text:focus{
   justify-content:center;
   position:relative;
   box-sizing:border-box;
-  border-radius:3px;
+  border-radius:4px;
   line-height:22px;
   box-shadow:none;
   font-size:14px;
@@ -1520,7 +1546,7 @@ a.iui-breadcrumbs-text:focus{
   justify-content:center;
   position:relative;
   box-sizing:border-box;
-  border-radius:3px;
+  border-radius:4px;
   line-height:22px;
   box-shadow:none;
   font-size:14px;
@@ -1845,12 +1871,12 @@ a.iui-breadcrumbs-text:focus{
   transition-duration:0.2s;
 }
 .iui-button-group > *:first-child .iui-input, .iui-button-group > *:first-child .iui-button:where(:not(.iui-borderless)){
-  border-top-left-radius:3px;
-  border-bottom-left-radius:3px;
+  border-top-left-radius:4px;
+  border-bottom-left-radius:4px;
 }
 .iui-button-group > *:last-child .iui-input, .iui-button-group > *:last-child .iui-button:where(:not(.iui-borderless)){
-  border-bottom-right-radius:3px;
-  border-top-right-radius:3px;
+  border-bottom-right-radius:4px;
+  border-top-right-radius:4px;
 }
 .iui-button-group > * + *{
   margin-left:-1px;
@@ -1889,12 +1915,12 @@ a.iui-breadcrumbs-text:focus{
   transition-duration:0.2s;
 }
 .iui-button-group-vertical > *:first-child .iui-input, .iui-button-group-vertical > *:first-child .iui-button:where(:not(.iui-borderless)){
-  border-top-left-radius:3px;
-  border-top-right-radius:3px;
+  border-top-left-radius:4px;
+  border-top-right-radius:4px;
 }
 .iui-button-group-vertical > *:last-child .iui-input, .iui-button-group-vertical > *:last-child .iui-button:where(:not(.iui-borderless)){
-  border-bottom-right-radius:3px;
-  border-bottom-left-radius:3px;
+  border-bottom-right-radius:4px;
+  border-bottom-left-radius:4px;
 }
 .iui-button-group-vertical > * + *{
   margin-top:-1px;
@@ -1935,12 +1961,12 @@ a.iui-breadcrumbs-text:focus{
   transition-duration:0.2s;
 }
 .iui-button-split-menu > *:first-child .iui-input, .iui-button-split-menu > *:first-child .iui-button:where(:not(.iui-borderless)){
-  border-top-left-radius:3px;
-  border-bottom-left-radius:3px;
+  border-top-left-radius:4px;
+  border-bottom-left-radius:4px;
 }
 .iui-button-split-menu > *:last-child .iui-input, .iui-button-split-menu > *:last-child .iui-button:where(:not(.iui-borderless)){
-  border-bottom-right-radius:3px;
-  border-top-right-radius:3px;
+  border-bottom-right-radius:4px;
+  border-top-right-radius:4px;
 }
 .iui-button-split-menu > * + *{
   margin-left:-1px;
@@ -1997,7 +2023,7 @@ a.iui-breadcrumbs-text:focus{
 
 .iui-carousel{
   overflow:hidden;
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-carousel:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -2057,7 +2083,7 @@ a.iui-breadcrumbs-text:focus{
   vertical-align:baseline;
   flex:2;
   max-width:256px;
-  border-radius:3px;
+  border-radius:4px;
   white-space:nowrap;
   overflow-x:auto;
   overflow-x:overlay;
@@ -2133,7 +2159,7 @@ a.iui-breadcrumbs-text:focus{
   font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace;
   font-size:12px;
   padding:0 4px;
-  border-radius:3px;
+  border-radius:4px;
   -webkit-user-select:all;
      -moz-user-select:all;
           user-select:all;
@@ -2153,7 +2179,7 @@ a.iui-breadcrumbs-text:focus{
 .iui-codeblock > .iui-title-bar{
   display:flex;
   align-items:center;
-  border-radius:3px 3px 0 0;
+  border-radius:4px 4px 0 0;
   background-color:#edeff2;
   background-color:var(--iui-color-background-3);
 }
@@ -2170,7 +2196,7 @@ a.iui-breadcrumbs-text:focus{
   margin:0;
   overflow-x:auto;
   overflow-y:auto;
-  border-radius:0 0 3px 3px;
+  border-radius:0 0 4px 4px;
   white-space:normal;
   border:1px solid #edeff2;
   border:1px solid var(--iui-color-background-3);
@@ -2224,7 +2250,7 @@ a.iui-breadcrumbs-text:focus{
   box-sizing:border-box;
   color:var(--iui-text-color);
   box-sizing:border-box;
-  border-radius:3px;
+  border-radius:4px;
   display:inline-flex;
   padding:11px 12px;
   -webkit-user-select:none;
@@ -2403,17 +2429,17 @@ a.iui-breadcrumbs-text:focus{
   margin-bottom:6px;
 }
 
-.iui-hue-slider .iui-slider-rail{
+.iui-hue-slider .iui-slider-container .iui-slider-rail{
   height:8px;
   forced-color-adjust:none;
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
 }
-.iui-hue-slider .iui-slider-thumb{
+.iui-hue-slider .iui-slider-container .iui-slider-thumb{
   top:7px;
 }
 
-.iui-opacity-slider .iui-slider-rail{
+.iui-opacity-slider .iui-slider-container .iui-slider-rail{
   height:8px;
   forced-color-adjust:none;
   background-position:0 0, 4px 4px;
@@ -2421,14 +2447,14 @@ a.iui-breadcrumbs-text:focus{
   background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
   background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
 }
-.iui-opacity-slider .iui-slider-rail::before{
+.iui-opacity-slider .iui-slider-container .iui-slider-rail::before{
   display:block;
   content:"";
   width:100%;
   height:100%;
   background-image:linear-gradient(to right, transparent 0%, var(--iui-color-picker-selected-color) 100%);
 }
-.iui-opacity-slider .iui-slider-thumb{
+.iui-opacity-slider .iui-slider-container .iui-slider-thumb{
   top:7px;
 }
 
@@ -2542,7 +2568,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
 }
 .iui-calendar-day:focus-visible, .iui-calendar-day-today:focus-visible{
@@ -2595,7 +2621,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
   font-weight:600;
   background-color:#008ae0;
@@ -2671,7 +2697,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
@@ -2726,7 +2752,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
   font-weight:600;
   background-color:#008ae0;
@@ -2804,7 +2830,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
   font-weight:600;
   background-color:#008ae0;
@@ -2881,7 +2907,7 @@ a.iui-breadcrumbs-text:focus{
   text-align:center;
   width:40px;
   height:36px;
-  border-radius:3px;
+  border-radius:4px;
   font-variant-numeric:tabular-nums;
   border-radius:0;
   background-color:rgba(0, 138, 224, 0.2);
@@ -2946,115 +2972,112 @@ a.iui-breadcrumbs-text:focus{
   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;
+.iui-dialog-wrapper{
+  position:relative;
+  overflow:hidden;
   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;
+  pointer-events:none;
+  transform:translateX(0);
 }
 
 .iui-dialog{
-  border-radius:3px;
+  z-index:999;
+  isolation:isolate;
+  border-radius:4px;
   box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
   box-sizing:border-box;
-  position:absolute;
+  position:fixed;
   padding:11px 16px;
   box-sizing:border-box;
   padding:11px 16px;
   overflow:hidden;
-  background-color:white;
+  pointer-events:auto;
+  background-color:#FFF;
   background-color:var(--iui-color-background-1);
+  transition:visibility 0s linear, opacity 0.2s ease-out;
+  transition-delay:0.2s, 0s;
 }
 @media (forced-colors: active){
   .iui-dialog{
     border:1px solid;
   }
 }
+.iui-dialog:not(.iui-dialog-visible){
+  visibility:hidden;
+  opacity:0;
+}
+.iui-dialog.iui-dialog-visible{
+  transition-delay:0s;
+}
 
-.iui-dialog-default .iui-dialog{
+.iui-dialog-default{
+  max-width:max(50%, 380px);
+  min-width:380px;
+  max-height:100vh;
+}
+.iui-dialog-default:not([data-iui-placement]){
   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%;
-  }
+.iui-dialog-default[data-iui-placement=top-left]{
+  top:0;
+  left:0;
+  margin-left:11px;
+  margin-top:16px;
 }
-
-@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-default[data-iui-placement=top-right]{
+  top:0;
+  right:0;
+  margin-right:11px;
+  margin-top:16px;
+}
+.iui-dialog-default[data-iui-placement=bottom-left]{
+  bottom:0;
+  left:0;
+  margin-left:11px;
+  margin-bottom:16px;
 }
-.iui-dialog-full-page .iui-dialog{
+.iui-dialog-default[data-iui-placement=bottom-right]{
+  bottom:0;
+  right:0;
+  margin-right:11px;
+  margin-bottom:16px;
+}
+
+.iui-dialog-full-page{
   border-radius:0;
   height:100vh;
+  height:100dvh;
   width:100vw;
   top:0;
   left:0;
-  max-width:initial;
-  min-width:initial;
   display:flex;
   flex-direction:column;
   will-change:transform;
 }
+.iui-dialog-full-page:not(.iui-dialog-visible){
+  transform:translateY(100%);
+}
 @media (prefers-reduced-motion: no-preference){
-  .iui-dialog-full-page .iui-dialog{
-    transform:translateY(100%);
+  .iui-dialog-full-page{
     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{
+  .iui-dialog-full-page.iui-dialog-visible{
     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-width:100%;
   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);
 }
 
@@ -3074,21 +3097,17 @@ a.iui-breadcrumbs-text:focus{
   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;
+
+.iui-dialog-title-bar-filled{
   font-size:16px;
   padding:6px 16px;
+  margin:-11px -16px 11px -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{
+.iui-dialog-title-bar-filled:active{
   cursor:-webkit-grabbing;
   cursor:grabbing;
 }
@@ -3100,49 +3119,23 @@ a.iui-breadcrumbs-text:focus{
   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;
-  }
+  gap:8px;
 }
 
-.iui-dialog-animation-enter .iui-dialog-full-page .iui-dialog{
+.iui-dialog-animation-enter{
   transform:translateY(100%);
   opacity:0;
 }
-.iui-dialog-animation-enter-active .iui-dialog-full-page .iui-dialog{
+.iui-dialog-animation-enter-active{
   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{
   margin:0;
@@ -3209,6 +3202,11 @@ a.iui-breadcrumbs-text:focus{
   fill:rgba(0, 0, 0, 0.4);
   fill:var(--iui-icons-color);
 }
+@media (forced-colors: active){
+  .iui-expandable-block > .iui-header > .iui-status-icon{
+    fill:CanvasText;
+  }
+}
 .iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -3358,7 +3356,7 @@ a.iui-breadcrumbs-text:focus{
   border:initial;
 }
 .iui-expandable-block.iui-borderless .iui-header{
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-expandable-block.iui-borderless .iui-header:hover{
   background-color:rgba(0, 0, 0, 0.1);
@@ -3374,7 +3372,7 @@ a.iui-breadcrumbs-text:focus{
   border:none;
   vertical-align:baseline;
   padding:11px 12px;
-  border-radius:3px;
+  border-radius:4px;
   border:1px solid #c7ccd1;
   background-color:white;
   border:1px solid var(--iui-color-background-border);
@@ -3383,7 +3381,7 @@ a.iui-breadcrumbs-text:focus{
 .iui-fieldset legend{
   font-size:16px;
   padding:1.5px 8px;
-  border-radius:3px;
+  border-radius:4px;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
@@ -3451,6 +3449,12 @@ a.iui-breadcrumbs-text:focus{
   margin-top:11px;
   margin-bottom:11px;
 }
+@media (forced-colors: active){
+  .iui-file-upload > .iui-content > svg,
+.iui-file-upload > .iui-content .iui-template-icon{
+    fill:CanvasText;
+  }
+}
 .iui-file-upload > .iui-content > svg.iui-informational,
 .iui-file-upload > .iui-content .iui-template-icon.iui-informational{
   fill:#008ae0;
@@ -3546,7 +3550,7 @@ a.iui-breadcrumbs-text:focus{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -3640,7 +3644,7 @@ a.iui-breadcrumbs-text:focus{
 .iui-page-header .iui-header-button-icon{
   width:24px;
   height:24px;
-  border-radius:3px;
+  border-radius:4px;
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-page-header .iui-header-button-icon{
@@ -3697,7 +3701,7 @@ a.iui-breadcrumbs-text:focus{
   padding:4px;
   width:16px;
   height:16px;
-  border-radius:3px;
+  border-radius:4px;
   background-color:#edeff2;
   fill:rgba(0, 0, 0, 0.4);
   background-color:var(--iui-color-background-3);
@@ -3830,7 +3834,7 @@ a.iui-breadcrumbs-text:focus{
   padding:4px;
   width:16px;
   height:16px;
-  border-radius:3px;
+  border-radius:4px;
   background-color:#edeff2;
   fill:rgba(0, 0, 0, 0.4);
   background-color:var(--iui-color-background-3);
@@ -3981,6 +3985,11 @@ a.iui-breadcrumbs-text:focus{
   flex-shrink:0;
   margin:0 4px;
 }
+@media (forced-colors: active){
+  .iui-page-header > .iui-left .iui-chevron{
+    fill:CanvasText;
+  }
+}
 .iui-page-header > .iui-left .iui-chevron.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4122,6 +4131,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:16px;
   height:16px;
 }
+@media (forced-colors: active){
+  .iui-icons-default{
+    fill:CanvasText;
+  }
+}
 .iui-icons-default.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4146,6 +4160,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:12px;
   height:12px;
 }
+@media (forced-colors: active){
+  .iui-icons-small{
+    fill:CanvasText;
+  }
+}
 .iui-icons-small.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4170,6 +4189,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:24px;
   height:24px;
 }
+@media (forced-colors: active){
+  .iui-icons-large{
+    fill:CanvasText;
+  }
+}
 .iui-icons-large.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4194,6 +4218,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:32px;
   height:32px;
 }
+@media (forced-colors: active){
+  .iui-icons-xl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-xl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4218,6 +4247,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:48px;
   height:48px;
 }
+@media (forced-colors: active){
+  .iui-icons-xxl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-xxl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4242,6 +4276,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:64px;
   height:64px;
 }
+@media (forced-colors: active){
+  .iui-icons-3xl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-3xl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4920,7 +4959,7 @@ label.iui-input-label.iui-disabled{
   font-size:14px;
   font-weight:400;
   line-height:22px;
-  border-radius:3px;
+  border-radius:4px;
   -webkit-appearance:none;
      -moz-appearance:none;
           appearance:none;
@@ -5017,7 +5056,7 @@ label.iui-input-label.iui-disabled{
 .iui-select-button{
   width:100%;
   margin:0;
-  border-radius:3px;
+  border-radius:4px;
   box-sizing:border-box;
   padding:7px 12px;
   min-height:38px;
@@ -5087,41 +5126,237 @@ label.iui-input-label.iui-disabled{
   color:var(--iui-text-color-placeholder);
 }
 
-.iui-textarea{
+.iui-select-tag-container{
+  position:absolute;
+  inset:0 40px 0 12px;
+  height:100%;
+  display:flex;
+  align-items:center;
+  gap:4px;
+  overflow:hidden;
+}
+.iui-select-tag-container > * + *{
+  margin-left:4px;
+}
+@supports (gap: 4px){
+  .iui-select-tag-container > * + *{
+    margin-left:0;
+  }
+}
+
+.iui-select-tag{
+  -webkit-user-select:all;
+     -moz-user-select:all;
+          user-select:all;
+  text-transform:lowercase;
+  display:inline-flex;
+  height:33px;
+  margin-top:3px;
+  margin-bottom:3px;
+  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);
+  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+  background-color:var(--iui-color-background-1);
+  color:var(--iui-text-color);
+  margin-top:0;
+  margin-bottom:0;
+  display:inline-flex;
+  align-items:center;
+  height:80%;
+  max-height:33px;
+}
+.iui-select-tag:hover{
+  border-color:black;
+  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
+}
+
+.iui-select-tag-label{
   margin:0;
   padding:0;
   border:none;
   vertical-align:baseline;
-  width:100%;
-  font-family:inherit;
   font-size:14px;
   font-weight:400;
   line-height:22px;
-  border-radius:3px;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  box-sizing:border-box;
-  padding:7px 12px;
-  min-height:38px;
-  color:rgba(0, 0, 0, 0.8);
-  background-color:white;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color);
-  background-color:var(--iui-color-background-1);
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  resize:vertical;
-  min-height:38px;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  overflow:hidden;
+  margin:0 4px 0 8px;
+  display:inline-flex;
+  align-items:center;
 }
-.iui-textarea:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-2px;
+.iui-select-tag-label:only-child{
+  margin:0 8px;
 }
-@supports not selector(*:focus-visible){
-  .iui-textarea:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-2px;
-  }
+.iui-select-button.iui-small .iui-select-tag-label{
+  font-size:12px;
+  line-height:16px;
+}
+
+.iui-select-tag-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:4px;
+  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;
+  border-radius:50%;
+  padding:0 4px;
+  height:100%;
+  aspect-ratio:1/1;
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-select-tag-button{
+    transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
+  }
+}
+.iui-select-tag-button:hover{
+  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
+  text-decoration:none;
+}
+.iui-select-tag-button:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:-1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-select-tag-button:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px;
+  }
+}
+.iui-select-tag-button[disabled], .iui-select-tag-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-select-tag-button > .iui-button-icon:only-child{
+  margin-left:3px;
+  margin-right:3px;
+}
+.iui-select-tag-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-select-tag-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-select-tag-button[disabled], .iui-select-tag-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-select-tag-button[disabled].iui-active, .iui-select-tag-button:disabled.iui-active{
+  background-color:rgba(0, 0, 0, 0.05);
+  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
+}
+.iui-select-button.iui-small .iui-select-tag-button{
+  font-size:12px;
+  line-height:16px;
+}
+
+.iui-select-tag-button-icon{
+  width:16px;
+  height:16px;
+  transition:fill 0.2s ease-out;
+  fill:currentColor;
+  flex-shrink:0;
+}
+.iui-select-button.iui-small .iui-select-tag-button-icon{
+  width:12px;
+  height:12px;
+}
+
+.iui-textarea{
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  width:100%;
+  font-family:inherit;
+  font-size:14px;
+  font-weight:400;
+  line-height:22px;
+  border-radius:4px;
+  -webkit-appearance:none;
+     -moz-appearance:none;
+          appearance:none;
+  box-sizing:border-box;
+  padding:7px 12px;
+  min-height:38px;
+  color:rgba(0, 0, 0, 0.8);
+  background-color:white;
+  border:1px solid rgba(0, 0, 0, 0.4);
+  color:var(--iui-text-color);
+  background-color:var(--iui-color-background-1);
+  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+  resize:vertical;
+  min-height:38px;
+}
+.iui-textarea:focus-visible{
+  outline:2px solid var(--iui-color-foreground-primary);
+  outline-offset:-2px;
+}
+@supports not selector(*:focus-visible){
+  .iui-textarea:focus{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-2px;
+  }
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-textarea{
@@ -5289,7 +5524,7 @@ label.iui-input-label.iui-disabled{
   width:16px;
   height:16px;
   position:relative;
-  border-radius:3px;
+  border-radius:4px;
   background-color:var(--_iui-checkbox-background-color);
   flex-shrink:0;
   cursor:pointer;
@@ -5447,7 +5682,7 @@ label.iui-input-label.iui-disabled{
   width:16px;
   height:16px;
   position:relative;
-  border-radius:3px;
+  border-radius:4px;
   background-color:var(--_iui-checkbox-background-color);
   flex-shrink:0;
   cursor:pointer;
@@ -5602,7 +5837,7 @@ label.iui-input-label.iui-disabled{
   padding:0;
   border:none;
   vertical-align:baseline;
-  border-radius:3px;
+  border-radius:4px;
   display:inline-block;
   font-size:12px;
   font-weight:600;
@@ -5671,7 +5906,7 @@ label.iui-input-label.iui-disabled{
 }
 .iui-location-marker-data-rich > .iui-location-marker-data-rich-body{
   min-width:32px;
-  border-radius:3px;
+  border-radius:4px;
   text-align:center;
   font-size:16px;
   padding:3px 8px;
@@ -5779,7 +6014,7 @@ label.iui-input-label.iui-disabled{
   margin:0;
   width:24px;
   height:24px;
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-menu.iui-scroll{
   overflow-y:auto;
@@ -6677,10 +6912,10 @@ label.iui-input-label.iui-disabled{
   -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;
+  border-radius:4px 0 0 4px;
 }
 .iui-radio-tile:last-of-type > .iui-radio-tile-content{
-  border-radius:0 3px 3px 0;
+  border-radius:0 4px 4px 0;
 }
 .iui-radio-tile:not(:first-of-type) > .iui-radio-tile-content{
   margin-left:-1px;
@@ -7000,6 +7235,11 @@ label.iui-input-label.iui-disabled{
   width:12px;
   height:12px;
 }
+@media (forced-colors: active){
+  .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
+    fill:CanvasText;
+  }
+}
 .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -7168,53 +7408,96 @@ label.iui-input-label.iui-disabled{
   }
 }
 
-.iui-slider-component-container{
-  display:flex;
+.iui-slider-horizontal{
   min-height:22px;
 }
-.iui-slider-component-container .iui-slider-min,
-.iui-slider-component-container .iui-slider-max{
-  -webkit-user-select:all;
-     -moz-user-select:all;
-          user-select:all;
-  margin-top:2px;
+.iui-slider-horizontal .iui-slider-rail{
+  width:100%;
+  height:4px;
+  top:12px;
 }
-.iui-slider-component-container .iui-slider-min svg,
-.iui-slider-component-container .iui-slider-max svg{
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-  display:inline-flex;
-  width:16px;
-  height:16px;
-  margin-top:4px;
+.iui-slider-horizontal .iui-slider-thumb{
+  top:5px;
+  transform:translateX(-50%);
 }
-.iui-slider-component-container .iui-slider-min svg.iui-informational,
-.iui-slider-component-container .iui-slider-max svg.iui-informational{
-  fill:#008ae0;
-  fill:var(--iui-icons-color-primary);
+.iui-slider-horizontal .iui-slider-track{
+  height:4px;
+  left:0;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-positive,
-.iui-slider-component-container .iui-slider-max svg.iui-positive{
-  fill:#53a21a;
-  fill:var(--iui-icons-color-positive);
+.iui-slider-horizontal .iui-slider-ticks{
+  padding-top:16px;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-warning,
-.iui-slider-component-container .iui-slider-max svg.iui-warning{
-  fill:#f18d13;
-  fill:var(--iui-icons-color-warning);
+.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick{
+  flex-direction:column;
+  width:1px;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-negative,
-.iui-slider-component-container .iui-slider-max svg.iui-negative{
-  fill:#d10a0a;
-  fill:var(--iui-icons-color-negative);
+.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick::before{
+  content:"";
+  width:1px;
+  height:11px;
+}
+.iui-slider-horizontal .iui-slider-min,
+.iui-slider-horizontal .iui-slider-max{
+  margin-top:2px;
 }
-.iui-slider-component-container .iui-slider-min{
+.iui-slider-horizontal .iui-slider-min{
   margin-right:12px;
   text-align:right;
 }
-.iui-slider-component-container .iui-slider-max{
+.iui-slider-horizontal .iui-slider-max{
   margin-left:12px;
 }
+
+.iui-slider-vertical{
+  flex-direction:column-reverse;
+  min-width:22px;
+  height:100%;
+}
+.iui-slider-vertical .iui-slider-rail{
+  width:4px;
+  height:100%;
+  left:12px;
+}
+.iui-slider-vertical .iui-slider-thumb{
+  transform:translateY(50%);
+  left:5px;
+}
+.iui-slider-vertical .iui-slider-track{
+  width:4px;
+  bottom:0;
+  left:12px;
+}
+.iui-slider-vertical .iui-slider-ticks{
+  padding-left:16px;
+  flex-direction:column-reverse;
+  align-items:flex-start;
+  height:100%;
+}
+.iui-slider-vertical .iui-slider-ticks .iui-slider-tick{
+  flex:row;
+  height:1px;
+}
+.iui-slider-vertical .iui-slider-ticks .iui-slider-tick::before{
+  content:"";
+  width:11px;
+  height:1px;
+  margin-right:11px;
+}
+.iui-slider-vertical .iui-slider-min,
+.iui-slider-vertical .iui-slider-max{
+  margin-left:2px;
+  text-align:center;
+}
+.iui-slider-vertical .iui-slider-min{
+  margin-top:12px;
+}
+.iui-slider-vertical .iui-slider-max{
+  margin-bottom:12px;
+}
+
+.iui-slider-component-container{
+  display:flex;
+}
 .iui-slider-component-container.iui-disabled{
   cursor:not-allowed;
 }
@@ -7229,10 +7512,21 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-4);
   border-color:var(--iui-color-background-4);
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-thumb{
+    background-color:GrayText;
+    border-color:GrayText;
+  }
+}
 .iui-slider-component-container.iui-disabled .iui-slider-track{
   background-color:rgba(0, 0, 0, 0.4);
   background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-track{
+    background-color:GrayText;
+  }
+}
 .iui-slider-component-container.iui-disabled .iui-slider-min,
 .iui-slider-component-container.iui-disabled .iui-slider-max,
 .iui-slider-component-container.iui-disabled .iui-slider-tick{
@@ -7243,6 +7537,13 @@ label.iui-input-label.iui-disabled{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-min,
+.iui-slider-component-container.iui-disabled .iui-slider-max,
+.iui-slider-component-container.iui-disabled .iui-slider-tick{
+    color:GrayText;
+  }
+}
 
 .iui-slider-container{
   position:relative;
@@ -7257,7 +7558,6 @@ label.iui-input-label.iui-disabled{
 
 .iui-slider-ticks{
   position:relative;
-  padding-top:16px;
   display:flex;
   pointer-events:none;
   justify-content:space-between;
@@ -7271,30 +7571,34 @@ label.iui-input-label.iui-disabled{
   display:flex;
   pointer-events:none;
   justify-content:center;
-  width:1px;
-  height:11px;
-  line-height:44px;
-  margin-bottom:22px;
+  align-items:center;
+}
+.iui-slider-ticks .iui-slider-tick::before{
   background-color:#dde1e4;
   background-color:var(--iui-color-background-4);
 }
+@media (forced-colors: active){
+  .iui-slider-ticks .iui-slider-tick::before{
+    background-color:CanvasText;
+  }
+}
 
 .iui-slider-rail{
   position:absolute;
-  width:100%;
-  height:4px;
-  top:12px;
   background-color:#c7ccd1;
   background-color:var(--iui-color-background-border);
 }
+@media (forced-colors: active){
+  .iui-slider-rail{
+    background-color:CanvasText;
+  }
+}
 
 .iui-slider-thumb{
   position:absolute;
   height:16px;
   width:16px;
   border-radius:100%;
-  top:5px;
-  transform:translateX(-9px);
   z-index:1;
   cursor:-webkit-grab;
   cursor:grab;
@@ -7313,6 +7617,12 @@ label.iui-input-label.iui-disabled{
     outline-offset:-1px;
   }
 }
+@media (forced-colors: active){
+  .iui-slider-thumb{
+    background:Canvas;
+    border:1px solid CanvasText;
+  }
+}
 .iui-slider-thumb:active{
   cursor:-webkit-grabbing;
   cursor:grabbing;
@@ -7321,12 +7631,57 @@ label.iui-input-label.iui-disabled{
 .iui-slider-track{
   pointer-events:none;
   position:absolute;
-  height:4px;
-  left:0;
   top:12px;
   background-color:#008ae0;
   background-color:var(--iui-color-foreground-primary);
 }
+@media (forced-colors: active){
+  .iui-slider-track{
+    background-color:Highlight;
+  }
+}
+
+.iui-slider-min,
+.iui-slider-max{
+  -webkit-user-select:all;
+     -moz-user-select:all;
+          user-select:all;
+}
+.iui-slider-min svg,
+.iui-slider-max svg{
+  fill:rgba(0, 0, 0, 0.4);
+  fill:var(--iui-icons-color);
+  display:inline-flex;
+  width:16px;
+  height:16px;
+  margin-top:4px;
+}
+@media (forced-colors: active){
+  .iui-slider-min svg,
+.iui-slider-max svg{
+    fill:CanvasText;
+  }
+}
+.iui-slider-min svg.iui-informational,
+.iui-slider-max svg.iui-informational{
+  fill:#008ae0;
+  fill:var(--iui-icons-color-primary);
+}
+.iui-slider-min svg.iui-positive,
+.iui-slider-max svg.iui-positive{
+  fill:#53a21a;
+  fill:var(--iui-icons-color-positive);
+}
+.iui-slider-min svg.iui-warning,
+.iui-slider-max svg.iui-warning{
+  fill:#f18d13;
+  fill:var(--iui-icons-color-warning);
+}
+.iui-slider-min svg.iui-negative,
+.iui-slider-max svg.iui-negative{
+  fill:#d10a0a;
+  fill:var(--iui-icons-color-negative);
+}
 
 .iui-surface{
   --iui-surface-background-color:var(--iui-color-background-1);
@@ -7972,7 +8327,7 @@ label.iui-input-label.iui-disabled{
   justify-content:center;
   position:relative;
   box-sizing:border-box;
-  border-radius:3px;
+  border-radius:4px;
   line-height:22px;
   box-shadow:none;
   font-size:14px;
@@ -8129,9 +8484,6 @@ label.iui-input-label.iui-disabled{
 .iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active::after{
   height:2px;
 }
-.iui-tabs-wrapper.iui-vertical .iui-tabs{
-  flex-direction:column;
-}
 .iui-tabs-wrapper.iui-vertical .iui-tabs li,
 .iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{
   width:100%;
@@ -8154,7 +8506,6 @@ label.iui-input-label.iui-disabled{
   border:none;
   vertical-align:baseline;
   position:relative;
-  align-items:center;
   list-style:none;
   -webkit-user-select:none;
      -moz-user-select:none;
@@ -8171,15 +8522,13 @@ label.iui-input-label.iui-disabled{
   display:flex;
   align-items:center;
   font-size:14px;
+  min-height:38px;
+  height:100%;
   cursor:pointer;
+  transition:background-color 0.2s ease-out;
   color:rgba(0, 0, 0, 0.8);
   color:var(--iui-text-color);
 }
-@media (prefers-reduced-motion: no-preference){
-  .iui-tabs .iui-tab{
-    transition:background-color 0.2s ease-out;
-  }
-}
 .iui-tabs .iui-tab.iui-active{
   color:#008ae0;
   color:var(--iui-color-foreground-primary);
@@ -8214,20 +8563,14 @@ label.iui-input-label.iui-disabled{
 .iui-tabs .iui-tab-icon{
   width:16px;
   height:16px;
+  flex-shrink:0;
+  transition:fill 0.2s ease-out;
   fill:rgba(0, 0, 0, 0.8);
   fill:var(--iui-icons-color-actionable);
 }
-@media (prefers-reduced-motion: no-preference){
-  .iui-tabs .iui-tab-icon{
-    transition:fill 0.2s ease-out;
-  }
-}
 .iui-tabs .iui-tab-icon + .iui-tab-label{
   margin-left:8px;
 }
-.iui-tabs .iui-tab-label{
-  text-align:left;
-}
 .iui-tabs .iui-tab-description{
   display:none;
   font-size:12px;
@@ -8266,8 +8609,7 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-foreground-positive);
 }
 .iui-tabs.iui-default .iui-tab{
-  height:38px;
-  padding:0 16px;
+  padding:4px 16px;
   box-sizing:border-box;
   background-color:#f9f9fb;
   border:1px solid #c7ccd1;
@@ -8315,10 +8657,10 @@ label.iui-input-label.iui-disabled{
 }
 
 .iui-tabs.iui-default.iui-large .iui-tab{
-  height:49px;
+  min-height:49px;
 }
 .iui-tabs.iui-default.iui-large .iui-tab-description{
-  display:block;
+  display:-webkit-box;
 }
 .iui-tabs.iui-default.iui-green .iui-tab::after{
   background-color:#53a21a;
@@ -8333,8 +8675,7 @@ label.iui-input-label.iui-disabled{
   border:1px solid var(--iui-color-background-5);
 }
 .iui-tabs.iui-borderless .iui-tab{
-  height:38px;
-  padding:0 24px;
+  padding:4px 24px;
   background-color:transparent;
 }
 .iui-tabs.iui-borderless .iui-tab::after{
@@ -8368,10 +8709,10 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
 }
 .iui-tabs.iui-borderless.iui-large .iui-tab{
-  height:49px;
+  min-height:49px;
 }
 .iui-tabs.iui-borderless.iui-large .iui-tab-description{
-  display:block;
+  display:-webkit-box;
 }
 .iui-tabs.iui-borderless .iui-tab[disabled]:hover{
   background-color:transparent;
@@ -8391,11 +8732,11 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
 }
 .iui-tabs.iui-pill .iui-tab{
-  height:38px;
+  padding:4px;
   background-color:transparent;
   width:100%;
   justify-content:center;
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-tabs.iui-pill .iui-tab::after{
   bottom:0;
@@ -8459,18 +8800,33 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-foreground-positive);
 }
 
+.iui-tab-label{
+  text-align:left;
+  max-width:60ch;
+}
+.iui-tab-label > *{
+  overflow:hidden;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+}
+@supports (-webkit-line-clamp: 1){
+  .iui-tab-label > *{
+    white-space:unset;
+    display:-webkit-box;
+    -webkit-line-clamp:3;
+    -webkit-box-orient:vertical;
+  }
+}
+
 .iui-tag{
-  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;
   height:33px;
-  margin:3px 0;
+  margin-top:3px;
+  margin-bottom:3px;
   border-radius:9999px;
   box-sizing:border-box;
   padding:0 2px;
@@ -8493,10 +8849,6 @@ label.iui-input-label.iui-disabled{
 }
 
 .iui-tag-basic{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
   -webkit-user-select:all;
      -moz-user-select:all;
           user-select:all;
@@ -8534,7 +8886,7 @@ a.iui-tag-basic{
   -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;
+  border-radius:4px;
   box-sizing:border-box;
   cursor:pointer;
   text-decoration:none;
@@ -8620,7 +8972,7 @@ a.iui-tag-basic:focus-visible{
   overflow-x:scroll;
 }
 .iui-tag-container.iui-visible{
-  border-radius:3px;
+  border-radius:4px;
   padding:3px 12px;
   background-color:#edeff2;
   background-color:var(--iui-color-background-3);
@@ -8698,7 +9050,7 @@ a.iui-tag-basic:focus-visible{
       -ms-user-select:none;
           user-select:none;
   color:transparent;
-  border-radius:3px;
+  border-radius:4px;
   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));
@@ -8844,6 +9196,92 @@ a.iui-tag-basic:focus-visible{
   margin-bottom:0;
   -webkit-line-clamp:2;
 }
+.iui-tile.iui-progress{
+  cursor:progress;
+  font-style:italic;
+}
+.iui-tile[aria-disabled=true]{
+  cursor:not-allowed;
+}
+.iui-tile[aria-disabled=true] .iui-tile-name-label{
+  color:var(--iui-text-color-muted);
+}
+.iui-tile[aria-disabled=true] .iui-thumbnail-icon,
+.iui-tile[aria-disabled=true] .iui-tile-thumbnail-picture{
+  filter:grayscale(100%);
+}
+.iui-tile[aria-disabled=true]:hover .iui-tile-thumbnail-picture, .iui-tile[aria-disabled=true]:focus-within .iui-tile-thumbnail-picture{
+  transform:none;
+}
+.iui-tile[aria-disabled=true] .iui-tile-more-options{
+  display:none;
+}
+.iui-tile.iui-positive::-moz-selection, .iui-tile.iui-positive *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-positive::selection,
+.iui-tile.iui-positive *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-positive .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-positive.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-positive);
+}
+
+.iui-tile.iui-positive .iui-tile-name-label{
+  color:var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-positive .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-warning::-moz-selection, .iui-tile.iui-warning *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-warning::selection,
+.iui-tile.iui-warning *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-warning .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-warning.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-warning);
+}
+
+.iui-tile.iui-warning .iui-tile-name-label{
+  color:var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-warning .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-negative::-moz-selection, .iui-tile.iui-negative *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-negative::selection,
+.iui-tile.iui-negative *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-negative .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-negative);
+}
+.iui-tile.iui-negative.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-negative);
+}
+
+.iui-tile.iui-negative .iui-tile-name-label{
+  color:var(--iui-color-foreground-negative);
+}
+.iui-tile.iui-negative .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-negative);
+}
 
 .iui-tile-thumbnail-type-indicator{
   border-color:transparent;
@@ -9011,6 +9449,11 @@ a.iui-tag-basic:focus-visible{
   width:64px;
   height:64px;
 }
+@media (forced-colors: active){
+  .iui-tile-thumbnail .iui-thumbnail-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -9128,6 +9571,11 @@ div.iui-tile-thumbnail-picture{
   margin-right:8px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tile-content .iui-tile-status-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-content .iui-tile-status-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -9191,6 +9639,12 @@ div.iui-tile-thumbnail-picture{
   margin-right:8px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tile-content .iui-tile-metadata > svg,
+.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-content .iui-tile-metadata > svg.iui-informational,
 .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
   fill:#008ae0;
@@ -9277,7 +9731,7 @@ div.iui-tile-thumbnail-picture{
 }
 .iui-time > ol > li{
   padding:6px 16px;
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-time > ol > li:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -9336,7 +9790,7 @@ div.iui-tile-thumbnail-picture{
 }
 .iui-period > ol > li{
   padding:6px 16px;
-  border-radius:3px;
+  border-radius:4px;
 }
 .iui-period > ol > li:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -9456,7 +9910,7 @@ div.iui-tile-thumbnail-picture{
   pointer-events:all;
   margin:0 16px 11px 16px;
   min-height:44px;
-  border-radius:3px;
+  border-radius:4px;
   background-color:white;
   border:1px solid black;
   box-shadow:0 0 0 1px rgba(255, 255, 255, 0.4), 0 9px 46px rgba(0, 0, 0, 0.25);
@@ -9496,7 +9950,7 @@ div.iui-tile-thumbnail-picture{
 }
 .iui-toast-anchor{
   text-decoration:underline;
-  border-radius:3px;
+  border-radius:4px;
   cursor:pointer;
   font-size:12px;
   margin-right:16px;
@@ -9966,7 +10420,7 @@ div.iui-tile-thumbnail-picture{
   vertical-align:baseline;
   display:block;
   text-align:center;
-  border-radius:3px;
+  border-radius:4px;
   font-size:12px;
   overflow:hidden;
   max-width:400px;
@@ -10055,6 +10509,11 @@ div.iui-tile-thumbnail-picture{
   margin:0 6px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tree-node-content-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tree-node-content-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);