@itwin/itwinui-css 0.53.3 → 0.54.0

package/css/all.css

@@ -583,29 +583,6 @@ html.iui-theme-dark-hc{
   font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
 }
 
-.iui-anchor{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
-  color:#008ae0;
-  color:var(--iui-color-foreground-primary);
-}
-.iui-anchor:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-anchor:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
-  }
-}
-.iui-anchor:hover{
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
-  text-decoration:underline;
-}
-
 [class*=iui-],
 [class*=iui-] *{
   scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
@@ -691,31 +668,18 @@ html.iui-theme-dark-hc{
   margin:11px 16px;
 }
 .iui-alert-link{
+  text-decoration:underline;
+  border-radius:3px;
   cursor:pointer;
   margin-left:8px;
-  text-decoration:underline;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
   white-space:nowrap;
-  color:#008ae0;
-  color:var(--iui-color-foreground-primary);
-}
-.iui-alert-link:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-alert-link:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
 }
 .iui-alert-link:hover{
   text-decoration:none;
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
 }
 .iui-alert > .iui-button{
   margin-left:auto;
@@ -748,24 +712,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-positive .iui-alert-link{
-  border-radius:3px;
   color:#53a21a;
+  -webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
   color:var(--iui-color-foreground-positive);
-}
-.iui-alert.iui-positive .iui-alert-link:hover{
-  color:#3d7613;
-  color:var(--iui-color-foreground-positive-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-positive .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-positive);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-positive .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-positive);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-positive .iui-alert-link::-moz-selection, .iui-alert.iui-positive .iui-alert-link *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-positive .iui-alert-link::selection,
+.iui-alert.iui-positive .iui-alert-link *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-positive .iui-alert-link:hover{
+  color:#3d7613;
+  color:var(--iui-color-foreground-positive-overlay);
+}
 .iui-alert.iui-positive > .iui-button{
   outline-color:var(--iui-color-foreground-positive);
 }
@@ -789,24 +763,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-negative .iui-alert-link{
-  border-radius:3px;
   color:#d10a0a;
+  -webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
   color:var(--iui-color-foreground-negative);
-}
-.iui-alert.iui-negative .iui-alert-link:hover{
-  color:#a10808;
-  color:var(--iui-color-foreground-negative-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-negative .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-negative);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-negative .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-negative);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-negative .iui-alert-link::-moz-selection, .iui-alert.iui-negative .iui-alert-link *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-negative .iui-alert-link::selection,
+.iui-alert.iui-negative .iui-alert-link *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-negative .iui-alert-link:hover{
+  color:#a10808;
+  color:var(--iui-color-foreground-negative-overlay);
+}
 .iui-alert.iui-negative > .iui-button{
   outline-color:var(--iui-color-foreground-negative);
 }
@@ -830,24 +814,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-warning .iui-alert-link{
-  border-radius:3px;
   color:#f18d13;
+  -webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
   color:var(--iui-color-foreground-warning);
-}
-.iui-alert.iui-warning .iui-alert-link:hover{
-  color:#c6720c;
-  color:var(--iui-color-foreground-warning-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-warning .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-warning);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-warning .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-warning);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-warning .iui-alert-link::-moz-selection, .iui-alert.iui-warning .iui-alert-link *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-warning .iui-alert-link::selection,
+.iui-alert.iui-warning .iui-alert-link *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-warning .iui-alert-link:hover{
+  color:#c6720c;
+  color:var(--iui-color-foreground-warning-overlay);
+}
 .iui-alert.iui-warning > .iui-button{
   outline-color:var(--iui-color-foreground-warning);
 }
@@ -871,28 +865,94 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-informational .iui-alert-link{
-  border-radius:3px;
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
-}
-.iui-alert.iui-informational .iui-alert-link:hover{
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-informational .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-informational .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-informational .iui-alert-link:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
 .iui-alert.iui-informational > .iui-button{
   outline-color:var(--iui-color-foreground-primary);
 }
 
+.iui-anchor{
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
+}
+.iui-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+.iui-anchor:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-anchor-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-anchor-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-anchor:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  .iui-anchor{
+    text-decoration:underline;
+  }
+  .iui-anchor:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
+  text-decoration:none;
+}
+.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
+  text-decoration:underline;
+}
+.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
+  text-decoration:none;
+}
+
 .iui-badge{
   --iui-badge-background-color:#c7ccd1;
   --_iui-badge-text-color:rgba(0, 0, 0, 0.6);
@@ -976,27 +1036,70 @@ html.iui-theme-dark-hc{
   margin:0 12px;
 }
 .iui-breadcrumbs-item a{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 .iui-breadcrumbs-item a:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-breadcrumbs-item a:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 .iui-breadcrumbs-item a:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-breadcrumbs-item a-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-breadcrumbs-item a-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-breadcrumbs-item a:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  .iui-breadcrumbs-item a{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item a:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-breadcrumbs-item a, .iui-theme-dark .iui-breadcrumbs-item a{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item a:hover, .iui-theme-dark .iui-breadcrumbs-item a:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-breadcrumbs-item a, .iui-theme-dark-hc .iui-breadcrumbs-item a{
   text-decoration:underline;
 }
+.iui-theme-light-hc .iui-breadcrumbs-item a:hover, .iui-theme-dark-hc .iui-breadcrumbs-item a:hover{
+  text-decoration:none;
+}
+
 .iui-breadcrumbs-item .iui-button{
   border-color:transparent;
   background-color:transparent;
@@ -2926,27 +3029,70 @@ html.iui-theme-dark-hc{
   background-color:var(--iui-text-color-muted);
 }
 .iui-legal-footer > ul > li > a{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 .iui-legal-footer > ul > li > a:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-legal-footer > ul > li > a:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 .iui-legal-footer > ul > li > a:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-legal-footer > ul > li > a-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-legal-footer > ul > li > a-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-legal-footer > ul > li > a:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  .iui-legal-footer > ul > li > a{
+    text-decoration:underline;
+  }
+  .iui-legal-footer > ul > li > a:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-legal-footer > ul > li > a, .iui-theme-dark .iui-legal-footer > ul > li > a{
+  text-decoration:none;
+}
+.iui-theme-light .iui-legal-footer > ul > li > a:hover, .iui-theme-dark .iui-legal-footer > ul > li > a:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-legal-footer > ul > li > a, .iui-theme-dark-hc .iui-legal-footer > ul > li > a{
   text-decoration:underline;
 }
+.iui-theme-light-hc .iui-legal-footer > ul > li > a:hover, .iui-theme-dark-hc .iui-legal-footer > ul > li > a:hover{
+  text-decoration:none;
+}
+
 .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
@@ -6865,10 +7011,10 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(0, 138, 224, 0.1);
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
 }
-.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot > .iui-more-options{
+.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
 }
-.iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
+.iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
 }
 @media (prefers-reduced-motion: no-preference){
@@ -6963,20 +7109,20 @@ label.iui-input-label.iui-disabled{
   color:#53a21a;
   color:var(--iui-color-foreground-positive);
 }
-.iui-table-body .iui-row.iui-disabled, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content{
+.iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
   font-style:italic;
   cursor:not-allowed;
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
-.iui-table-body .iui-row.iui-disabled:hover > .iui-slot > .iui-more-options, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content:hover > .iui-slot > .iui-more-options{
+.iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
   visibility:hidden;
 }
-.iui-table-body .iui-row.iui-disabled img,
-.iui-table-body .iui-row.iui-disabled svg:not(.iui-radial),
-.iui-table-body .iui-row.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content img,
-.iui-table-body .iui-row.iui-disabled + .iui-expanded-content svg:not(.iui-radial),
-.iui-table-body .iui-row.iui-disabled + .iui-expanded-content .iui-user-icon{
+.iui-table-body .iui-row .iui-cell.iui-disabled img,
+.iui-table-body .iui-row .iui-cell.iui-disabled svg:not(.iui-radial),
+.iui-table-body .iui-row .iui-cell.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-expanded-content.iui-disabled img,
+.iui-table-body .iui-row.iui-expanded-content.iui-disabled svg:not(.iui-radial),
+.iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
   filter:grayscale(100%);
 }
 .iui-table-body .iui-row.iui-positive,
@@ -7762,28 +7908,70 @@ label.iui-input-label.iui-disabled{
 }
 
 a.iui-tag{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 a.iui-tag:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   a.iui-tag:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 a.iui-tag:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+a.iui-tag-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  a.iui-tag-external::after{
+    background-color:LinkText;
+  }
+}
+a.iui-tag:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  a.iui-tag{
+    text-decoration:underline;
+  }
+  a.iui-tag:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light a.iui-tag, .iui-theme-dark a.iui-tag{
+  text-decoration:none;
+}
+.iui-theme-light a.iui-tag:hover, .iui-theme-dark a.iui-tag:hover{
   text-decoration:underline;
 }
 
+.iui-theme-light-hc a.iui-tag, .iui-theme-dark-hc a.iui-tag{
+  text-decoration:underline;
+}
+.iui-theme-light-hc a.iui-tag:hover, .iui-theme-dark-hc a.iui-tag:hover{
+  text-decoration:none;
+}
+
 .iui-tag-container{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
@@ -8671,17 +8859,19 @@ div.iui-tile-thumbnail-picture{
   color:rgba(0, 0, 0, 0.8);
   color:var(--iui-text-color);
 }
-.iui-toast > .iui-anchor{
+.iui-toast-anchor{
+  text-decoration:underline;
+  border-radius:3px;
+  cursor:pointer;
   font-size:12px;
   margin-right:16px;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
-  text-decoration:underline;
   white-space:nowrap;
 }
-.iui-toast > .iui-anchor:hover{
+.iui-toast-anchor:hover{
   text-decoration:none;
 }
 .iui-toast > .iui-button{
@@ -8715,6 +8905,26 @@ div.iui-tile-thumbnail-picture{
   background-color:#008ae0;
   background-color:var(--iui-color-background-primary);
 }
+.iui-toast.iui-informational > .iui-toast-anchor{
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-informational > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-informational > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+.iui-toast.iui-informational > .iui-toast-anchor:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
 .iui-toast.iui-positive{
   border-color:#53a21a;
   border-color:var(--iui-color-foreground-positive);
@@ -8732,19 +8942,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#53a21a;
   background-color:var(--iui-color-background-positive);
 }
-.iui-toast.iui-positive > .iui-anchor{
+.iui-toast.iui-positive > .iui-toast-anchor{
   color:#53a21a;
+  -webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
   color:var(--iui-color-foreground-positive);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-positive > .iui-anchor:hover{
-  color:#3d7613;
-  color:var(--iui-color-foreground-positive-overlay);
+.iui-toast.iui-positive > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-positive);
+  outline-offset:1px;
 }
-.iui-toast.iui-positive > .iui-anchor{
-  outline-color:var(--iui-color-foreground-positive);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-positive > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-positive);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-positive > .iui-button{
-  outline-color:var(--iui-color-foreground-positive);
+.iui-toast.iui-positive > .iui-toast-anchor::-moz-selection, .iui-toast.iui-positive > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-positive > .iui-toast-anchor::selection,
+.iui-toast.iui-positive > .iui-toast-anchor *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-positive > .iui-toast-anchor:hover{
+  color:#3d7613;
+  color:var(--iui-color-foreground-positive-overlay);
 }
 .iui-toast.iui-negative{
   border-color:#d10a0a;
@@ -8763,19 +8988,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#d10a0a;
   background-color:var(--iui-color-background-negative);
 }
-.iui-toast.iui-negative > .iui-anchor{
+.iui-toast.iui-negative > .iui-toast-anchor{
   color:#d10a0a;
+  -webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
   color:var(--iui-color-foreground-negative);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-negative > .iui-anchor:hover{
-  color:#a10808;
-  color:var(--iui-color-foreground-negative-overlay);
+.iui-toast.iui-negative > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-negative);
+  outline-offset:1px;
 }
-.iui-toast.iui-negative > .iui-anchor{
-  outline-color:var(--iui-color-foreground-negative);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-negative > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-negative);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-negative > .iui-button{
-  outline-color:var(--iui-color-foreground-negative);
+.iui-toast.iui-negative > .iui-toast-anchor::-moz-selection, .iui-toast.iui-negative > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-negative > .iui-toast-anchor::selection,
+.iui-toast.iui-negative > .iui-toast-anchor *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-negative > .iui-toast-anchor:hover{
+  color:#a10808;
+  color:var(--iui-color-foreground-negative-overlay);
 }
 .iui-toast.iui-warning{
   border-color:#f18d13;
@@ -8794,19 +9034,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#f18d13;
   background-color:var(--iui-color-background-warning);
 }
-.iui-toast.iui-warning > .iui-anchor{
+.iui-toast.iui-warning > .iui-toast-anchor{
   color:#f18d13;
+  -webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
   color:var(--iui-color-foreground-warning);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-warning > .iui-anchor:hover{
-  color:#c6720c;
-  color:var(--iui-color-foreground-warning-overlay);
+.iui-toast.iui-warning > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-warning);
+  outline-offset:1px;
 }
-.iui-toast.iui-warning > .iui-anchor{
-  outline-color:var(--iui-color-foreground-warning);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-warning > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-warning);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-warning > .iui-button{
-  outline-color:var(--iui-color-foreground-warning);
+.iui-toast.iui-warning > .iui-toast-anchor::-moz-selection, .iui-toast.iui-warning > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-warning > .iui-toast-anchor::selection,
+.iui-toast.iui-warning > .iui-toast-anchor *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-warning > .iui-toast-anchor:hover{
+  color:#c6720c;
+  color:var(--iui-color-foreground-warning-overlay);
 }
 
 .iui-toggle-switch-wrapper{
@@ -9621,8 +9876,9 @@ div.iui-tile-thumbnail-picture{
   position:fixed;
   text-align:center;
   left:50%;
-  opacity:0;
   top:22px;
+  opacity:0;
+  z-index:99;
   transform:translateX(-50%) translateY(-170%);
   transition:background-color 0.2s ease-in-out;
 }