@itwin/itwinui-css 0.44.1 → 0.46.1

package/css/all.css

@@ -656,7 +656,6 @@ html.iui-theme-dark{
   box-sizing:border-box;
   border-radius:3px;
   line-height:22px;
-  outline:none;
   box-shadow:none;
   font-size:14px;
   font-weight:400;
@@ -1070,6 +1069,100 @@ html.iui-theme-dark{
   transition:fill 0.2s ease-out;
   fill:currentColor; }
 
+.iui-carousel{
+  overflow:hidden;
+  border-radius:3px; }
+  .iui-carousel:focus-visible{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:4px; }
+  @supports not selector(*:focus-visible){
+    .iui-carousel:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:4px; } }
+
+.iui-carousel-slider{
+  display:flex;
+  list-style:none;
+  margin:0;
+  padding:0; }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-carousel-slider{
+      transition:transform 0.8s ease-in-out; } }
+  .iui-carousel-slider-item{
+    width:100%;
+    flex-shrink:0;
+    box-sizing:border-box; }
+
+.iui-carousel-navigation{
+  display:flex;
+  align-items:center;
+  height:33px;
+  box-sizing:border-box;
+  border-top:2px solid #DCE0E3;
+  border-top:2px solid var(--iui-color-background-4); }
+  .iui-carousel-navigation-dots, .iui-carousel-navigation-left, .iui-carousel-navigation-right{
+    display:flex;
+    align-items:center;
+    flex:1; }
+    .iui-carousel-navigation-dots button[data-pressed='true'], .iui-carousel-navigation-left button[data-pressed='true'], .iui-carousel-navigation-right button[data-pressed='true']{
+      outline-offset:-1px;
+      outline:1px solid #008BE1;
+      outline:1px solid var(--iui-color-foreground-primary); }
+  .iui-carousel-navigation-dots{
+    margin:0;
+    padding:0;
+    border:none;
+    vertical-align:baseline;
+    border-radius:3px;
+    white-space:nowrap;
+    overflow:hidden;
+    justify-content:center;
+    list-style:none; }
+    .iui-carousel-navigation-dots:focus-visible{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; }
+    @supports not selector(*:focus-visible){
+      .iui-carousel-navigation-dots:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; } }
+  .iui-carousel-navigation-dot{
+    padding:0 8px;
+    height:27px;
+    gap:4px;
+    background-color:transparent;
+    border:none;
+    cursor:pointer; }
+    .iui-carousel-navigation-dot:hover::after{
+      background-color:rgba(0, 0, 0, 0.6);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
+    .iui-carousel-navigation-dot.iui-invisible{
+      display:none; }
+    .iui-carousel-navigation-dot::after{
+      content:'';
+      display:block;
+      width:12px;
+      height:12px;
+      border-radius:50%;
+      transition:background-color 0.2s ease;
+      background-color:rgba(0, 0, 0, 0.4);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
+      @media (prefers-reduced-motion: no-preference){
+        .iui-carousel-navigation-dot::after{
+          transition:background-color 0.2s 0.2s ease, transform 0.4s ease; } }
+    .iui-carousel-navigation-dot.iui-first::after{
+      transform:scale(0.5); }
+    .iui-carousel-navigation-dot.iui-second::after{
+      transform:scale(0.75); }
+    .iui-carousel-navigation-dot.iui-invisible::after{
+      transform:scale(0);
+      background-color:rgba(0, 0, 0, 0);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), 0); }
+    .iui-carousel-navigation-dot.iui-active::after{
+      background-color:#008BE1;
+      background-color:var(--iui-color-foreground-primary); }
+  .iui-carousel-navigation-right{
+    justify-content:flex-end; }
+
 .iui-code{
   margin:0;
   padding:0;
@@ -2472,9 +2565,9 @@ html.iui-theme-dark{
     .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
       margin-top:3px; }
   .iui-input-container .iui-input,
+  .iui-input-container .iui-input-with-icon,
   .iui-input-container .iui-textarea,
-  .iui-input-container .iui-input-group,
-  .iui-input-container .iui-select{
+  .iui-input-container .iui-input-group{
     -ms-grid-row:2;
     -ms-grid-column:1;
     -ms-grid-column-span:2;
@@ -2498,9 +2591,9 @@ html.iui-theme-dark{
     div.iui-input-container.iui-inline-label{
       -ms-grid-columns:auto min-content auto; }
     .iui-input-container.iui-inline-label .iui-input,
+    .iui-input-container.iui-inline-label .iui-input-with-icon,
     .iui-input-container.iui-inline-label .iui-textarea,
-    .iui-input-container.iui-inline-label .iui-input-group,
-    .iui-input-container.iui-inline-label .iui-select{
+    .iui-input-container.iui-inline-label .iui-input-group{
       -ms-grid-row:1;
       -ms-grid-column:2; }
     .iui-input-container.iui-inline-label .iui-input-icon{
@@ -2544,7 +2637,7 @@ html.iui-theme-dark{
       margin-left:4px;
       color:#D30A0A;
       color:var(--iui-color-foreground-negative); }
-  .iui-input-container > .iui-input-icon{
+  .iui-input-container .iui-input-icon{
     -ms-grid-row:3;
     -ms-grid-column:1;
     display:flex;
@@ -2555,7 +2648,7 @@ html.iui-theme-dark{
         align-self:center;
     fill:rgba(0, 0, 0, 0.4);
     fill:var(--iui-icons-color); }
-    .iui-input-container > .iui-input-icon:not(:last-child){
+    .iui-input-container .iui-input-icon:not(:last-child){
       margin-right:4px; }
   .iui-input-container .iui-message{
     -ms-grid-row:3;
@@ -2570,19 +2663,17 @@ html.iui-theme-dark{
          -moz-user-select:none;
           -ms-user-select:none;
               user-select:none; }
-  .iui-input-container.iui-inline-label > .iui-label{
-    margin:0 16px 0 0;
-    -ms-grid-column-span:1; }
-    .iui-input-container.iui-inline-label > .iui-label.iui-required{
-      margin-right:6px; }
   .iui-input-container.iui-inline-icon > .iui-input-icon{
     -ms-grid-row:1;
     -ms-grid-column:3;
     grid-area:inputs;
     -ms-grid-column-align:end;
         justify-self:end;
-    margin:0 12px 0 0;
+    margin:0 14px 0 0;
     position:relative; }
+    .iui-input-container.iui-inline-icon > .iui-input-icon svg{
+      width:16px;
+      height:16px; }
     .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
       height:100%;
       width:-webkit-fit-content;
@@ -2594,7 +2685,7 @@ html.iui-theme-dark{
     .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
       align-items:center;
       height:90%;
-      margin-right:1px;
+      margin-right:2px;
       padding:0 12px;
       cursor:pointer;
       background-position:center;
@@ -2606,13 +2697,21 @@ html.iui-theme-dark{
         background-size:100%;
         transition:background 0s; }
       .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
-        width:16px;
-        height:16px;
         fill:rgba(0, 0, 0, 0.4);
         fill:var(--iui-icons-color);
         transition:transform 0.2s ease-out; }
       .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
         transform:rotate(180deg); }
+    .iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled{
+      cursor:not-allowed; }
+      .iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
+        fill:rgba(0, 0, 0, 0.2);
+        fill:var(--iui-icons-color-actionable-disabled); }
+  .iui-input-container.iui-inline-label > .iui-label{
+    margin:0 16px 0 0;
+    -ms-grid-column-span:1; }
+    .iui-input-container.iui-inline-label > .iui-label.iui-required{
+      margin-right:6px; }
   .iui-input-container.iui-positive *::-moz-selection{
     background-color:rgba(83, 162, 26, 0.4);
     background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
@@ -2633,29 +2732,39 @@ html.iui-theme-dark{
         text-decoration:none;
         color:#3c7613;
         color:var(--iui-color-foreground-positive-overlay); }
-  .iui-input-container.iui-positive > .iui-input,
-  .iui-input-container.iui-positive > .iui-textarea,
-  .iui-input-container.iui-positive > .iui-select > .iui-select-button{
+  .iui-input-container.iui-positive .iui-input,
+  .iui-input-container.iui-positive .iui-textarea{
     padding-bottom:6px;
     border-bottom:2px solid #53A21A;
     border-bottom:2px solid var(--iui-color-foreground-positive); }
-    .iui-input-container.iui-positive > .iui-input.iui-small,
-    .iui-input-container.iui-positive > .iui-textarea.iui-small,
-    .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{
+    .iui-input-container.iui-positive .iui-input.iui-small,
+    .iui-input-container.iui-positive .iui-textarea.iui-small{
       padding-bottom:0.5px; }
-    .iui-input-container.iui-positive > .iui-input.iui-large,
-    .iui-input-container.iui-positive > .iui-textarea.iui-large,
-    .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{
+    .iui-input-container.iui-positive .iui-input.iui-large,
+    .iui-input-container.iui-positive .iui-textarea.iui-large{
       padding-bottom:11.5px; }
-    .iui-input-container.iui-positive > .iui-input:focus,
-    .iui-input-container.iui-positive > .iui-textarea:focus,
-    .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{
+    .iui-input-container.iui-positive .iui-input:focus,
+    .iui-input-container.iui-positive .iui-textarea:focus{
       border-bottom:2px solid #53A21A;
       outline:2px solid #53A21A;
       outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-positive);
       outline:2px solid var(--iui-color-foreground-positive);
       outline-offset:-2px; }
+  .iui-input-container.iui-positive .iui-input-with-icon{
+    --_hover-color:var(--iui-color-foreground-positive);
+    --_focus-color:var(--iui-color-foreground-positive); }
+  .iui-input-container.iui-positive .iui-select-button{
+    border-bottom:transparent; }
+    .iui-input-container.iui-positive .iui-select-button::after{
+      content:'';
+      width:100%;
+      position:absolute;
+      bottom:0;
+      left:0;
+      height:2px;
+      background-color:#53A21A;
+      background-color:var(--iui-color-foreground-positive); }
   .iui-input-container.iui-negative *::-moz-selection{
     background-color:rgba(211, 10, 10, 0.4);
     background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
@@ -2676,29 +2785,39 @@ html.iui-theme-dark{
         text-decoration:none;
         color:#a20808;
         color:var(--iui-color-foreground-negative-overlay); }
-  .iui-input-container.iui-negative > .iui-input,
-  .iui-input-container.iui-negative > .iui-textarea,
-  .iui-input-container.iui-negative > .iui-select > .iui-select-button{
+  .iui-input-container.iui-negative .iui-input,
+  .iui-input-container.iui-negative .iui-textarea{
     padding-bottom:6px;
     border-bottom:2px solid #D30A0A;
     border-bottom:2px solid var(--iui-color-foreground-negative); }
-    .iui-input-container.iui-negative > .iui-input.iui-small,
-    .iui-input-container.iui-negative > .iui-textarea.iui-small,
-    .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{
+    .iui-input-container.iui-negative .iui-input.iui-small,
+    .iui-input-container.iui-negative .iui-textarea.iui-small{
       padding-bottom:0.5px; }
-    .iui-input-container.iui-negative > .iui-input.iui-large,
-    .iui-input-container.iui-negative > .iui-textarea.iui-large,
-    .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{
+    .iui-input-container.iui-negative .iui-input.iui-large,
+    .iui-input-container.iui-negative .iui-textarea.iui-large{
       padding-bottom:11.5px; }
-    .iui-input-container.iui-negative > .iui-input:focus,
-    .iui-input-container.iui-negative > .iui-textarea:focus,
-    .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{
+    .iui-input-container.iui-negative .iui-input:focus,
+    .iui-input-container.iui-negative .iui-textarea:focus{
       border-bottom:2px solid #D30A0A;
       outline:2px solid #D30A0A;
       outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-negative);
       outline:2px solid var(--iui-color-foreground-negative);
       outline-offset:-2px; }
+  .iui-input-container.iui-negative .iui-input-with-icon{
+    --_hover-color:var(--iui-color-foreground-negative);
+    --_focus-color:var(--iui-color-foreground-negative); }
+  .iui-input-container.iui-negative .iui-select-button{
+    border-bottom:transparent; }
+    .iui-input-container.iui-negative .iui-select-button::after{
+      content:'';
+      width:100%;
+      position:absolute;
+      bottom:0;
+      left:0;
+      height:2px;
+      background-color:#D30A0A;
+      background-color:var(--iui-color-foreground-negative); }
   .iui-input-container.iui-warning *::-moz-selection{
     background-color:rgba(241, 139, 18, 0.4);
     background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
@@ -2719,29 +2838,39 @@ html.iui-theme-dark{
         text-decoration:none;
         color:#c4700c;
         color:var(--iui-color-foreground-warning-overlay); }
-  .iui-input-container.iui-warning > .iui-input,
-  .iui-input-container.iui-warning > .iui-textarea,
-  .iui-input-container.iui-warning > .iui-select > .iui-select-button{
+  .iui-input-container.iui-warning .iui-input,
+  .iui-input-container.iui-warning .iui-textarea{
     padding-bottom:6px;
     border-bottom:2px solid #F18B12;
     border-bottom:2px solid var(--iui-color-foreground-warning); }
-    .iui-input-container.iui-warning > .iui-input.iui-small,
-    .iui-input-container.iui-warning > .iui-textarea.iui-small,
-    .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{
+    .iui-input-container.iui-warning .iui-input.iui-small,
+    .iui-input-container.iui-warning .iui-textarea.iui-small{
       padding-bottom:0.5px; }
-    .iui-input-container.iui-warning > .iui-input.iui-large,
-    .iui-input-container.iui-warning > .iui-textarea.iui-large,
-    .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{
+    .iui-input-container.iui-warning .iui-input.iui-large,
+    .iui-input-container.iui-warning .iui-textarea.iui-large{
       padding-bottom:11.5px; }
-    .iui-input-container.iui-warning > .iui-input:focus,
-    .iui-input-container.iui-warning > .iui-textarea:focus,
-    .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{
+    .iui-input-container.iui-warning .iui-input:focus,
+    .iui-input-container.iui-warning .iui-textarea:focus{
       border-bottom:2px solid #F18B12;
       outline:2px solid #F18B12;
       outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-warning);
       outline:2px solid var(--iui-color-foreground-warning);
       outline-offset:-2px; }
+  .iui-input-container.iui-warning .iui-input-with-icon{
+    --_hover-color:var(--iui-color-foreground-warning);
+    --_focus-color:var(--iui-color-foreground-warning); }
+  .iui-input-container.iui-warning .iui-select-button{
+    border-bottom:transparent; }
+    .iui-input-container.iui-warning .iui-select-button::after{
+      content:'';
+      width:100%;
+      position:absolute;
+      bottom:0;
+      left:0;
+      height:2px;
+      background-color:#F18B12;
+      background-color:var(--iui-color-foreground-warning); }
 
 .iui-input-label{
   font-weight:600;
@@ -2849,7 +2978,70 @@ html.iui-theme-dark{
     border-color:#EEF0F3;
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled);
+    cursor:not-allowed;
+    --_hover-color:var(--iui-color-background-disabled); }
+
+.iui-select-button{
+  width:100%;
+  margin:0;
+  border-radius:3px;
+  box-sizing:border-box;
+  padding:7px 12px;
+  min-height:38px;
+  transition:border-color 0.2s ease-out;
+  display:flex;
+  align-items:center;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  position:relative;
+  overflow:hidden;
+  color:rgba(0, 0, 0, 0.8);
+  background-color:#FFF;
+  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)); }
+  .iui-select-button:focus-visible{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-2px; }
+  @supports not selector(*:focus-visible){
+    .iui-select-button:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-2px; } }
+  .iui-select-button.iui-small{
+    padding-top:1.5px;
+    padding-bottom:1.5px;
+    min-height:27px; }
+  .iui-select-button.iui-large{
+    padding-top:12.5px;
+    padding-bottom:12.5px;
+    min-height:49px;
+    font-size:16px; }
+  .iui-select-button.iui-disabled{
+    background-color:#EEF0F3;
+    border-color:#EEF0F3;
+    background-color:var(--iui-color-background-disabled);
+    border-color:var(--iui-color-background-disabled);
+    --_hover-color:var(--iui-color-background-disabled);
     cursor:not-allowed; }
+  .iui-select-button .iui-icon{
+    width:16px;
+    height:16px;
+    flex:0 0 auto;
+    fill:rgba(0, 0, 0, 0.8);
+    fill:var(--iui-icons-color-actionable);
+    fill:currentColor; }
+    .iui-select-button .iui-icon + .iui-content{
+      margin-left:8px; }
+  .iui-select-button .iui-content{
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis; }
+  .iui-select-button.iui-placeholder{
+    color:rgba(0, 0, 0, 0.2);
+    color:var(--iui-text-color-placeholder); }
 
 .iui-textarea{
   margin:0;
@@ -2937,221 +3129,110 @@ html.iui-theme-dark{
     border-color:#EEF0F3;
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled);
-    cursor:not-allowed; }
+    cursor:not-allowed;
+    --_hover-color:var(--iui-color-background-disabled); }
   .iui-textarea[disabled], .iui-textarea[readonly]{
     resize:none; }
 
-.iui-select{
+.iui-input-with-icon{
+  display:-ms-grid;
+  display:grid;
+  align-items:center;
+  cursor:pointer; }
+  .iui-input-with-icon > :first-child{
+    -ms-grid-row:1;
+    grid-area:1 / -1;
+    padding-right:40px; }
+  .iui-input-with-icon:focus-within > :first-child{
+    outline:2px solid var(--_focus-color, var(--iui-color-foreground-primary));
+    outline-offset:-2px; }
+  .iui-input-with-icon:hover > :first-child{
+    border-color:var(--_hover-color, rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2))); }
+
+.iui-end-icon{
+  -ms-grid-row:1;
+  -ms-grid-column:3;
+  grid-area:inputs;
+  -ms-grid-column-align:end;
+      justify-self:end;
+  margin:0 14px 0 0;
+  position:relative;
+  display:flex;
+  grid-area:1 / -1; }
+  .iui-end-icon svg{
+    width:16px;
+    height:16px; }
+  .iui-end-icon.iui-button{
+    height:100%;
+    width:-webkit-fit-content;
+    width:-moz-fit-content;
+    width:fit-content;
+    margin-right:0;
+    border-top-left-radius:0;
+    border-bottom-left-radius:0; }
+  .iui-end-icon.iui-actionable{
+    align-items:center;
+    height:90%;
+    margin-right:2px;
+    padding:0 12px;
+    cursor:pointer;
+    background-position:center;
+    transition:background 0.4s ease-out; }
+    .iui-end-icon.iui-actionable:hover{
+      background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
+    .iui-end-icon.iui-actionable:active{
+      background-color:var(--iui-color-background-2);
+      background-size:100%;
+      transition:background 0s; }
+    .iui-end-icon.iui-actionable svg{
+      fill:rgba(0, 0, 0, 0.4);
+      fill:var(--iui-icons-color);
+      transition:transform 0.2s ease-out; }
+    .iui-end-icon.iui-actionable.iui-open svg{
+      transform:rotate(180deg); }
+  .iui-end-icon.iui-disabled{
+    cursor:not-allowed; }
+    .iui-end-icon.iui-disabled svg{
+      fill:rgba(0, 0, 0, 0.2);
+      fill:var(--iui-icons-color-actionable-disabled); }
+
+.iui-checkbox{
   margin:0;
   padding:0;
   border:none;
   vertical-align:baseline;
   display:flex;
-  flex-direction:column;
+  align-items:center;
+  font-size:14px;
+  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;
-  width:100%;
-  min-width:0; }
-  .iui-select > .iui-select-button{
-    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;
+  cursor:pointer;
+  color:rgba(0, 0, 0, 0.8);
+  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
+  .iui-checkbox > input{
+    width:0;
+    height:0;
     -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:#FFF;
-    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));
+    opacity:0;
+    position:absolute; }
+  .iui-checkbox.iui-disabled{
+    cursor:not-allowed; }
+  .iui-checkbox .iui-checkbox-checkmark,
+  .iui-checkbox .iui-radio-dot{
+    width:16px;
+    height:16px;
+    margin:0;
     display:flex;
-    align-items:center;
-    min-height:38px;
-    padding-right:32px;
-    -webkit-user-select:none;
-       -moz-user-select:none;
-        -ms-user-select:none;
-            user-select:none;
-    position:relative; }
-    .iui-select > .iui-select-button:focus-visible{
-      outline:2px solid var(--iui-color-foreground-primary);
-      outline-offset:-2px; }
-    @supports not selector(*:focus-visible){
-      .iui-select > .iui-select-button:focus{
-        outline:2px solid var(--iui-color-foreground-primary);
-        outline-offset:-2px; } }
-    @media (prefers-reduced-motion: no-preference){
-      .iui-select > .iui-select-button{
-        transition:border-color 0.2s ease-out; } }
-    .iui-select > .iui-select-button.iui-small{
-      padding-top:1.5px;
-      padding-bottom:1.5px;
-      min-height:27px; }
-    .iui-select > .iui-select-button.iui-large{
-      padding-top:12.5px;
-      padding-bottom:12.5px;
-      min-height:49px;
-      font-size:16px; }
-    .iui-select > .iui-select-button::-moz-placeholder{
-      -moz-user-select:none;
-           user-select:none;
-      color:rgba(0, 0, 0, 0.2);
-      color:var(--iui-text-color-placeholder); }
-    .iui-select > .iui-select-button:-ms-input-placeholder{
-      -ms-user-select:none;
-          user-select:none;
-      color:rgba(0, 0, 0, 0.2);
-      color:var(--iui-text-color-placeholder); }
-    .iui-select > .iui-select-button::placeholder{
-      -webkit-user-select:none;
-         -moz-user-select:none;
-          -ms-user-select:none;
-              user-select:none;
-      color:rgba(0, 0, 0, 0.2);
-      color:var(--iui-text-color-placeholder); }
-    .iui-select > .iui-select-button:-webkit-autofill{
-      border-color:#008be1;
-      color:#008be1;
-      background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
-      border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-      color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-      background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
-    .iui-select > .iui-select-button:autofill{
-      border-color:#008be1;
-      color:#008be1;
-      background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
-      border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-      color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-      background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
-    .iui-select > .iui-select-button:hover{
-      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-select > .iui-select-button:hover{
-          transition:border-color 0.2s ease-out; } }
-    .iui-select > .iui-select-button[disabled]{
-      background-color:#EEF0F3;
-      border-color:#EEF0F3;
-      background-color:var(--iui-color-background-disabled);
-      border-color:var(--iui-color-background-disabled);
-      cursor:not-allowed; }
-    .iui-select > .iui-select-button:focus-visible{
-      outline:2px solid var(--iui-color-foreground-primary);
-      outline-offset:-2px; }
-    @supports not selector(*:focus-visible){
-      .iui-select > .iui-select-button:focus{
-        outline:2px solid var(--iui-color-foreground-primary);
-        outline-offset:-2px; } }
-    @media (prefers-reduced-motion: no-preference){
-      .iui-select > .iui-select-button{
-        transition:border-color 0.2s ease-out; } }
-    .iui-select > .iui-select-button > .iui-icon{
-      width:16px;
-      height:16px;
-      flex:0 0 auto;
-      fill:rgba(0, 0, 0, 0.8);
-      fill:var(--iui-icons-color-actionable); }
-      .iui-select > .iui-select-button > .iui-icon + .iui-content{
-        margin-left:8px; }
-    .iui-select > .iui-select-button > .iui-content{
-      overflow:hidden;
-      white-space:nowrap;
-      text-overflow:ellipsis; }
-    .iui-select > .iui-select-button.iui-placeholder{
-      color:rgba(0, 0, 0, 0.2);
-      color:var(--iui-text-color-placeholder); }
-    .iui-select > .iui-select-button::after{
-      content:'';
-      position:absolute;
-      top:50%;
-      right:16px;
-      transform:translateY(-50%);
-      width:0;
-      height:0;
-      border-left:5px solid transparent;
-      border-right:5px solid transparent;
-      border-top:5px solid rgba(0, 0, 0, 0.8);
-      border-top:5px solid var(--iui-icons-color-actionable); }
-    .iui-select > .iui-select-button:hover{
-      border-color:rgba(0, 0, 0, 0.8);
-      border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
-      .iui-select > .iui-select-button:hover::after{
-        border-bottom:none;
-        border-top:5px solid black;
-        border-top:5px solid var(--iui-icons-color-actionable-hover); }
-    .iui-select > .iui-select-button.iui-active::after{
-      border-top:none;
-      border-bottom:5px solid rgba(0, 0, 0, 0.8);
-      border-bottom:5px solid var(--iui-icons-color-actionable); }
-    .iui-select > .iui-select-button.iui-active:hover::after{
-      border-bottom:5px solid black;
-      border-bottom:5px solid var(--iui-icons-color-actionable-hover); }
-    .iui-select > .iui-select-button.iui-disabled{
-      cursor:not-allowed;
-      background-color:#EEF0F3;
-      border-color:#EEF0F3;
-      background-color:var(--iui-color-background-disabled);
-      border-color:var(--iui-color-background-disabled); }
-      .iui-select > .iui-select-button.iui-disabled::after{
-        border-top:5px solid rgba(0, 0, 0, 0.2);
-        border-top:5px solid var(--iui-icons-color-actionable-disabled); }
-  .iui-select.iui-small .iui-select-button{
-    padding-top:1.5px;
-    padding-bottom:1.5px;
-    min-height:27px; }
-  .iui-select.iui-large .iui-select-button{
-    padding-top:12.5px;
-    padding-bottom:12.5px;
-    min-height:49px;
-    font-size:16px; }
-
-.iui-checkbox{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  align-items:center;
-  font-size:14px;
-  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;
-  cursor:pointer;
-  color:rgba(0, 0, 0, 0.8);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
-  .iui-checkbox > input{
-    width:0;
-    height:0;
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
-    opacity:0;
-    position:absolute; }
-  .iui-checkbox.iui-disabled{
-    cursor:not-allowed; }
-  .iui-checkbox .iui-checkbox-checkmark,
-  .iui-checkbox .iui-radio-dot{
-    width:16px;
-    height:16px;
-    margin:0;
-    display:flex;
-    flex-shrink:0;
-    justify-content:center;
+    flex-shrink:0;
+    justify-content:center;
     align-items:center;
     position:relative;
     isolation:isolate;
@@ -4123,6 +4204,15 @@ html.iui-theme-dark{
         box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
         box-shadow:0 0 0 0 rgba(var(--iui-color-foreground-accessory-rgb), 0); } } }
 
+.iui-popover{ }
+  .iui-popover.tippy-box{
+    all:revert; }
+    .iui-popover.tippy-box[data-reference-hidden]{
+      visibility:visible;
+      pointer-events:auto; }
+  .iui-popover .tippy-content{
+    all:revert; }
+
 .iui-progress-indicator-linear{
   margin:0;
   padding:0;
@@ -4866,7 +4956,7 @@ html.iui-theme-dark{
         scroll-snap-type:y mandatory; }
     .iui-table-body.iui-scroll-snapping .iui-row{
       scroll-snap-align:start none; }
-  .iui-table-body.iui-zebra-striping > .iui-row:nth-child(even):not(.iui-selected){
+  .iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
     background-color:rgba(0, 0, 0, 0.02);
     background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
   .iui-table-body .iui-row{
@@ -5199,7 +5289,6 @@ html.iui-theme-dark{
   box-sizing:border-box;
   border-radius:3px;
   line-height:22px;
-  outline:none;
   box-shadow:none;
   font-size:14px;
   font-weight:400;
@@ -5776,326 +5865,366 @@ a.iui-tag{
   color:rgba(0, 0, 0, 0.8);
   background-color:var(--iui-color-background-1);
   color:var(--iui-text-color); }
-  .iui-tile .iui-thumbnail{
-    width:100%;
-    height:154px;
-    flex-shrink:0;
-    overflow:hidden;
-    position:relative;
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    background-color:#f2f2f2;
-    border-bottom:1px solid #DCE0E3;
-    background-color:var(--iui-color-background-1-overlay);
-    border-bottom:1px solid var(--iui-color-background-4); }
-    .iui-tile .iui-thumbnail > .iui-type-indicator,
-    .iui-tile .iui-thumbnail > .iui-quick-action{
-      border-color:transparent;
-      background-color:transparent;
-      padding:0 8px;
-      height:38px;
-      gap:8px;
-      padding:0 2px;
-      height:27px;
-      gap:4px;
-      position:absolute;
-      border-radius:50%;
-      top:6px; }
-      .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
-      .iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
-        margin-left:3px;
-        margin-right:3px; }
-      .iui-tile .iui-thumbnail > .iui-type-indicator:hover,
-      .iui-tile .iui-thumbnail > .iui-quick-action: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-tile .iui-thumbnail > .iui-type-indicator.iui-active,
-      .iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
-        background-color:rgba(0, 139, 225, 0.1);
-        color:#008BE1;
-        background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
-        color:var(--iui-color-foreground-primary);
-        border-color:transparent; }
-      .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
-      .iui-tile .iui-thumbnail > .iui-quick-action[disabled],
-      .iui-tile .iui-thumbnail > .iui-quick-action:disabled{
-        cursor:not-allowed;
-        background:#EEF0F3;
-        border-color:#EEF0F3;
-        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-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
-        .iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
-        .iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
-          background-color:rgba(0, 0, 0, 0.05);
-          background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
-    .iui-tile .iui-thumbnail > .iui-type-indicator{
-      left:8px; }
-    .iui-tile .iui-thumbnail > .iui-quick-action{
-      right:8px; }
-    .iui-tile .iui-thumbnail > .iui-badge-container{
-      position:absolute;
-      bottom:6px;
-      width:calc(100% - 2 * 12px);
-      height:auto;
-      right:12px;
-      display:flex;
-      justify-content:flex-end;
-      overflow:hidden; }
-      .iui-tile .iui-thumbnail > .iui-badge-container > .iui-badge:not(:last-child){
-        margin-right:4px; }
-    .iui-tile .iui-thumbnail .iui-thumbnail-icon{
-      fill:rgba(0, 0, 0, 0.4);
-      fill:var(--iui-icons-color);
-      display:inline-flex;
-      width:64px;
-      height:64px; }
-      .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-informational{
-        fill:#008BE1;
-        fill:var(--iui-icons-color-primary); }
-      .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-positive{
-        fill:#53A21A;
-        fill:var(--iui-icons-color-positive); }
-      .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-warning{
-        fill:#F18B12;
-        fill:var(--iui-icons-color-warning); }
-      .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-negative{
-        fill:#D30A0A;
-        fill:var(--iui-icons-color-negative); }
-    .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
-      z-index:1;
-      cursor:pointer;
-      fill:rgba(255, 255, 255, 0.6);
-      filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
-      fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
-      filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
-      @media (prefers-reduced-motion: no-preference){
-        .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
-          transition:fill 0.2s ease; } }
-      .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon:hover{
-        fill:rgba(255, 255, 255, 0.8);
-        fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
-    .iui-tile .iui-thumbnail > .iui-picture{
-      width:100%;
-      height:100%;
-      position:absolute;
-      top:0;
-      left:0; }
-      @media (prefers-reduced-motion: no-preference){
-        .iui-tile .iui-thumbnail > .iui-picture{
-          transition:transform 0.4s ease; } }
-      div.iui-tile .iui-thumbnail > .iui-picture{
-        background-position:center;
-        background-size:cover; }
-    .iui-tile .iui-thumbnail > .iui-picture + .iui-button,
-    .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
-      background-color:rgba(0, 0, 0, 0.4);
-      background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
-      @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button,
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
-          background-color:rgba(0, 0, 0, 0.2);
-          -webkit-backdrop-filter:blur(5px);
-                  backdrop-filter:blur(5px);
-          background-color:rgba(0, 0, 0, var(--iui-opacity-5));
-          backdrop-filter:blur(5px); } }
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
-        fill:#FFF;
-        filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
-        fill:var(--iui-color-foreground-accessory);
-        filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active,
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover,
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled,
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover,
-      .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
-        background-color:rgba(0, 0, 0, 0.4);
-        background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active .iui-button-icon,
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
-        .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
-          fill:#FFF;
-          fill:var(--iui-color-foreground-accessory); }
-  .iui-tile > .iui-content{
-    padding:11px 12px;
-    position:relative;
-    display:flex;
-    flex-direction:column;
-    flex-grow:2;
-    min-width:0; }
-    .iui-tile > .iui-content > .iui-name{
-      display:flex;
-      flex-shrink:0;
-      align-items:center;
-      font-size:16px;
-      -webkit-user-select:all;
-         -moz-user-select:all;
-              user-select:all;
-      margin-bottom:5.5px;
-      color:rgba(0, 0, 0, 0.8);
-      color:var(--iui-text-color); }
-      .iui-tile > .iui-content > .iui-name .iui-tile-status-icon{
-        fill:rgba(0, 0, 0, 0.4);
-        fill:var(--iui-icons-color);
-        display:inline-flex;
-        width:16px;
-        height:16px;
-        margin-right:8px;
-        flex-shrink:0; }
-        .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-informational{
-          fill:#008BE1;
-          fill:var(--iui-icons-color-primary); }
-        .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-positive{
-          fill:#53A21A;
-          fill:var(--iui-icons-color-positive); }
-        .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-warning{
-          fill:#F18B12;
-          fill:var(--iui-icons-color-warning); }
-        .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-negative{
-          fill:#D30A0A;
-          fill:var(--iui-icons-color-negative); }
-      .iui-tile > .iui-content > .iui-name > .iui-name-label{
-        overflow:hidden;
-        white-space:nowrap;
-        text-overflow:ellipsis; }
-    .iui-tile > .iui-content > .iui-description{
-      margin-bottom:11px;
-      font-size:14px;
-      height:100%;
-      max-height:66px;
-      overflow:hidden;
-      white-space:nowrap;
-      text-overflow:ellipsis;
-      color:rgba(0, 0, 0, 0.4);
-      color:var(--iui-text-color-muted); }
-      @supports (-webkit-line-clamp: 1){
-        .iui-tile > .iui-content > .iui-description{
-          white-space:unset;
-          display:-webkit-box;
-          -webkit-line-clamp:3;
-          -webkit-box-orient:vertical; } }
-    .iui-tile > .iui-content > .iui-metadata{
-      font-size:12px;
-      flex-shrink:0;
-      overflow:hidden;
-      text-overflow:ellipsis;
-      height:22px;
-      width:100%;
-      display:flex;
-      align-items:center;
-      margin-top:auto;
-      color:rgba(0, 0, 0, 0.4);
-      color:var(--iui-text-color-muted); }
-      .iui-tile > .iui-content > .iui-metadata > svg,
-      .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon{
-        fill:rgba(0, 0, 0, 0.4);
-        fill:var(--iui-icons-color);
-        display:inline-flex;
-        width:16px;
-        height:16px;
-        margin-right:8px;
-        flex-shrink:0; }
-        .iui-tile > .iui-content > .iui-metadata > svg.iui-informational,
-        .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-informational{
-          fill:#008BE1;
-          fill:var(--iui-icons-color-primary); }
-        .iui-tile > .iui-content > .iui-metadata > svg.iui-positive,
-        .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-positive{
-          fill:#53A21A;
-          fill:var(--iui-icons-color-positive); }
-        .iui-tile > .iui-content > .iui-metadata > svg.iui-warning,
-        .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-warning{
-          fill:#F18B12;
-          fill:var(--iui-icons-color-warning); }
-        .iui-tile > .iui-content > .iui-metadata > svg.iui-negative,
-        .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-negative{
-          fill:#D30A0A;
-          fill:var(--iui-icons-color-negative); }
-      .iui-tile > .iui-content > .iui-metadata > *{
-        white-space:nowrap;
-        overflow:hidden;
-        text-overflow:ellipsis; }
-    .iui-tile > .iui-content > .iui-more-options{
-      padding:0 2px;
-      height:27px;
-      gap:4px;
-      position:absolute;
-      bottom:5.5px;
-      right:8px;
-      visibility:hidden; }
-      .iui-tile > .iui-content > .iui-more-options.iui-visible{
-        visibility:visible; }
-  .iui-tile .iui-tile-buttons{
-    display:flex;
-    flex-shrink:0;
-    -webkit-user-select:none;
-       -moz-user-select:none;
-        -ms-user-select:none;
-            user-select:none;
-    white-space:nowrap; }
-    .iui-tile .iui-tile-buttons > .iui-button{
-      font-size:14px;
-      flex:1;
-      height:auto;
-      padding:11px 12px;
-      overflow:hidden;
-      white-space:nowrap;
-      text-overflow:ellipsis;
-      text-align:center;
-      margin:0;
-      border:initial;
-      border-radius:0; }
-      .iui-tile .iui-tile-buttons > .iui-button, .iui-tile .iui-tile-buttons > .iui-button:hover{
-        border-top:1px solid #DCE0E3;
-        border-top:1px solid var(--iui-color-background-4); }
-    .iui-tile .iui-tile-buttons > button:not(:last-child){
-      border-right:1px solid #DCE0E3;
-      border-right:1px solid var(--iui-color-background-4); }
-  .iui-tile:hover .iui-metadata:not(:last-child), .iui-tile:focus-within .iui-metadata:not(:last-child){
+  .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-more-options, .iui-tile:focus-within .iui-more-options{
+  .iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
     visibility:visible; }
-  .iui-tile:hover .iui-picture, .iui-tile:focus-within .iui-picture{
+  .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-name,
-  .iui-tile.iui-new .iui-description{
+  .iui-tile.iui-new .iui-tile-name,
+  .iui-tile.iui-new .iui-tile-description{
     font-weight:600; }
   .iui-tile.iui-selected{
     outline:solid 2px #008BE1;
     background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
     outline:solid 2px var(--iui-color-foreground-primary);
     background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
-    .iui-tile.iui-selected .iui-picture{
+    .iui-tile.iui-selected .iui-tile-thumbnail-picture{
       transform:translateZ(0) scale(1.1); }
   .iui-tile.iui-folder{
     display:inline-flex;
     flex-direction:row;
     flex-wrap:nowrap; }
-    .iui-tile.iui-folder > .iui-thumbnail{
+    .iui-tile.iui-folder .iui-tile-thumbnail{
       height:110px;
       flex:1;
       border-bottom:none;
       border-right:1px solid #DCE0E3;
       border-right:1px solid var(--iui-color-background-4); }
-    .iui-tile.iui-folder > .iui-content{
+    .iui-tile.iui-folder .iui-tile-content{
       flex:2; }
-      .iui-tile.iui-folder > .iui-content > .iui-description{
-        height:100%;
-        max-height:44px;
-        margin-bottom:0;
-        -webkit-line-clamp:2; }
+    .iui-tile.iui-folder .iui-tile-description{
+      height:100%;
+      max-height:44px;
+      margin-bottom:0;
+      -webkit-line-clamp:2; }
+
+.iui-tile-thumbnail-type-indicator{
+  border-color:transparent;
+  background-color:transparent;
+  padding:0 8px;
+  height:38px;
+  gap:8px;
+  padding:0 2px;
+  height:27px;
+  gap:4px;
+  position:absolute;
+  border-radius:50%;
+  top:6px;
+  left:8px; }
+  .iui-tile-thumbnail-type-indicator > .iui-button-icon:only-child{
+    margin-left:3px;
+    margin-right:3px; }
+  .iui-tile-thumbnail-type-indicator: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-tile-thumbnail-type-indicator.iui-active{
+    background-color:rgba(0, 139, 225, 0.1);
+    color:#008BE1;
+    background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+    color:var(--iui-color-foreground-primary);
+    border-color:transparent; }
+  .iui-tile-thumbnail-type-indicator[disabled], .iui-tile-thumbnail-type-indicator:disabled{
+    cursor:not-allowed;
+    background:#EEF0F3;
+    border-color:#EEF0F3;
+    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-tile-thumbnail-type-indicator[disabled].iui-active, .iui-tile-thumbnail-type-indicator:disabled.iui-active{
+      background-color:rgba(0, 0, 0, 0.05);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
+
+.iui-tile-thumbnail-quick-action{
+  border-color:transparent;
+  background-color:transparent;
+  padding:0 8px;
+  height:38px;
+  gap:8px;
+  padding:0 2px;
+  height:27px;
+  gap:4px;
+  position:absolute;
+  border-radius:50%;
+  top:6px;
+  right:8px; }
+  .iui-tile-thumbnail-quick-action > .iui-button-icon:only-child{
+    margin-left:3px;
+    margin-right:3px; }
+  .iui-tile-thumbnail-quick-action: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-tile-thumbnail-quick-action.iui-active{
+    background-color:rgba(0, 139, 225, 0.1);
+    color:#008BE1;
+    background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+    color:var(--iui-color-foreground-primary);
+    border-color:transparent; }
+  .iui-tile-thumbnail-quick-action[disabled], .iui-tile-thumbnail-quick-action:disabled{
+    cursor:not-allowed;
+    background:#EEF0F3;
+    border-color:#EEF0F3;
+    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-tile-thumbnail-quick-action[disabled].iui-active, .iui-tile-thumbnail-quick-action:disabled.iui-active{
+      background-color:rgba(0, 0, 0, 0.05);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
+
+.iui-tile-thumbnail-badge-container{
+  position:absolute;
+  bottom:6px;
+  width:calc(100% - 2 * 12px);
+  height:auto;
+  right:12px;
+  display:flex;
+  justify-content:flex-end;
+  overflow:hidden; }
+  .iui-tile-thumbnail-badge-container > .iui-badge:not(:last-child){
+    margin-right:4px; }
+
+.iui-tile-buttons{
+  display:flex;
+  flex-shrink:0;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  white-space:nowrap; }
+  .iui-tile-buttons > .iui-button{
+    font-size:14px;
+    flex:1;
+    height:auto;
+    padding:11px 12px;
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    text-align:center;
+    margin:0;
+    border:initial;
+    border-radius:0; }
+    .iui-tile-buttons > .iui-button, .iui-tile-buttons > .iui-button:hover{
+      border-top:1px solid #DCE0E3;
+      border-color:#DCE0E3;
+      border-top:1px solid var(--iui-color-background-4);
+      border-color:var(--iui-color-background-4); }
+  .iui-tile-buttons > button:not(:last-child){
+    border-right:1px solid #DCE0E3;
+    border-right:1px solid var(--iui-color-background-4); }
+
+.iui-tile-thumbnail{
+  width:100%;
+  height:154px;
+  flex-shrink:0;
+  overflow:hidden;
+  position:relative;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  background-color:#f2f2f2;
+  border-bottom:1px solid #DCE0E3;
+  background-color:var(--iui-color-background-1-overlay);
+  border-bottom:1px solid var(--iui-color-background-4); }
+  .iui-tile-thumbnail .iui-thumbnail-icon{
+    fill:rgba(0, 0, 0, 0.4);
+    fill:var(--iui-icons-color);
+    display:inline-flex;
+    width:64px;
+    height:64px; }
+    .iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
+      fill:#008BE1;
+      fill:var(--iui-icons-color-primary); }
+    .iui-tile-thumbnail .iui-thumbnail-icon.iui-positive{
+      fill:#53A21A;
+      fill:var(--iui-icons-color-positive); }
+    .iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
+      fill:#F18B12;
+      fill:var(--iui-icons-color-warning); }
+    .iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
+      fill:#D30A0A;
+      fill:var(--iui-icons-color-negative); }
+
+.iui-tile-thumbnail-picture{
+  width:100%;
+  height:100%;
+  position:absolute;
+  top:0;
+  left:0; }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-tile-thumbnail-picture{
+      transition:transform 0.4s ease; } }
+  div.iui-tile-thumbnail-picture{
+    background-position:center;
+    background-size:cover; }
+  .iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
+    z-index:1;
+    cursor:pointer;
+    fill:rgba(255, 255, 255, 0.6);
+    filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
+    fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
+    filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
+    @media (prefers-reduced-motion: no-preference){
+      .iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
+        transition:fill 0.2s ease; } }
+    .iui-tile-thumbnail-picture ~ .iui-thumbnail-icon:hover{
+      fill:rgba(255, 255, 255, 0.8);
+      fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
+  .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
+  .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
+    background-color:rgba(0, 0, 0, 0.4);
+    background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
+    @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
+        background-color:rgba(0, 0, 0, 0.2);
+        -webkit-backdrop-filter:blur(5px);
+                backdrop-filter:blur(5px);
+        background-color:rgba(0, 0, 0, var(--iui-opacity-5));
+        backdrop-filter:blur(5px); } }
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator > .iui-button-icon,
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action > .iui-button-icon{
+      fill:#FFF;
+      filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
+      fill:var(--iui-color-foreground-accessory);
+      filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active,
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover,
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled,
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover,
+    .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active{
+      background-color:rgba(0, 0, 0, 0.4);
+      background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active .iui-button-icon,
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover .iui-button-icon,
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled .iui-button-icon,
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover .iui-button-icon,
+      .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active .iui-button-icon{
+        fill:#FFF;
+        fill:var(--iui-color-foreground-accessory); }
+
+.iui-tile-content{
+  padding:11px 12px;
+  position:relative;
+  display:flex;
+  flex-direction:column;
+  flex-grow:2;
+  min-width:0; }
+  .iui-tile-content .iui-tile-name{
+    display:flex;
+    flex-shrink:0;
+    align-items:center;
+    font-size:16px;
+    -webkit-user-select:all;
+       -moz-user-select:all;
+            user-select:all;
+    margin-bottom:5.5px;
+    color:rgba(0, 0, 0, 0.8);
+    color:var(--iui-text-color); }
+  .iui-tile-content .iui-tile-status-icon{
+    fill:rgba(0, 0, 0, 0.4);
+    fill:var(--iui-icons-color);
+    display:inline-flex;
+    width:16px;
+    height:16px;
+    margin-right:8px;
+    flex-shrink:0; }
+    .iui-tile-content .iui-tile-status-icon.iui-informational{
+      fill:#008BE1;
+      fill:var(--iui-icons-color-primary); }
+    .iui-tile-content .iui-tile-status-icon.iui-positive{
+      fill:#53A21A;
+      fill:var(--iui-icons-color-positive); }
+    .iui-tile-content .iui-tile-status-icon.iui-warning{
+      fill:#F18B12;
+      fill:var(--iui-icons-color-warning); }
+    .iui-tile-content .iui-tile-status-icon.iui-negative{
+      fill:#D30A0A;
+      fill:var(--iui-icons-color-negative); }
+  .iui-tile-content .iui-tile-name-label{
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis; }
+  .iui-tile-content .iui-tile-description{
+    margin-bottom:11px;
+    font-size:14px;
+    height:100%;
+    max-height:66px;
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted); }
+    @supports (-webkit-line-clamp: 1){
+      .iui-tile-content .iui-tile-description{
+        white-space:unset;
+        display:-webkit-box;
+        -webkit-line-clamp:3;
+        -webkit-box-orient:vertical; } }
+  .iui-tile-content .iui-tile-metadata{
+    font-size:12px;
+    flex-shrink:0;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    height:22px;
+    width:100%;
+    display:flex;
+    align-items:center;
+    margin-top:auto;
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted); }
+    .iui-tile-content .iui-tile-metadata > svg,
+    .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
+      fill:rgba(0, 0, 0, 0.4);
+      fill:var(--iui-icons-color);
+      display:inline-flex;
+      width:16px;
+      height:16px;
+      margin-right:8px;
+      flex-shrink:0; }
+      .iui-tile-content .iui-tile-metadata > svg.iui-informational,
+      .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
+        fill:#008BE1;
+        fill:var(--iui-icons-color-primary); }
+      .iui-tile-content .iui-tile-metadata > svg.iui-positive,
+      .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
+        fill:#53A21A;
+        fill:var(--iui-icons-color-positive); }
+      .iui-tile-content .iui-tile-metadata > svg.iui-warning,
+      .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
+        fill:#F18B12;
+        fill:var(--iui-icons-color-warning); }
+      .iui-tile-content .iui-tile-metadata > svg.iui-negative,
+      .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
+        fill:#D30A0A;
+        fill:var(--iui-icons-color-negative); }
+    .iui-tile-content .iui-tile-metadata > *{
+      white-space:nowrap;
+      overflow:hidden;
+      text-overflow:ellipsis; }
+  .iui-tile-content .iui-tile-more-options{
+    padding:0 2px;
+    height:27px;
+    gap:4px;
+    position:absolute;
+    bottom:5.5px;
+    right:8px;
+    visibility:hidden; }
+    .iui-tile-content .iui-tile-more-options.iui-visible{
+      visibility:visible; }
 
 .iui-time-picker{
   margin:0;
@@ -6657,12 +6786,13 @@ a.iui-tag{
       font-size:12px;
       color:rgba(0, 0, 0, 0.4);
       color:var(--iui-text-color-muted); }
-  .iui-tree-node:focus{
-    outline:1px solid #008BE1;
+  .iui-tree-node:focus-visible{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:-1px; }
-  .iui-tree-node:focus:not(:focus-visible){
-    outline-offset:-2px; }
+  @supports not selector(*:focus-visible){
+    .iui-tree-node:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
   .iui-tree-node:hover{
     background-color:rgba(0, 139, 225, 0.1);
     background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
@@ -6677,9 +6807,13 @@ a.iui-tag{
     background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
     outline:thin solid var(--iui-color-foreground-primary);
     outline-offset:-1px; }
-    .iui-tree-node.iui-active:focus{
-      outline-width:2px;
+    .iui-tree-node.iui-active:focus-visible{
+      outline:2px solid var(--iui-color-foreground-primary);
       outline-offset:-2px; }
+    @supports not selector(*:focus-visible){
+      .iui-tree-node.iui-active:focus{
+        outline:2px solid var(--iui-color-foreground-primary);
+        outline-offset:-2px; } }
   .iui-tree-node.iui-disabled{
     cursor:not-allowed;
     outline:none;