npm - @itwin/itwinui-css - Versions diffs - 0.42.0 → 0.44.1 - Mend

@itwin/itwinui-css 0.42.0 → 0.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/css/alert.css +46 -61
package/css/all.css +739 -697
package/css/breadcrumbs.css +7 -20
package/css/button.css +165 -181
package/css/code.css +6 -9
package/css/color-picker.css +14 -14
package/css/date-picker.css +91 -85
package/css/expandable-block.css +13 -9
package/css/file-upload.css +4 -3
package/css/footer.css +7 -20
package/css/global.css +7 -9
package/css/header.css +4 -24
package/css/inputs.css +121 -89
package/css/side-navigation.css +1 -16
package/css/slider.css +7 -10
package/css/table.css +170 -34
package/css/tabs.css +8 -3
package/css/tag.css +17 -18
package/css/tile.css +0 -14
package/css/time-picker.css +26 -18
package/css/toast-notification.css +12 -49
package/css/toggle-switch.css +7 -4
package/css/tree.css +2 -3
package/css/wizard.css +4 -4
package/package.json +10 -9
package/scss/alert/alert.scss +4 -2
package/scss/button/borderless.scss +10 -26
package/scss/button/button-group.scss +22 -7
package/scss/button/cta.scss +10 -25
package/scss/button/default.scss +22 -32
package/scss/button/high-visibility.scss +10 -25
package/scss/color-picker/color-picker.scss +2 -25
package/scss/date-picker/classes.scss +20 -0
package/scss/date-picker/date-picker.scss +88 -100
package/scss/expandable-block/block.scss +1 -0
package/scss/file-upload/file-upload.scss +2 -2
package/scss/footer/footer.scss +0 -2
package/scss/header/header.scss +1 -15
package/scss/inputs/checkbox-radio.scss +28 -18
package/scss/inputs/checkbox.scss +9 -8
package/scss/inputs/input.scss +1 -14
package/scss/inputs/labeled-inputs.scss +2 -1
package/scss/inputs/radio-tile.scss +9 -4
package/scss/inputs/select.scss +2 -1
package/scss/side-navigation/side-navigation.scss +1 -33
package/scss/slider/slider.scss +1 -2
package/scss/style/mixins.scss +15 -17
package/scss/table/classes.scss +12 -0
package/scss/table/paginator.scss +39 -37
package/scss/table/table.scss +11 -2
package/scss/tabs/default.scss +5 -0
package/scss/tabs/tabs.scss +1 -8
package/scss/tag/tag.scss +9 -1
package/scss/time-picker/time-picker.scss +1 -0
package/scss/toast-notification/categories.scss +5 -2
package/scss/toast-notification/toast.scss +0 -1
package/scss/toggle-switch/toggle-switch.scss +7 -3
package/scss/tree/tree.scss +2 -2
package/scss/wizard/wizard.scss +3 -3

package/css/all.css CHANGED Viewed

@@ -31,20 +31,18 @@
     font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
 .iui-anchor{
+  border-radius:3px;
   text-decoration:none;
   cursor:pointer;
   color:#008BE1;
   color:var(--iui-color-foreground-primary); }
-  .iui-anchor:focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  .iui-anchor:focus:not(:focus-visible){
-    box-shadow:none; }
   .iui-anchor:focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    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:#006bae;
     color:var(--iui-color-foreground-primary-overlay);
@@ -343,16 +341,13 @@ html.iui-theme-dark{
     white-space:nowrap;
     color:#008BE1;
     color:var(--iui-color-foreground-primary); }
-    .iui-alert-link:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-alert-link:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-alert-link:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      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:#006bae;
@@ -381,24 +376,21 @@ html.iui-theme-dark{
       background-color:rgba(83, 162, 26, 0.4);
       background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
     .iui-alert.iui-positive .iui-alert-link{
+      border-radius:3px;
       color:#53A21A;
       color:var(--iui-color-foreground-positive); }
       .iui-alert.iui-positive .iui-alert-link:hover{
         color:#3c7613;
         color:var(--iui-color-foreground-positive-overlay); }
-    .iui-alert.iui-positive .iui-alert-link:focus,
-    .iui-alert.iui-positive > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-positive-box-shadow); }
-    .iui-alert.iui-positive .iui-alert-link:focus:not(:focus-visible),
-    .iui-alert.iui-positive > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-alert.iui-positive .iui-alert-link:focus-visible,
-    .iui-alert.iui-positive > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-positive-box-shadow); }
+      .iui-alert.iui-positive .iui-alert-link:focus-visible{
+        outline:1px solid var(--iui-color-foreground-positive);
+        outline-offset:2px; }
+      @supports not selector(*:focus-visible){
+        .iui-alert.iui-positive .iui-alert-link:focus{
+          outline:1px solid var(--iui-color-foreground-positive);
+          outline-offset:2px; } }
+    .iui-alert.iui-positive > .iui-button{
+      outline-color:var(--iui-color-foreground-positive); }
   .iui-alert.iui-negative{
     background:linear-gradient(rgba(211, 10, 10, 0.1), rgba(211, 10, 10, 0.1)), linear-gradient(#FFF, #FFF);
     border-color:#D30A0A;
@@ -414,24 +406,21 @@ html.iui-theme-dark{
       background-color:rgba(211, 10, 10, 0.4);
       background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
     .iui-alert.iui-negative .iui-alert-link{
+      border-radius:3px;
       color:#D30A0A;
       color:var(--iui-color-foreground-negative); }
       .iui-alert.iui-negative .iui-alert-link:hover{
         color:#a20808;
         color:var(--iui-color-foreground-negative-overlay); }
-    .iui-alert.iui-negative .iui-alert-link:focus,
-    .iui-alert.iui-negative > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-negative-box-shadow); }
-    .iui-alert.iui-negative .iui-alert-link:focus:not(:focus-visible),
-    .iui-alert.iui-negative > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-alert.iui-negative .iui-alert-link:focus-visible,
-    .iui-alert.iui-negative > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-negative-box-shadow); }
+      .iui-alert.iui-negative .iui-alert-link:focus-visible{
+        outline:1px solid var(--iui-color-foreground-negative);
+        outline-offset:2px; }
+      @supports not selector(*:focus-visible){
+        .iui-alert.iui-negative .iui-alert-link:focus{
+          outline:1px solid var(--iui-color-foreground-negative);
+          outline-offset:2px; } }
+    .iui-alert.iui-negative > .iui-button{
+      outline-color:var(--iui-color-foreground-negative); }
   .iui-alert.iui-warning{
     background:linear-gradient(rgba(241, 139, 18, 0.1), rgba(241, 139, 18, 0.1)), linear-gradient(#FFF, #FFF);
     border-color:#F18B12;
@@ -447,24 +436,21 @@ html.iui-theme-dark{
       background-color:rgba(241, 139, 18, 0.4);
       background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
     .iui-alert.iui-warning .iui-alert-link{
+      border-radius:3px;
       color:#F18B12;
       color:var(--iui-color-foreground-warning); }
       .iui-alert.iui-warning .iui-alert-link:hover{
         color:#c4700c;
         color:var(--iui-color-foreground-warning-overlay); }
-    .iui-alert.iui-warning .iui-alert-link:focus,
-    .iui-alert.iui-warning > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-warning-box-shadow); }
-    .iui-alert.iui-warning .iui-alert-link:focus:not(:focus-visible),
-    .iui-alert.iui-warning > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-alert.iui-warning .iui-alert-link:focus-visible,
-    .iui-alert.iui-warning > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-warning-box-shadow); }
+      .iui-alert.iui-warning .iui-alert-link:focus-visible{
+        outline:1px solid var(--iui-color-foreground-warning);
+        outline-offset:2px; }
+      @supports not selector(*:focus-visible){
+        .iui-alert.iui-warning .iui-alert-link:focus{
+          outline:1px solid var(--iui-color-foreground-warning);
+          outline-offset:2px; } }
+    .iui-alert.iui-warning > .iui-button{
+      outline-color:var(--iui-color-foreground-warning); }
   .iui-alert.iui-informational{
     background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
     border-color:#008BE1;
@@ -480,24 +466,21 @@ html.iui-theme-dark{
       background-color:rgba(0, 139, 225, 0.4);
       background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
     .iui-alert.iui-informational .iui-alert-link{
+      border-radius:3px;
       color:#008BE1;
       color:var(--iui-color-foreground-primary); }
       .iui-alert.iui-informational .iui-alert-link:hover{
         color:#006bae;
         color:var(--iui-color-foreground-primary-overlay); }
-    .iui-alert.iui-informational .iui-alert-link:focus,
-    .iui-alert.iui-informational > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-alert.iui-informational .iui-alert-link:focus:not(:focus-visible),
-    .iui-alert.iui-informational > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-alert.iui-informational .iui-alert-link:focus-visible,
-    .iui-alert.iui-informational > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      .iui-alert.iui-informational .iui-alert-link:focus-visible{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:2px; }
+      @supports not selector(*:focus-visible){
+        .iui-alert.iui-informational .iui-alert-link:focus{
+          outline:1px solid var(--iui-color-foreground-primary);
+          outline-offset:2px; } }
+    .iui-alert.iui-informational > .iui-button{
+      outline-color:var(--iui-color-foreground-primary); }
 .iui-badge{
   margin:0;
@@ -573,20 +556,18 @@ html.iui-theme-dark{
   max-width:192px;
   margin:0 12px; }
   .iui-breadcrumbs-item a{
+    border-radius:3px;
     text-decoration:none;
     cursor:pointer;
     color:#008BE1;
     color:var(--iui-color-foreground-primary); }
-    .iui-breadcrumbs-item a:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-breadcrumbs-item a:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-breadcrumbs-item a:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:2px; }
+    @supports not selector(*:focus-visible){
+      .iui-breadcrumbs-item a:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:2px; } }
     .iui-breadcrumbs-item a:hover{
       color:#006bae;
       color:var(--iui-color-foreground-primary-overlay);
@@ -601,17 +582,6 @@ html.iui-theme-dark{
     .iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{
       margin-left:3px;
       margin-right:3px; }
-    .iui-breadcrumbs-item .iui-button:focus{
-      background-color:rgba(0, 0, 0, 0.1);
-      border-color:transparent;
-      background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-      border-color:transparent; }
-      .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)){
-        border-color:transparent;
-        background-color:transparent; }
-        .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
-          margin-left:3px;
-          margin-right:3px; }
     .iui-breadcrumbs-item .iui-button:hover{
       background-color:rgba(0, 0, 0, 0.1);
       border-color:transparent;
@@ -713,16 +683,13 @@ html.iui-theme-dark{
     text-decoration:none;
     color:black;
     color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
-  .iui-button:focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  .iui-button:focus:not(:focus-visible){
-    box-shadow:none; }
   .iui-button:focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
+  @supports not selector(*:focus-visible){
+    .iui-button:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
   .iui-button[disabled], .iui-button:disabled{
     cursor:not-allowed;
     background:#EEF0F3;
@@ -738,26 +705,13 @@ html.iui-theme-dark{
     background-color:var(--iui-color-background-1);
     border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
     color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
-    .iui-button.iui-default:focus{
-      background-color:#f2f2f2;
-      border-color:black;
-      color:black;
-      background-color:var(--iui-color-background-1-overlay);
-      border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-      color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
-      .iui-button.iui-default:focus .iui-notification-primary::before,
-      .iui-button.iui-default:focus .iui-notification-positive::before,
-      .iui-button.iui-default:focus .iui-notification-warning::before,
-      .iui-button.iui-default:focus .iui-notification-negative::before{
-        border-color:#f2f2f2;
-        border-color:var(--iui-color-background-1-overlay); }
-      .iui-button.iui-default:focus:where(:not(:focus-visible)){
-        background-color:#FFF;
-        border-color:rgba(0, 0, 0, 0.4);
-        color:rgba(0, 0, 0, 0.8);
-        background-color:var(--iui-color-background-1);
-        border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-        color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
+    .iui-button.iui-default:focus-visible{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-2px; }
+    @supports not selector(*:focus-visible){
+      .iui-button.iui-default:focus{
+        outline:2px solid var(--iui-color-foreground-primary);
+        outline-offset:-2px; } }
     .iui-button.iui-default:hover, .iui-button.iui-default:active{
       background-color:#f2f2f2;
       border-color:black;
@@ -780,11 +734,16 @@ html.iui-theme-dark{
         padding-right:4px; }
       .iui-button.iui-default.iui-dropdown.iui-large{
         padding-right:12px; }
-    .iui-button.iui-default.iui-active{
-      background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
+    .iui-button.iui-default.iui-active:enabled{
+      position:relative;
       color:#008BE1;
-      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));
       color:var(--iui-color-foreground-primary); }
+      .iui-button.iui-default.iui-active:enabled::before{
+        content:'';
+        position:absolute;
+        inset:0;
+        background-color:rgba(0, 139, 225, 0.1);
+        background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
     .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
       cursor:not-allowed;
       background:#EEF0F3;
@@ -800,20 +759,13 @@ html.iui-theme-dark{
     background-color:var(--iui-color-background-primary);
     border-color:var(--iui-color-background-primary);
     color:var(--iui-color-foreground-accessory); }
-    .iui-button.iui-high-visibility:focus{
-      background-color:#006bae;
-      border-color:#006bae;
-      color:#FFF;
-      background-color:var(--iui-color-background-primary-overlay);
-      border-color:var(--iui-color-background-primary-overlay);
-      color:var(--iui-color-foreground-accessory); }
-      .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){
-        background-color:#008BE1;
-        border-color:#008BE1;
-        color:#FFF;
-        background-color:var(--iui-color-background-primary);
-        border-color:var(--iui-color-background-primary);
-        color:var(--iui-color-foreground-accessory); }
+    .iui-button.iui-high-visibility:focus-visible{
+      outline:1px solid var(--iui-color-foreground-accessory);
+      outline-offset:-3px; }
+    @supports not selector(*:focus-visible){
+      .iui-button.iui-high-visibility:focus{
+        outline:1px solid var(--iui-color-foreground-accessory);
+        outline-offset:-3px; } }
     .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
       background-color:#006bae;
       border-color:#006bae;
@@ -836,20 +788,13 @@ html.iui-theme-dark{
     background-color:var(--iui-color-background-positive);
     border-color:var(--iui-color-background-positive);
     color:var(--iui-color-foreground-accessory); }
-    .iui-button.iui-cta:focus{
-      background-color:#3c7613;
-      border-color:#3c7613;
-      color:#FFF;
-      background-color:var(--iui-color-background-positive-overlay);
-      border-color:var(--iui-color-background-positive-overlay);
-      color:var(--iui-color-foreground-accessory); }
-      .iui-button.iui-cta:focus:where(:not(:focus-visible)){
-        background-color:#53A21A;
-        border-color:#53A21A;
-        color:#FFF;
-        background-color:var(--iui-color-background-positive);
-        border-color:var(--iui-color-background-positive);
-        color:var(--iui-color-foreground-accessory); }
+    .iui-button.iui-cta:focus-visible{
+      outline:1px solid var(--iui-color-foreground-accessory);
+      outline-offset:-3px; }
+    @supports not selector(*:focus-visible){
+      .iui-button.iui-cta:focus{
+        outline:1px solid var(--iui-color-foreground-accessory);
+        outline-offset:-3px; } }
     .iui-button.iui-cta:hover, .iui-button.iui-cta:active{
       background-color:#3c7613;
       border-color:#3c7613;
@@ -877,20 +822,13 @@ html.iui-theme-dark{
     position:fixed;
     bottom:11px;
     right:16px; }
-    .iui-button.iui-idea:focus{
-      background-color:#006bae;
-      border-color:#006bae;
-      color:#FFF;
-      background-color:var(--iui-color-background-primary-overlay);
-      border-color:var(--iui-color-background-primary-overlay);
-      color:var(--iui-color-foreground-accessory); }
-      .iui-button.iui-idea:focus:where(:not(:focus-visible)){
-        background-color:#008BE1;
-        border-color:#008BE1;
-        color:#FFF;
-        background-color:var(--iui-color-background-primary);
-        border-color:var(--iui-color-background-primary);
-        color:var(--iui-color-foreground-accessory); }
+    .iui-button.iui-idea:focus-visible{
+      outline:1px solid var(--iui-color-foreground-accessory);
+      outline-offset:-3px; }
+    @supports not selector(*:focus-visible){
+      .iui-button.iui-idea:focus{
+        outline:1px solid var(--iui-color-foreground-accessory);
+        outline-offset:-3px; } }
     .iui-button.iui-idea:hover, .iui-button.iui-idea:active{
       background-color:#006bae;
       border-color:#006bae;
@@ -915,17 +853,6 @@ html.iui-theme-dark{
     .iui-button.iui-borderless > .iui-button-icon:only-child{
       margin-left:3px;
       margin-right:3px; }
-    .iui-button.iui-borderless:focus{
-      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-button.iui-borderless:focus:where(:not(:focus-visible)){
-        border-color:transparent;
-        background-color:transparent; }
-        .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
-          margin-left:3px;
-          margin-right:3px; }
     .iui-button.iui-borderless:hover{
       background-color:rgba(0, 0, 0, 0.1);
       border-color:transparent;
@@ -975,38 +902,47 @@ html.iui-theme-dark{
   display:inline-flex;
   align-items:center;
   isolation:isolate; }
-  .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * input:focus-within, .iui-button-group > * button:hover, .iui-button-group > * button:focus, .iui-button-group > * button:focus-within{
-    position:relative;
-    z-index:1; }
-  .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{
-    position:relative;
-    z-index:-1; }
-  .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{
-    content:'';
-    position:absolute;
-    height:2px;
-    opacity:1;
-    top:2px;
-    left:2px;
-    width:calc(100% - 4px);
-    background-color:#008BE1;
-    background-color:var(--iui-color-foreground-primary); }
-  .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{
-    background-color:rgba(0, 0, 0, 0.2);
-    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
-  .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){
-    border-radius:0; }
-  .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){
-    border-top-left-radius:3px;
-    border-bottom-left-radius:3px; }
-  .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){
-    border-top-right-radius:3px;
-    border-bottom-right-radius:3px; }
-  .iui-button-group > *:not(:last-child){
-    margin-right:-1px; }
-  .iui-button-group > *:not(:first-child) .iui-default:disabled{
-    border-left-color:#DCE0E3;
-    border-left-color:var(--iui-color-background-4); }
+  .iui-button-group > *{
+    display:flex; }
+    .iui-button-group > * input, .iui-button-group > * button{
+      position:relative;
+      transition-duration:0ms; }
+      .iui-button-group > * input:hover, .iui-button-group > * button:hover{
+        z-index:1; }
+      .iui-button-group > * input:focus, .iui-button-group > * button:focus{
+        z-index:2; }
+        .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){
+          z-index:revert; }
+      .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{
+        z-index:-1; }
+      .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{
+        transition-duration:0.2s; }
+      .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{
+        content:'';
+        position:absolute;
+        height:2px;
+        opacity:1;
+        top:2px;
+        left:2px;
+        width:calc(100% - 4px);
+        background-color:#008BE1;
+        background-color:var(--iui-color-foreground-primary); }
+      .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{
+        background-color:rgba(0, 0, 0, 0.2);
+        background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
+      .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){
+        border-radius:0; }
+    .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){
+      border-top-left-radius:3px;
+      border-bottom-left-radius:3px; }
+    .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){
+      border-top-right-radius:3px;
+      border-bottom-right-radius:3px; }
+    .iui-button-group > * + *{
+      margin-left:-1px; }
+    .iui-button-group > *:not(:first-child) .iui-default:disabled{
+      border-left-color:#DCE0E3;
+      border-left-color:var(--iui-color-background-4); }
 .iui-button-split-menu{
   display:inline-flex;
@@ -1015,70 +951,88 @@ html.iui-theme-dark{
   display:inline-flex;
   align-items:center;
   isolation:isolate; }
-  .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * input:focus-within, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus, .iui-button-split-menu > * button:focus-within{
-    position:relative;
-    z-index:1; }
-  .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
-    position:relative;
-    z-index:-1; }
-  .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
-    content:'';
-    position:absolute;
-    height:2px;
-    opacity:1;
-    top:2px;
-    left:2px;
-    width:calc(100% - 4px);
-    background-color:#008BE1;
-    background-color:var(--iui-color-foreground-primary); }
-  .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
-    background-color:rgba(0, 0, 0, 0.2);
-    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
-  .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
-    border-radius:0; }
-  .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
-    border-top-left-radius:3px;
-    border-bottom-left-radius:3px; }
-  .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
-    border-top-right-radius:3px;
-    border-bottom-right-radius:3px; }
-  .iui-button-split-menu > *:not(:last-child){
-    margin-right:-1px; }
-  .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
-    border-left-color:#DCE0E3;
-    border-left-color:var(--iui-color-background-4); }
-  .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * input:focus-within, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus, .iui-button-split-menu > * button:focus-within{
-    position:relative;
-    z-index:1; }
-  .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
-    position:relative;
-    z-index:-1; }
-  .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
-    content:'';
-    position:absolute;
-    height:2px;
-    opacity:1;
-    top:2px;
-    left:2px;
-    width:calc(100% - 4px);
-    background-color:#008BE1;
-    background-color:var(--iui-color-foreground-primary); }
-  .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
-    background-color:rgba(0, 0, 0, 0.2);
-    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
-  .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
-    border-radius:0; }
-  .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
-    border-top-left-radius:3px;
-    border-bottom-left-radius:3px; }
-  .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
-    border-top-right-radius:3px;
-    border-bottom-right-radius:3px; }
-  .iui-button-split-menu > *:not(:last-child){
-    margin-right:-1px; }
-  .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
-    border-left-color:#DCE0E3;
-    border-left-color:var(--iui-color-background-4); }
+  .iui-button-split-menu > *{
+    display:flex; }
+    .iui-button-split-menu > * input, .iui-button-split-menu > * button{
+      position:relative;
+      transition-duration:0ms; }
+      .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{
+        z-index:1; }
+      .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{
+        z-index:2; }
+        .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){
+          z-index:revert; }
+      .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
+        z-index:-1; }
+      .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{
+        transition-duration:0.2s; }
+      .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
+        content:'';
+        position:absolute;
+        height:2px;
+        opacity:1;
+        top:2px;
+        left:2px;
+        width:calc(100% - 4px);
+        background-color:#008BE1;
+        background-color:var(--iui-color-foreground-primary); }
+      .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
+        background-color:rgba(0, 0, 0, 0.2);
+        background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
+      .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
+        border-radius:0; }
+    .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
+      border-top-left-radius:3px;
+      border-bottom-left-radius:3px; }
+    .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
+      border-top-right-radius:3px;
+      border-bottom-right-radius:3px; }
+    .iui-button-split-menu > * + *{
+      margin-left:-1px; }
+    .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
+      border-left-color:#DCE0E3;
+      border-left-color:var(--iui-color-background-4); }
+  .iui-button-split-menu > *{
+    display:flex; }
+    .iui-button-split-menu > * input, .iui-button-split-menu > * button{
+      position:relative;
+      transition-duration:0ms; }
+      .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{
+        z-index:1; }
+      .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{
+        z-index:2; }
+        .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){
+          z-index:revert; }
+      .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
+        z-index:-1; }
+      .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{
+        transition-duration:0.2s; }
+      .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
+        content:'';
+        position:absolute;
+        height:2px;
+        opacity:1;
+        top:2px;
+        left:2px;
+        width:calc(100% - 4px);
+        background-color:#008BE1;
+        background-color:var(--iui-color-foreground-primary); }
+      .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
+        background-color:rgba(0, 0, 0, 0.2);
+        background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
+      .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
+        border-radius:0; }
+    .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
+      border-top-left-radius:3px;
+      border-bottom-left-radius:3px; }
+    .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
+      border-top-right-radius:3px;
+      border-bottom-right-radius:3px; }
+    .iui-button-split-menu > * + *{
+      margin-left:-1px; }
+    .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
+      border-left-color:#DCE0E3;
+      border-left-color:var(--iui-color-background-4); }
   .iui-button-split-menu:hover{
     background-color:rgba(0, 0, 0, 0.1);
     background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
@@ -1163,16 +1117,13 @@ html.iui-theme-dark{
     white-space:normal;
     border:1px solid #EEF0F3;
     border:1px solid var(--iui-color-background-3); }
-    .iui-codeblock > .iui-codeblock-content:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-codeblock > .iui-codeblock-content:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-codeblock > .iui-codeblock-content:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; }
+    @supports not selector(*:focus-visible){
+      .iui-codeblock > .iui-codeblock-content:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; } }
     .iui-codeblock > .iui-codeblock-content > code{
       display:block;
       width:100%;
@@ -1295,22 +1246,19 @@ html.iui-theme-dark{
   .iui-color-swatch:hover{
     box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
     box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
-  .iui-color-swatch:focus{
-    outline:0;
-    box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-    box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
+  .iui-color-swatch:focus-visible{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:0; }
+  @supports not selector(*:focus-visible){
+    .iui-color-swatch:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:0; } }
   .iui-color-swatch.iui-active{
     box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
     box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
     .iui-color-swatch.iui-active:hover{
       box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
       box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
-    .iui-color-swatch.iui-active:focus{
-      box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
-      box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
-    .iui-color-swatch.iui-active:focus:not(:focus-visible){
-      box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
-      box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
 .iui-color-picker-section-label{
   margin-bottom:5.5px;
@@ -1376,10 +1324,13 @@ html.iui-theme-dark{
   .iui-color-dot:hover{
     box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
     box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
-  .iui-color-dot:focus{
-    outline:0;
-    box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
-    box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
+  .iui-color-dot:focus-visible{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:0; }
+  @supports not selector(*:focus-visible){
+    .iui-color-dot:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:0; } }
 .iui-date-picker{
   margin:0;
@@ -1401,93 +1352,99 @@ html.iui-theme-dark{
   display:inline-flex;
   background-color:#FFF;
   background-color:var(--iui-color-background-1); }
-  .iui-date-picker > .iui-calendar > .iui-header{
-    border:none;
-    padding:0;
-    position:relative;
-    font-weight:700;
-    background-color:#FFF;
-    background-color:var(--iui-color-background-1); }
-    .iui-date-picker > .iui-calendar > .iui-header > .iui-month-year{
-      display:inline-flex;
-      width:100%;
-      align-items:center;
-      justify-content:space-between;
-      padding:0 4px;
-      box-sizing:border-box; }
-      .iui-date-picker > .iui-calendar > .iui-header > .iui-month-year > span{
-        margin:0 4px;
-        width:156px;
-        white-space:nowrap;
-        display:inline-flex;
-        flex-shrink:0;
-        align-items:center;
-        justify-content:center;
-        line-height:44px; }
-      .iui-date-picker > .iui-calendar > .iui-header > .iui-month-year .iui-month{
-        overflow:hidden;
-        max-width:15ch;
-        text-overflow:ellipsis;
-        white-space:nowrap;
-        flex-shrink:0; }
-    .iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays{
-      line-height:33px;
-      display:flex;
-      justify-content:space-evenly;
-      align-items:center;
-      padding:0 8px;
-      background-color:#F8F9FB;
-      background-color:var(--iui-color-background-2); }
-      .iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays > div{
-        white-space:nowrap;
-        overflow:hidden;
-        width:32px;
-        text-align:center; }
-  .iui-date-picker > .iui-calendar > .iui-dates > .iui-week{
+.iui-calendar-month-year{
+  display:inline-flex;
+  width:100%;
+  align-items:center;
+  justify-content:space-between;
+  padding:0 4px;
+  box-sizing:border-box;
+  font-weight:700;
+  background-color:#FFF;
+  background-color:var(--iui-color-background-1); }
+  .iui-calendar-month-year > span{
+    margin:0 4px;
+    width:156px;
     white-space:nowrap;
-    height:33px;
-    display:flex;
+    display:inline-flex;
+    flex-shrink:0;
     align-items:center;
-    justify-content:space-evenly;
-    padding:0 8px; }
-    .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date{
-      cursor:pointer;
-      display:inline-block;
-      width:33px;
-      line-height:33px; }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date:focus{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date:focus:not(:focus-visible){
-        box-shadow:none; }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date:focus-visible{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date:hover:not(.iui-selected){
-        border-radius:3px;
-        font-weight:600;
-        color:#008BE1;
-        background-color:rgba(0, 139, 225, 0.1);
-        color:var(--iui-color-foreground-primary);
-        background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date.iui-today{
-        font-weight:600;
-        border-radius:50%;
-        background-color:rgba(0, 0, 0, 0.1);
-        background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date.iui-selected{
-        font-weight:600;
-        border-radius:3px;
-        cursor:default;
-        background-color:#008BE1;
-        color:#FFF;
-        background-color:var(--iui-color-background-primary);
-        color:var(--iui-color-foreground-accessory); }
-      .iui-date-picker > .iui-calendar > .iui-dates > .iui-week > .iui-date.iui-outside-month{
-        color:rgba(0, 0, 0, 0.4);
-        color:var(--iui-text-color-muted); }
+    justify-content:center;
+    line-height:44px; }
+.iui-calendar-month{
+  overflow:hidden;
+  max-width:15ch;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  flex-shrink:0; }
+.iui-calendar-weekdays{
+  line-height:33px;
+  display:flex;
+  justify-content:space-evenly;
+  align-items:center;
+  padding:0 8px;
+  font-weight:700;
+  background-color:#F8F9FB;
+  background-color:var(--iui-color-background-2); }
+  .iui-calendar-weekdays > div{
+    white-space:nowrap;
+    overflow:hidden;
+    width:32px;
+    text-align:center; }
+.iui-calendar-week{
+  white-space:nowrap;
+  height:33px;
+  display:flex;
+  align-items:center;
+  justify-content:space-evenly;
+  padding:0 8px; }
+.iui-calendar-day{
+  cursor:pointer;
+  display:inline-block;
+  width:33px;
+  line-height:33px;
+  border-radius:3px; }
+  .iui-calendar-day:focus-visible{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
+  @supports not selector(*:focus-visible){
+    .iui-calendar-day:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
+  .iui-calendar-day.iui-today{
+    font-weight:600;
+    border-radius:50%;
+    background-color:rgba(0, 0, 0, 0.1);
+    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
+  .iui-calendar-day:hover{
+    font-weight:600;
+    color:#008BE1;
+    background-color:rgba(0, 139, 225, 0.1);
+    color:var(--iui-color-foreground-primary);
+    background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
+  .iui-calendar-day.iui-selected{
+    font-weight:600;
+    border-radius:3px;
+    cursor:default;
+    background-color:#008BE1;
+    color:#FFF;
+    background-color:var(--iui-color-background-primary);
+    color:var(--iui-color-foreground-accessory); }
+    .iui-calendar-day.iui-selected:focus-visible{
+      outline:1px solid var(--iui-color-foreground-accessory);
+      outline-offset:-3px; }
+    @supports not selector(*:focus-visible){
+      .iui-calendar-day.iui-selected:focus{
+        outline:1px solid var(--iui-color-foreground-accessory);
+        outline-offset:-3px; } }
+  .iui-calendar-day.iui-outside-month{
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted); }
 .iui-expandable-block{
   margin:0;
@@ -1516,6 +1473,13 @@ html.iui-theme-dark{
     border:1px solid var(--iui-color-background-3);
     border-bottom-color:var(--iui-color-background-4);
     background-color:var(--iui-color-background-3); }
+    .iui-expandable-block > .iui-header:focus-visible{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; }
+    @supports not selector(*:focus-visible){
+      .iui-expandable-block > .iui-header:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; } }
     @media (prefers-reduced-motion: no-preference){
       .iui-expandable-block > .iui-header{
         transition:background-color 0.2s ease-out; } }
@@ -1569,16 +1533,13 @@ html.iui-theme-dark{
       font-size:12px;
       color:rgba(0, 0, 0, 0.4);
       color:var(--iui-text-color-muted); }
-    .iui-expandable-block > .iui-header:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-expandable-block > .iui-header:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-expandable-block > .iui-header:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; }
+    @supports not selector(*:focus-visible){
+      .iui-expandable-block > .iui-header:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; } }
   .iui-expandable-block .iui-expandable-content{
     overflow:hidden;
     box-sizing:border-box;
@@ -1741,9 +1702,10 @@ html.iui-theme-dark{
       position:relative;
       flex-direction:row; }
       .iui-file-upload > .iui-content:only-child:focus-within{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
+        outline:2px solid #008BE1;
+        outline-offset:-2px;
+        outline:2px solid var(--iui-color-foreground-primary);
+        outline-offset:-2px; }
     .iui-file-upload > .iui-content .iui-template-text{
       margin-left:24px; }
       .iui-file-upload > .iui-content .iui-template-text > label{
@@ -1774,7 +1736,6 @@ html.iui-theme-dark{
     list-style-type:none;
     margin:0 auto;
     padding:0;
-    overflow:hidden;
     display:flex;
     justify-content:center;
     align-items:center;
@@ -1797,34 +1758,22 @@ html.iui-theme-dark{
         background-color:rgba(0, 0, 0, 0.4);
         background-color:var(--iui-text-color-muted); }
       .iui-legal-footer > ul > li > a{
+        border-radius:3px;
         text-decoration:none;
         cursor:pointer;
         color:#008BE1;
         color:var(--iui-color-foreground-primary); }
-        .iui-legal-footer > ul > li > a:focus{
-          outline:0;
-          box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-          box-shadow:var(--iui-focus-box-shadow); }
-        .iui-legal-footer > ul > li > a:focus:not(:focus-visible){
-          box-shadow:none; }
         .iui-legal-footer > ul > li > a:focus-visible{
-          outline:0;
-          box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-          box-shadow:var(--iui-focus-box-shadow); }
+          outline:1px solid var(--iui-color-foreground-primary);
+          outline-offset:2px; }
+        @supports not selector(*:focus-visible){
+          .iui-legal-footer > ul > li > a:focus{
+            outline:1px solid var(--iui-color-foreground-primary);
+            outline-offset:2px; } }
         .iui-legal-footer > ul > li > a:hover{
           color:#006bae;
           color:var(--iui-color-foreground-primary-overlay);
           text-decoration:underline; }
-        .iui-legal-footer > ul > li > a:focus{
-          outline:0;
-          box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-          box-shadow:var(--iui-focus-box-shadow); }
-        .iui-legal-footer > ul > li > a:focus:not(:focus-visible){
-          box-shadow:none; }
-        .iui-legal-footer > ul > li > a:focus-visible{
-          outline:0;
-          box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-          box-shadow:var(--iui-focus-box-shadow); }
         .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); }
@@ -1937,12 +1886,6 @@ html.iui-theme-dark{
     .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
       color:#008BE1;
       color:var(--iui-color-foreground-primary); }
-    .iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
-      box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
-    .iui-page-header .iui-header-button.iui-header-button.iui-active:focus:not(:focus-visible){
-      box-shadow:0 2px 0 0 #008BE1;
-      box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
     .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled{
       background-color:rgba(0, 0, 0, 0.05);
       box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
@@ -2043,12 +1986,6 @@ html.iui-theme-dark{
       .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
         color:#008BE1;
         color:var(--iui-color-foreground-primary); }
-      .iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
-        box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
-      .iui-page-header .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
-        box-shadow:0 2px 0 0 #008BE1;
-        box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
       .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled{
         background-color:rgba(0, 0, 0, 0.05);
         box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
@@ -2095,12 +2032,6 @@ html.iui-theme-dark{
     .iui-page-header .iui-header-split-button.iui-active .iui-button-label{
       color:#008BE1;
       color:var(--iui-color-foreground-primary); }
-    .iui-page-header .iui-header-split-button.iui-active:focus{
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
-      box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
-    .iui-page-header .iui-header-split-button.iui-active:focus:not(:focus-visible){
-      box-shadow:0 2px 0 0 #008BE1;
-      box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
     .iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
       background-color:rgba(0, 0, 0, 0.05);
       box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
@@ -2227,14 +2158,12 @@ html.iui-theme-dark{
     a.iui-header-logo:focus:not(:focus-visible),
     button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){
       outline:0; }
-    a.iui-header-logo:hover, a.iui-header-logo:focus,
-    button.iui-header-logo:hover,
-    button.iui-header-logo:focus, .iui-header-logo[role='button']:hover, .iui-header-logo[role='button']:focus{
+    a.iui-header-logo:hover,
+    button.iui-header-logo:hover, .iui-header-logo[role='button']:hover{
       background-color:rgba(0, 0, 0, 0.1);
       background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
-      a.iui-header-logo:hover:not(:focus-visible):not(:hover), a.iui-header-logo:focus:not(:focus-visible):not(:hover),
-      button.iui-header-logo:hover:not(:focus-visible):not(:hover),
-      button.iui-header-logo:focus:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:focus:not(:focus-visible):not(:hover){
+      a.iui-header-logo:hover:not(:focus-visible):not(:hover),
+      button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover){
         background-color:#FFF;
         background-color:var(--iui-color-background-1); }
   .iui-header-logo .iui-header-button-icon{
@@ -2523,8 +2452,8 @@ html.iui-theme-dark{
   vertical-align:baseline;
   display:-ms-grid;
   display:grid;
-  -ms-grid-rows:auto auto;
-  -ms-grid-columns:auto 1fr;
+  -ms-grid-rows: auto auto;
+  -ms-grid-columns: auto 1fr;
       grid-template:'label label' 'inputs inputs' / auto 1fr;
   cursor:default; }
   .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
@@ -2537,8 +2466,8 @@ html.iui-theme-dark{
     .iui-input-container.iui-inline-icon > .iui-textarea:last-child{
       padding-right:12px; }
   .iui-input-container.iui-with-message{
-    -ms-grid-rows:auto auto auto;
-    -ms-grid-columns:auto 1fr;
+    -ms-grid-rows: auto auto auto;
+    -ms-grid-columns: auto 1fr;
         grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
     .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
       margin-top:3px; }
@@ -2563,8 +2492,8 @@ html.iui-theme-dark{
   .iui-input-container .iui-radio{
     min-height:22px; }
   .iui-input-container.iui-inline-label{
-    -ms-grid-rows:auto;
-    -ms-grid-columns:auto 1fr auto;
+    -ms-grid-rows: auto;
+    -ms-grid-columns: auto 1fr auto;
         grid-template:'label inputs icon' / auto 1fr auto; }
     div.iui-input-container.iui-inline-label{
       -ms-grid-columns:auto min-content auto; }
@@ -2578,8 +2507,8 @@ html.iui-theme-dark{
       -ms-grid-row:1;
       -ms-grid-column:3; }
     .iui-input-container.iui-inline-label.iui-with-message{
-      -ms-grid-rows:auto auto;
-      -ms-grid-columns:auto auto 1fr;
+      -ms-grid-rows: auto auto;
+      -ms-grid-columns: auto auto 1fr;
           grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
       .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
         -ms-grid-row:2;
@@ -2722,9 +2651,11 @@ html.iui-theme-dark{
     .iui-input-container.iui-positive > .iui-textarea:focus,
     .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{
       border-bottom:2px solid #53A21A;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
+      outline:2px solid #53A21A;
+      outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-positive);
-      box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
+      outline:2px solid var(--iui-color-foreground-positive);
+      outline-offset:-2px; }
   .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)); }
@@ -2763,9 +2694,11 @@ html.iui-theme-dark{
     .iui-input-container.iui-negative > .iui-textarea:focus,
     .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{
       border-bottom:2px solid #D30A0A;
-      box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
+      outline:2px solid #D30A0A;
+      outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-negative);
-      box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
+      outline:2px solid var(--iui-color-foreground-negative);
+      outline-offset:-2px; }
   .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)); }
@@ -2804,9 +2737,11 @@ html.iui-theme-dark{
     .iui-input-container.iui-warning > .iui-textarea:focus,
     .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{
       border-bottom:2px solid #F18B12;
-      box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
+      outline:2px solid #F18B12;
+      outline-offset:-2px;
       border-bottom:2px solid var(--iui-color-foreground-warning);
-      box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
+      outline:2px solid var(--iui-color-foreground-warning);
+      outline-offset:-2px; }
 .iui-input-label{
   font-weight:600;
@@ -2853,6 +2788,13 @@ html.iui-theme-dark{
   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-input:focus-visible{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-2px; }
+  @supports not selector(*:focus-visible){
+    .iui-input:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-2px; } }
   @media (prefers-reduced-motion: no-preference){
     .iui-input{
       transition:border-color 0.2s ease-out; } }
@@ -2908,12 +2850,6 @@ html.iui-theme-dark{
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled);
     cursor:not-allowed; }
-  .iui-input:focus{
-    outline:0;
-    border-color:rgba(0, 0, 0, 0.4);
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-    box-shadow:var(--iui-focus-box-shadow); }
 .iui-textarea{
   margin:0;
@@ -2940,6 +2876,13 @@ html.iui-theme-dark{
   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{
       transition:border-color 0.2s ease-out; } }
@@ -2995,12 +2938,6 @@ html.iui-theme-dark{
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled);
     cursor:not-allowed; }
-  .iui-textarea:focus{
-    outline:0;
-    border-color:rgba(0, 0, 0, 0.4);
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-    box-shadow:var(--iui-focus-box-shadow); }
   .iui-textarea[disabled], .iui-textarea[readonly]{
     resize:none; }
@@ -3012,7 +2949,8 @@ html.iui-theme-dark{
   display:flex;
   flex-direction:column;
   position:relative;
-  width:100%; }
+  width:100%;
+  min-width:0; }
   .iui-select > .iui-select-button{
     margin:0;
     padding:0;
@@ -3045,6 +2983,13 @@ html.iui-theme-dark{
         -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; } }
@@ -3100,22 +3045,13 @@ html.iui-theme-dark{
       background-color:var(--iui-color-background-disabled);
       border-color:var(--iui-color-background-disabled);
       cursor:not-allowed; }
-    .iui-select > .iui-select-button:focus{
-      outline:0;
-      border-color:rgba(0, 0, 0, 0.4);
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-select > .iui-select-button:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-select > .iui-select-button:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-select > .iui-select-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      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; } }
@@ -3210,32 +3146,47 @@ html.iui-theme-dark{
     cursor:not-allowed; }
   .iui-checkbox .iui-checkbox-checkmark,
   .iui-checkbox .iui-radio-dot{
-    box-sizing:border-box;
     width:16px;
     height:16px;
     margin:0;
     display:flex;
+    flex-shrink:0;
     justify-content:center;
     align-items:center;
-    border:1px solid rgba(0, 0, 0, 0.4);
+    position:relative;
+    isolation:isolate;
+    border-color:rgba(0, 0, 0, 0.4);
     background-color:#FFF;
-    border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+    border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
     background-color:var(--iui-color-background-1); }
+    .iui-checkbox .iui-checkbox-checkmark::after,
+    .iui-checkbox .iui-radio-dot::after{
+      content:'';
+      position:absolute;
+      inset:0;
+      z-index:-1;
+      transition:border-color 0.2s ease-out;
+      border-radius:inherit;
+      border-style:solid;
+      border-width:1px;
+      border-color:inherit; }
     .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial),
     .iui-checkbox .iui-radio-dot svg:not(.iui-radial){
-      width:12px;
-      height:12px; }
+      width:100%;
+      height:100%;
+      fill:#008BE1;
+      fill:var(--iui-icons-color-primary); }
       .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
       .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
-        opacity:0;
-        fill:#008BE1;
-        fill:var(--iui-icons-color-primary); }
+        opacity:0; }
         @media (prefers-reduced-motion: no-preference){
           .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
           .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
             transition:opacity 0.2s ease; } }
   .iui-checkbox > .iui-label{
-    margin-right:8px; }
+    margin-right:8px;
+    display:flex;
+    align-items:center; }
     .iui-checkbox > .iui-label svg{
       width:16px;
       height:16px;
@@ -3250,10 +3201,6 @@ html.iui-theme-dark{
   .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
     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-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark,
-      .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
-        transition:all 0.2s ease-out; } }
   .iui-checkbox input:checked ~ .iui-checkbox-checkmark,
   .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark,
   .iui-checkbox input:checked ~ .iui-radio-dot{
@@ -3270,11 +3217,12 @@ html.iui-theme-dark{
         transition:opacity 0.2s ease; } }
   .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark,
   .iui-checkbox input:enabled:focus ~ .iui-radio-dot{
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:2px solid #008BE1;
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
   .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark,
   .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{
-    box-shadow:none; }
+    outline:none; }
   .iui-checkbox input:disabled ~ .iui-checkbox-checkmark,
   .iui-checkbox input:disabled ~ .iui-radio-dot{
     cursor:not-allowed;
@@ -3282,9 +3230,8 @@ html.iui-theme-dark{
     border-color:#EEF0F3;
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled); }
-  .iui-checkbox input:disabled ~ .iui-checkbox-checkmark path,
-  .iui-checkbox input:disabled ~ .iui-checkbox-checkmark g,
-  .iui-checkbox input:disabled ~ .iui-radio-dot circle{
+  .iui-checkbox input:disabled ~ .iui-checkbox-checkmark svg,
+  .iui-checkbox input:disabled ~ .iui-radio-dot svg{
     fill:rgba(0, 0, 0, 0.2);
     fill:var(--iui-icons-color-actionable-disabled); }
   .iui-checkbox input:disabled ~ .iui-label{
@@ -3308,7 +3255,7 @@ html.iui-theme-dark{
   .iui-checkbox.iui-loading{
     cursor:wait; }
     .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{
-      border:none;
+      border-color:transparent;
       background-color:transparent; }
     .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{
       cursor:wait; }
@@ -3317,14 +3264,11 @@ html.iui-theme-dark{
   .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
     background-color:rgba(0, 0, 0, 0.1);
     background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
-  .iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
-  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
+  .iui-checkbox-visibility input ~ .iui-checkbox-checkmark::after,
+  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark::after{
     border:none; }
   .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{
     background-color:transparent; }
-  .iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){
-    width:16px;
-    height:16px; }
   .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
   .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
     opacity:0; }
@@ -3333,6 +3277,9 @@ html.iui-theme-dark{
     transition:opacity 0.2s ease;
     fill:rgba(0, 0, 0, 0.8);
     fill:var(--iui-icons-color-actionable); }
+  .iui-checkbox-visibility input:disabled ~ .iui-checkbox-checkmark .iui-uncheck{
+    fill:rgba(0, 0, 0, 0.2);
+    fill:var(--iui-icons-color-actionable-disabled); }
 .iui-radio{
   margin:0;
@@ -3365,32 +3312,47 @@ html.iui-theme-dark{
     cursor:not-allowed; }
   .iui-radio .iui-checkbox-checkmark,
   .iui-radio .iui-radio-dot{
-    box-sizing:border-box;
     width:16px;
     height:16px;
     margin:0;
     display:flex;
+    flex-shrink:0;
     justify-content:center;
     align-items:center;
-    border:1px solid rgba(0, 0, 0, 0.4);
+    position:relative;
+    isolation:isolate;
+    border-color:rgba(0, 0, 0, 0.4);
     background-color:#FFF;
-    border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+    border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
     background-color:var(--iui-color-background-1); }
+    .iui-radio .iui-checkbox-checkmark::after,
+    .iui-radio .iui-radio-dot::after{
+      content:'';
+      position:absolute;
+      inset:0;
+      z-index:-1;
+      transition:border-color 0.2s ease-out;
+      border-radius:inherit;
+      border-style:solid;
+      border-width:1px;
+      border-color:inherit; }
     .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial),
     .iui-radio .iui-radio-dot svg:not(.iui-radial){
-      width:12px;
-      height:12px; }
+      width:100%;
+      height:100%;
+      fill:#008BE1;
+      fill:var(--iui-icons-color-primary); }
       .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
       .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
-        opacity:0;
-        fill:#008BE1;
-        fill:var(--iui-icons-color-primary); }
+        opacity:0; }
         @media (prefers-reduced-motion: no-preference){
           .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
           .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
             transition:opacity 0.2s ease; } }
   .iui-radio > .iui-label{
-    margin-right:8px; }
+    margin-right:8px;
+    display:flex;
+    align-items:center; }
     .iui-radio > .iui-label svg{
       width:16px;
       height:16px;
@@ -3405,10 +3367,6 @@ html.iui-theme-dark{
   .iui-radio:hover > input:enabled ~ .iui-radio-dot{
     border-color:rgba(0, 0, 0, 0.8);
     border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
-    @media (prefers-reduced-motion: no-preference){
-      .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark,
-      .iui-radio:hover > input:enabled ~ .iui-radio-dot{
-        transition:all 0.2s ease-out; } }
   .iui-radio input:checked ~ .iui-checkbox-checkmark,
   .iui-radio input:indeterminate ~ .iui-checkbox-checkmark,
   .iui-radio input:checked ~ .iui-radio-dot{
@@ -3425,11 +3383,12 @@ html.iui-theme-dark{
         transition:opacity 0.2s ease; } }
   .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark,
   .iui-radio input:enabled:focus ~ .iui-radio-dot{
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:2px solid #008BE1;
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
   .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark,
   .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{
-    box-shadow:none; }
+    outline:none; }
   .iui-radio input:disabled ~ .iui-checkbox-checkmark,
   .iui-radio input:disabled ~ .iui-radio-dot{
     cursor:not-allowed;
@@ -3437,9 +3396,8 @@ html.iui-theme-dark{
     border-color:#EEF0F3;
     background-color:var(--iui-color-background-disabled);
     border-color:var(--iui-color-background-disabled); }
-  .iui-radio input:disabled ~ .iui-checkbox-checkmark path,
-  .iui-radio input:disabled ~ .iui-checkbox-checkmark g,
-  .iui-radio input:disabled ~ .iui-radio-dot circle{
+  .iui-radio input:disabled ~ .iui-checkbox-checkmark svg,
+  .iui-radio input:disabled ~ .iui-radio-dot svg{
     fill:rgba(0, 0, 0, 0.2);
     fill:var(--iui-icons-color-actionable-disabled); }
   .iui-radio input:disabled ~ .iui-label{
@@ -3537,9 +3495,12 @@ html.iui-theme-dark{
     .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{
       margin-left:-1px; }
     .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      outline:2px solid #008BE1;
+      outline-offset:-4px;
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-4px; }
+    .iui-radio-tile-container > label input:enabled:focus:not(:focus-visible) ~ .iui-radio-tile{
+      outline:none; }
     .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{
       z-index:2;
       border-color:rgba(0, 0, 0, 0.8);
@@ -4537,10 +4498,7 @@ html.iui-theme-dark{
       white-space:nowrap;
       overflow:hidden;
       text-overflow:ellipsis; }
-    .iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:focus{
-      border-color:#C7CCD1;
-      border-color:var(--iui-color-background-5); }
-    .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
+    .iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled]{
       border-color:#C7CCD1;
       border-color:var(--iui-color-background-5); }
     .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
@@ -4553,21 +4511,9 @@ html.iui-theme-dark{
     .iui-side-navigation .iui-sidenav-button.iui-active{
       box-shadow:inset 2px 0 0 0 #008BE1;
       box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
-      .iui-side-navigation .iui-sidenav-button.iui-active:focus{
-        box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
-        box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 2px 0 0 0 var(--iui-icons-color-primary); }
-      .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
-        box-shadow:inset 2px 0 0 0 #008BE1;
-        box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
     .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
       background-color:#F8F9FB;
       background-color:var(--iui-color-background-2); }
-    .iui-side-navigation .iui-sidenav-button:focus{
-      outline:0;
-      box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6);
-      box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
-    .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
-      box-shadow:none; }
     .iui-side-navigation .iui-sidenav-button.iui-expand{
       height:22px;
       justify-content:center;
@@ -4775,19 +4721,16 @@ html.iui-theme-dark{
   border:1px solid #C7CCD1;
   background:var(--iui-color-background-1);
   border:1px solid var(--iui-color-background-5); }
+  .iui-slider-thumb:focus-visible{
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
+  @supports not selector(*:focus-visible){
+    .iui-slider-thumb:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
   .iui-slider-thumb:active{
     cursor:-webkit-grabbing;
     cursor:grabbing; }
-  .iui-slider-thumb:focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  .iui-slider-thumb:focus:not(:focus-visible){
-    box-shadow:none; }
-  .iui-slider-thumb:focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
 .iui-slider-track{
   pointer-events:none;
@@ -4839,21 +4782,23 @@ html.iui-theme-dark{
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
+  overflow:hidden;
+  flex-shrink:0;
   background-color:#EEF0F3;
   background-color:var(--iui-color-background-3); }
+  @supports not (overflow: overlay){
+    .iui-table-header{
+      overflow-y:scroll; } }
   .iui-table-header .iui-row{
     display:flex;
     flex-grow:1; }
-  .iui-table-header .iui-cell:not(.iui-slot):focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  .iui-table-header .iui-cell:not(.iui-slot):focus:not(:focus-visible){
-    box-shadow:none; }
   .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
+  @supports not selector(*:focus-visible){
+    .iui-table-header .iui-cell:not(.iui-slot):focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
   .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
     cursor:pointer; }
   .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
@@ -4908,23 +4853,24 @@ html.iui-theme-dark{
       fill:var(--iui-icons-color-actionable); }
 .iui-table-body{
-  overflow-x:hidden;
   overflow-y:scroll;
-  overflow-y:overlay;
+  overflow:overlay;
   display:flex;
   flex-direction:column;
   flex-grow:1;
+  align-items:flex-start;
   background-color:#FFF;
   background-color:var(--iui-color-background-1); }
   .iui-table-body.iui-scroll-snapping{
     -ms-scroll-snap-type:y mandatory;
         scroll-snap-type:y mandatory; }
     .iui-table-body.iui-scroll-snapping .iui-row{
-      scroll-snap-align:start; }
+      scroll-snap-align:start none; }
   .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{
+    min-width:100%;
     display:flex;
     border:solid 1px transparent;
     border-bottom-color:#DCE0E3;
@@ -5075,6 +5021,8 @@ html.iui-theme-dark{
     justify-content:center;
     align-items:center;
     flex-grow:1;
+    -ms-grid-row-align:center;
+        align-self:center;
     color:rgba(0, 0, 0, 0.4);
     background-color:#FFF;
     color:var(--iui-text-color-muted);
@@ -5166,28 +5114,6 @@ html.iui-theme-dark{
     flex:2 1;
     color:rgba(0, 0, 0, 0.8);
     color:var(--iui-text-color); }
-    .iui-paginator > .iui-center .iui-button-group{
-      margin:0 8px; }
-      .iui-paginator > .iui-center .iui-button-group > *{
-        margin-right:0;
-        display:flex; }
-        .iui-paginator > .iui-center .iui-button-group > * > .iui-button,
-        .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
-          width:38px; }
-          .iui-paginator > .iui-center .iui-button-group > * > .iui-button.iui-small,
-          .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis.iui-small{
-            width:27px; }
-        .iui-paginator > .iui-center .iui-button-group > * > .iui-button{
-          transition:none; }
-        .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
-          display:flex;
-          justify-content:center;
-          align-items:center;
-          color:rgba(0, 0, 0, 0.4);
-          color:var(--iui-text-color-muted); }
-        .iui-paginator > .iui-center .iui-button-group > * > .iui-active::after{
-          top:auto;
-          bottom:2px; }
   .iui-paginator > .iui-right{
     justify-content:flex-end; }
   .iui-paginator-page-size-label{
@@ -5197,6 +5123,159 @@ html.iui-theme-dark{
     overflow:hidden;
     text-overflow:ellipsis; }
+.iui-paginator-ellipsis{
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  width:38px;
+  color:rgba(0, 0, 0, 0.4);
+  color:var(--iui-text-color-muted); }
+  .iui-paginator-ellipsis-small{
+    width:27px; }
+.iui-paginator-pages-group{
+  display:inline-flex;
+  align-items:center;
+  isolation:isolate;
+  margin:0 8px; }
+  .iui-paginator-pages-group > *{
+    display:flex; }
+    .iui-paginator-pages-group > * input, .iui-paginator-pages-group > * button{
+      position:relative;
+      transition-duration:0ms; }
+      .iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * button:hover{
+        z-index:1; }
+      .iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:focus{
+        z-index:2; }
+        .iui-paginator-pages-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-paginator-pages-group > * button:focus:where(:not(:focus-visible):not(:hover)){
+          z-index:revert; }
+      .iui-paginator-pages-group > * input:disabled, .iui-paginator-pages-group > * button:disabled{
+        z-index:-1; }
+      .iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:hover, .iui-paginator-pages-group > * button:focus{
+        transition-duration:0.2s; }
+      .iui-paginator-pages-group > * input.iui-active::after, .iui-paginator-pages-group > * button.iui-active::after{
+        content:'';
+        position:absolute;
+        height:2px;
+        opacity:1;
+        top:2px;
+        left:2px;
+        width:calc(100% - 4px);
+        background-color:#008BE1;
+        background-color:var(--iui-color-foreground-primary); }
+      .iui-paginator-pages-group > * input.iui-active:disabled::after, .iui-paginator-pages-group > * button.iui-active:disabled::after{
+        background-color:rgba(0, 0, 0, 0.2);
+        background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
+      .iui-paginator-pages-group > * input:not(.iui-borderless), .iui-paginator-pages-group > * button:not(.iui-borderless){
+        border-radius:0; }
+    .iui-paginator-pages-group > *:first-child input, .iui-paginator-pages-group > *:first-child button:not(.iui-borderless){
+      border-top-left-radius:3px;
+      border-bottom-left-radius:3px; }
+    .iui-paginator-pages-group > *:last-child input, .iui-paginator-pages-group > *:last-child button:not(.iui-borderless){
+      border-top-right-radius:3px;
+      border-bottom-right-radius:3px; }
+    .iui-paginator-pages-group > * + *{
+      margin-left:-1px; }
+    .iui-paginator-pages-group > *:not(:first-child) .iui-default:disabled{
+      border-left-color:#DCE0E3;
+      border-left-color:var(--iui-color-background-4); }
+  .iui-paginator-pages-group > * + *{
+    margin-left:0; }
+  .iui-paginator-pages-group button.iui-active::after{
+    top:auto;
+    bottom:2px; }
+.iui-paginator-page-button{
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  font-family:inherit;
+  display:inline-flex;
+  align-items:center;
+  vertical-align:middle;
+  justify-content:center;
+  position:relative;
+  box-sizing:border-box;
+  border-radius:3px;
+  line-height:22px;
+  outline:none;
+  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));
+  border-color:transparent;
+  background-color:transparent;
+  padding:0 8px;
+  height:38px;
+  gap:8px;
+  width:38px; }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-paginator-page-button{
+      transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
+  .iui-paginator-page-button:hover{
+    text-decoration:none;
+    color:black;
+    color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
+  .iui-paginator-page-button:focus-visible{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:-1px; }
+  @supports not selector(*:focus-visible){
+    .iui-paginator-page-button:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px; } }
+  .iui-paginator-page-button[disabled], .iui-paginator-page-button: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)); }
+  .iui-paginator-page-button > .iui-button-icon:only-child{
+    margin-left:3px;
+    margin-right:3px; }
+  .iui-paginator-page-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-paginator-page-button.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-paginator-page-button[disabled], .iui-paginator-page-button: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-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
+      background-color:rgba(0, 0, 0, 0.05);
+      background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
+  .iui-paginator-page-button-small{
+    padding:0 8px;
+    height:27px;
+    gap:4px;
+    width:27px; }
 .iui-column-filter{
   margin:0;
   padding:0;
@@ -5292,11 +5371,13 @@ html.iui-theme-dark{
       .iui-tabs .iui-tab[disabled] .iui-tab-icon{
         fill:rgba(0, 0, 0, 0.2);
         fill:var(--iui-icons-color-actionable-disabled); }
-    .iui-tabs .iui-tab:focus{
+    .iui-tabs .iui-tab:focus-visible{
       outline:1px solid var(--iui-color-foreground-primary);
       outline-offset:-1px; }
-    .iui-tabs .iui-tab:focus:not(:focus-visible){
-      outline:none; }
+    @supports not selector(*:focus-visible){
+      .iui-tabs .iui-tab:focus{
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; } }
   .iui-tabs .iui-tab-icon{
     width:16px;
     height:16px;
@@ -5357,6 +5438,9 @@ html.iui-theme-dark{
     .iui-tabs.iui-default .iui-tab[disabled]{
       background-color:#EEF0F3;
       background-color:var(--iui-color-background-3); }
+    .iui-tabs.iui-default .iui-tab:focus{
+      outline-width:2px;
+      outline-offset:-2px; }
   .iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{
     border-bottom-color:transparent; }
   .iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{
@@ -5487,16 +5571,13 @@ html.iui-theme-dark{
           user-select:all;
   text-transform:lowercase;
   display:inline-flex; }
-  .iui-tag:focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  .iui-tag:focus:not(:focus-visible){
-    box-shadow:none; }
   .iui-tag:focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:2px solid var(--iui-color-foreground-primary);
+    outline-offset:-2px; }
+  @supports not selector(*:focus-visible){
+    .iui-tag:focus{
+      outline:2px solid var(--iui-color-foreground-primary);
+      outline-offset:-2px; } }
   .iui-tag:not(a){
     color:rgba(0, 0, 0, 0.4);
     color:var(--iui-text-color-muted); }
@@ -5538,22 +5619,22 @@ html.iui-theme-dark{
     .iui-tag:not(.iui-basic):hover{
       border-color:black;
       border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
+  .iui-tag.iui-basic{
+    outline-offset:1px; }
 a.iui-tag{
+  border-radius:3px;
   text-decoration:none;
   cursor:pointer;
   color:#008BE1;
   color:var(--iui-color-foreground-primary); }
-  a.iui-tag:focus{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
-  a.iui-tag:focus:not(:focus-visible){
-    box-shadow:none; }
   a.iui-tag:focus-visible{
-    outline:0;
-    box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-    box-shadow:var(--iui-focus-box-shadow); }
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:2px; }
+  @supports not selector(*:focus-visible){
+    a.iui-tag:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:2px; } }
   a.iui-tag:hover{
     color:#006bae;
     color:var(--iui-color-foreground-primary-overlay);
@@ -5562,6 +5643,8 @@ a.iui-tag{
 .iui-tag-container{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted); }
+  .iui-tag-container > a.iui-basic{
+    margin:2px; }
   .iui-tag-container > .iui-tag:not(:last-child){
     margin-right:4px; }
   .iui-tag-container > .iui-basic:not(:last-child)::after{
@@ -5723,20 +5806,6 @@ a.iui-tag{
       .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:focus,
-      .iui-tile .iui-thumbnail > .iui-quick-action:focus{
-        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:focus:where(:not(:focus-visible)),
-        .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)){
-          border-color:transparent;
-          background-color:transparent; }
-          .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child,
-          .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)) > .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);
@@ -6065,16 +6134,13 @@ a.iui-tag{
     .iui-time > ol > li{
       padding:6px 16px;
       border-radius:3px; }
-      .iui-time > ol > li:focus{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
-      .iui-time > ol > li:focus:not(:focus-visible){
-        box-shadow:none; }
       .iui-time > ol > li:focus-visible{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; }
+      @supports not selector(*:focus-visible){
+        .iui-time > ol > li:focus{
+          outline:1px solid var(--iui-color-foreground-primary);
+          outline-offset:-1px; } }
       .iui-time > ol > li:hover{
         cursor:pointer;
         color:#008BE1;
@@ -6088,6 +6154,13 @@ a.iui-tag{
         color:#FFF;
         background-color:var(--iui-color-background-primary);
         color:var(--iui-color-foreground-accessory); }
+        .iui-time > ol > li.iui-selected:focus-visible{
+          outline:1px solid var(--iui-color-foreground-accessory);
+          outline-offset:-3px; }
+        @supports not selector(*:focus-visible){
+          .iui-time > ol > li.iui-selected:focus{
+            outline:1px solid var(--iui-color-foreground-accessory);
+            outline-offset:-3px; } }
 .iui-period{
   padding:11px 8px;
@@ -6108,16 +6181,13 @@ a.iui-tag{
     .iui-period > ol > li{
       padding:6px 16px;
       border-radius:3px; }
-      .iui-period > ol > li:focus{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
-      .iui-period > ol > li:focus:not(:focus-visible){
-        box-shadow:none; }
       .iui-period > ol > li:focus-visible{
-        outline:0;
-        box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-        box-shadow:var(--iui-focus-box-shadow); }
+        outline:1px solid var(--iui-color-foreground-primary);
+        outline-offset:-1px; }
+      @supports not selector(*:focus-visible){
+        .iui-period > ol > li:focus{
+          outline:1px solid var(--iui-color-foreground-primary);
+          outline-offset:-1px; } }
       .iui-period > ol > li:hover{
         cursor:pointer;
         color:#008BE1;
@@ -6131,6 +6201,13 @@ a.iui-tag{
         color:#FFF;
         background-color:var(--iui-color-background-primary);
         color:var(--iui-color-foreground-accessory); }
+        .iui-period > ol > li.iui-selected:focus-visible{
+          outline:1px solid var(--iui-color-foreground-accessory);
+          outline-offset:-3px; }
+        @supports not selector(*:focus-visible){
+          .iui-period > ol > li.iui-selected:focus{
+            outline:1px solid var(--iui-color-foreground-accessory);
+            outline-offset:-3px; } }
 .iui-toast-wrapper{
   pointer-events:none;
@@ -6241,16 +6318,6 @@ a.iui-tag{
             user-select:none;
     text-decoration:underline;
     white-space:nowrap; }
-    .iui-toast > .iui-anchor:focus{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
-    .iui-toast > .iui-anchor:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-toast > .iui-anchor:focus-visible{
-      outline:0;
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
     .iui-toast > .iui-anchor:hover{
       text-decoration:none; }
   .iui-toast > .iui-button{
@@ -6292,19 +6359,10 @@ a.iui-tag{
       .iui-toast.iui-positive > .iui-anchor:hover{
         color:#3c7613;
         color:var(--iui-color-foreground-positive-overlay); }
-    .iui-toast.iui-positive > .iui-anchor:focus,
-    .iui-toast.iui-positive > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-positive-box-shadow); }
-    .iui-toast.iui-positive > .iui-anchor:focus:not(:focus-visible),
-    .iui-toast.iui-positive > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-toast.iui-positive > .iui-anchor:focus-visible,
-    .iui-toast.iui-positive > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-positive-box-shadow); }
+    .iui-toast.iui-positive > .iui-anchor{
+      outline-color:var(--iui-color-foreground-positive); }
+    .iui-toast.iui-positive > .iui-button{
+      outline-color:var(--iui-color-foreground-positive); }
   .iui-toast.iui-negative{
     border-color:#D30A0A;
     border-color:var(--iui-color-foreground-negative); }
@@ -6323,19 +6381,10 @@ a.iui-tag{
       .iui-toast.iui-negative > .iui-anchor:hover{
         color:#a20808;
         color:var(--iui-color-foreground-negative-overlay); }
-    .iui-toast.iui-negative > .iui-anchor:focus,
-    .iui-toast.iui-negative > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-negative-box-shadow); }
-    .iui-toast.iui-negative > .iui-anchor:focus:not(:focus-visible),
-    .iui-toast.iui-negative > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-toast.iui-negative > .iui-anchor:focus-visible,
-    .iui-toast.iui-negative > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-negative-box-shadow); }
+    .iui-toast.iui-negative > .iui-anchor{
+      outline-color:var(--iui-color-foreground-negative); }
+    .iui-toast.iui-negative > .iui-button{
+      outline-color:var(--iui-color-foreground-negative); }
   .iui-toast.iui-warning{
     border-color:#F18B12;
     border-color:var(--iui-color-foreground-warning); }
@@ -6354,19 +6403,10 @@ a.iui-tag{
       .iui-toast.iui-warning > .iui-anchor:hover{
         color:#c4700c;
         color:var(--iui-color-foreground-warning-overlay); }
-    .iui-toast.iui-warning > .iui-anchor:focus,
-    .iui-toast.iui-warning > .iui-button:focus{
-      outline:0;
-      box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-warning-box-shadow); }
-    .iui-toast.iui-warning > .iui-anchor:focus:not(:focus-visible),
-    .iui-toast.iui-warning > .iui-button:focus:not(:focus-visible){
-      box-shadow:none; }
-    .iui-toast.iui-warning > .iui-anchor:focus-visible,
-    .iui-toast.iui-warning > .iui-button:focus-visible{
-      outline:0;
-      box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-warning-box-shadow); }
+    .iui-toast.iui-warning > .iui-anchor{
+      outline-color:var(--iui-color-foreground-warning); }
+    .iui-toast.iui-warning > .iui-button{
+      outline-color:var(--iui-color-foreground-warning); }
 .iui-toggle-switch{
   margin:0;
@@ -6456,10 +6496,10 @@ a.iui-tag{
         background-color:var(--iui-color-foreground-accessory);
         opacity:var(--iui-opacity-2);
         right:2px; }
-    .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle{
+    .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle{
       border-color:#008BE1;
       border-color:var(--iui-color-background-primary); }
-      .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle > .iui-handle{
+      .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle{
         opacity:1;
         opacity:var(--iui-opacity-1); }
     .iui-toggle-switch > input:disabled ~ .iui-toggle{
@@ -6485,8 +6525,11 @@ a.iui-tag{
       opacity:0.2;
       opacity:var(--iui-opacity-5); }
     .iui-toggle-switch > input:enabled:focus ~ .iui-toggle{
-      box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-box-shadow); }
+      outline:1px solid #008BE1;
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:1px; }
+    .iui-toggle-switch > input:enabled:focus:not(:focus-visible) ~ .iui-toggle{
+      outline:none; }
   .iui-toggle-switch.iui-disabled{
     cursor:not-allowed; }
   .iui-toggle-switch > .iui-label{
@@ -6615,9 +6658,8 @@ a.iui-tag{
       color:rgba(0, 0, 0, 0.4);
       color:var(--iui-text-color-muted); }
   .iui-tree-node:focus{
-    outline:thin solid rgba(0, 139, 225, 0.4);
-    outline-offset:-1px;
-    outline:thin solid rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
+    outline:1px solid #008BE1;
+    outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:-1px; }
   .iui-tree-node:focus:not(:focus-visible){
     outline-offset:-2px; }
@@ -6961,11 +7003,11 @@ a.iui-tag{
   .iui-wizard-step.iui-clickable:focus{
     outline:0; }
     .iui-wizard-step.iui-clickable:focus .iui-wizard-circle{
-      outline:0;
-      box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
-      box-shadow:var(--iui-focus-positive-box-shadow); }
+      outline:2px solid #53A21A;
+      outline:2px solid var(--iui-color-foreground-positive);
+      outline-offset:-1px; }
   .iui-wizard-step.iui-clickable:focus:not(:focus-visible) .iui-wizard-circle{
-    box-shadow:none; }
+    outline:none; }
   .iui-wizard-step:first-of-type .iui-wizard-track-content::before,
   .iui-wizard-step:last-of-type .iui-wizard-track-content::after{
     background-color:transparent; }