@itwin/itwinui-css 0.38.0 → 0.41.0

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 (72) hide show
  1. package/css/all.css +686 -357
  2. package/css/breadcrumbs.css +31 -15
  3. package/css/button.css +228 -137
  4. package/css/code.css +2 -0
  5. package/css/color-picker.css +2 -0
  6. package/css/date-picker.css +2 -0
  7. package/css/header.css +134 -91
  8. package/css/information-panel.css +26 -0
  9. package/css/inputs.css +40 -31
  10. package/css/menu.css +3 -3
  11. package/css/side-navigation.css +27 -24
  12. package/css/table.css +18 -3
  13. package/css/tabs.css +15 -12
  14. package/css/tile.css +51 -40
  15. package/css/tree.css +107 -0
  16. package/css/user-icon.css +3 -1
  17. package/package.json +6 -2
  18. package/scss/breadcrumbs/breadcrumbs.scss +1 -1
  19. package/scss/button/borderless.scss +37 -45
  20. package/scss/button/button-group.scss +6 -15
  21. package/scss/button/button-icon.scss +12 -0
  22. package/scss/button/button.scss +28 -35
  23. package/scss/button/classes.scss +25 -3
  24. package/scss/button/cta.scss +31 -21
  25. package/scss/button/default.scss +40 -45
  26. package/scss/button/disabled.scss +3 -14
  27. package/scss/button/high-visibility.scss +31 -21
  28. package/scss/button/index.scss +1 -0
  29. package/scss/button/split-menu.scss +7 -8
  30. package/scss/classes.scss +1 -0
  31. package/scss/code/codeblock.scss +4 -0
  32. package/scss/color-picker/color-picker.scss +16 -1
  33. package/scss/date-picker/date-picker.scss +2 -8
  34. package/scss/header/classes.scss +4 -0
  35. package/scss/header/header.scss +71 -59
  36. package/scss/index.scss +1 -0
  37. package/scss/information-panel/classes.scss +4 -0
  38. package/scss/information-panel/information-panel.scss +37 -0
  39. package/scss/inputs/checkbox-radio.scss +1 -3
  40. package/scss/inputs/checkbox.scss +5 -2
  41. package/scss/inputs/classes.scss +5 -1
  42. package/scss/inputs/labeled-inputs.scss +41 -16
  43. package/scss/inputs/radio-tile.scss +2 -4
  44. package/scss/keyboard/keyboard.scss +2 -4
  45. package/scss/location-marker/data-rich.scss +1 -2
  46. package/scss/menu/menu.scss +3 -11
  47. package/scss/modal/modal.scss +1 -2
  48. package/scss/progress-indicator/linear.scss +3 -10
  49. package/scss/progress-indicator/overlay.scss +3 -9
  50. package/scss/progress-indicator/radial.scss +4 -4
  51. package/scss/side-navigation/side-navigation.scss +32 -29
  52. package/scss/slider/slider.scss +5 -3
  53. package/scss/style/global.scss +1 -4
  54. package/scss/style/mixins.scss +17 -12
  55. package/scss/style/theme.scss +63 -208
  56. package/scss/table/paginator.scss +9 -1
  57. package/scss/table/table.scss +11 -19
  58. package/scss/table/variables.scss +2 -4
  59. package/scss/tabs/borderless.scss +3 -12
  60. package/scss/tabs/pill.scss +2 -8
  61. package/scss/tabs/tabs.scss +11 -8
  62. package/scss/tile/tile.scss +4 -2
  63. package/scss/time-picker/time-picker.scss +1 -4
  64. package/scss/toast-notification/categories.scss +1 -4
  65. package/scss/toast-notification/toast.scss +1 -3
  66. package/scss/toggle-switch/toggle-switch.scss +4 -8
  67. package/scss/tooltip/tooltip.scss +1 -2
  68. package/scss/tree/classes.scss +15 -0
  69. package/scss/tree/index.scss +3 -0
  70. package/scss/tree/tree.scss +137 -0
  71. package/scss/user-icon/user-icon.scss +6 -6
  72. package/scss/wizard/wizard.scss +2 -1
package/css/all.css CHANGED
@@ -592,38 +592,54 @@ html.iui-theme-dark{
592
592
  color:var(--iui-color-foreground-primary-overlay);
593
593
  text-decoration:underline; }
594
594
  .iui-breadcrumbs-item .iui-button{
595
- background-color:transparent;
596
595
  border-color:transparent;
596
+ background-color:transparent;
597
597
  padding:0 8px;
598
+ height:38px;
599
+ gap:8px;
598
600
  margin:0 -9px; }
599
- .iui-breadcrumbs-item .iui-button.iui-small{
600
- padding:0 2px; }
601
- .iui-breadcrumbs-item .iui-button.iui-large{
602
- padding:0 12px; }
603
- .iui-breadcrumbs-item .iui-button > .iui-icon:only-child{
601
+ .iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{
604
602
  margin-left:3px;
605
603
  margin-right:3px; }
606
- .iui-breadcrumbs-item .iui-button:enabled:hover, .iui-breadcrumbs-item .iui-button:enabled:active, .iui-breadcrumbs-item .iui-button:focus-visible{
604
+ .iui-breadcrumbs-item .iui-button:focus{
605
+ background-color:rgba(0, 0, 0, 0.1);
606
+ border-color:transparent;
607
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
608
+ border-color:transparent; }
609
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)){
610
+ border-color:transparent;
611
+ background-color:transparent; }
612
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
613
+ margin-left:3px;
614
+ margin-right:3px; }
615
+ .iui-breadcrumbs-item .iui-button:hover{
607
616
  background-color:rgba(0, 0, 0, 0.1);
608
617
  border-color:transparent;
609
618
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
610
619
  border-color:transparent; }
611
- .iui-breadcrumbs-item .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-breadcrumbs-item .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-breadcrumbs-item .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
612
- background:transparent;
620
+ .iui-breadcrumbs-item .iui-button.iui-active{
613
621
  background-color:rgba(0, 139, 225, 0.1);
622
+ color:#008BE1;
614
623
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
624
+ color:var(--iui-color-foreground-primary);
615
625
  border-color:transparent; }
616
- .iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button[disabled]:hover, .iui-breadcrumbs-item .iui-button[disabled]:active, .iui-breadcrumbs-item .iui-button[disabled]:focus{
626
+ .iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button:disabled{
627
+ cursor:not-allowed;
628
+ background:#EEF0F3;
629
+ border-color:#EEF0F3;
630
+ color:rgba(0, 0, 0, 0.2);
631
+ background:var(--iui-color-background-disabled);
632
+ border-color:var(--iui-color-background-disabled);
633
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
634
+ background-color:transparent;
635
+ border-color:transparent;
617
636
  background-color:transparent;
618
637
  border-color:transparent; }
619
- .iui-breadcrumbs-item .iui-button[disabled] > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:hover > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:active > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:focus > .iui-icon{
620
- fill:rgba(0, 0, 0, 0.2);
621
- fill:var(--iui-icons-color-actionable-disabled); }
622
- .iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button[disabled]:hover.iui-active, .iui-breadcrumbs-item .iui-button[disabled]:active.iui-active, .iui-breadcrumbs-item .iui-button[disabled]:focus.iui-active{
638
+ .iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button:disabled.iui-active{
623
639
  background-color:rgba(0, 0, 0, 0.05);
624
640
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
625
641
  .iui-breadcrumbs-item > *,
626
- .iui-breadcrumbs-item .iui-label{
642
+ .iui-breadcrumbs-item .iui-button-label{
627
643
  overflow:hidden;
628
644
  white-space:nowrap;
629
645
  text-overflow:ellipsis; }
@@ -682,25 +698,21 @@ html.iui-theme-dark{
682
698
  cursor:pointer;
683
699
  white-space:nowrap;
684
700
  border:1px solid transparent;
701
+ color:rgba(0, 0, 0, 0.8);
702
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
685
703
  padding:0 16px;
686
704
  height:38px;
687
- background-color:#FFF;
688
- border-color:rgba(0, 0, 0, 0.4);
689
- color:rgba(0, 0, 0, 0.8);
690
- background-color:var(--iui-color-background-1);
691
- border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
692
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
705
+ gap:8px;
706
+ padding:0 16px;
707
+ height:38px;
708
+ gap:8px; }
693
709
  @media (prefers-reduced-motion: no-preference){
694
710
  .iui-button{
695
711
  transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
696
- .iui-button > .iui-icon:not(.iui-user-icon){
697
- width:16px;
698
- height:16px; }
699
- @media (prefers-reduced-motion: no-preference){
700
- .iui-button > .iui-icon:not(.iui-user-icon){
701
- transition:fill 0.2s ease-out; } }
702
- .iui-button:enabled:hover{
703
- text-decoration:none; }
712
+ .iui-button:hover{
713
+ text-decoration:none;
714
+ color:black;
715
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
704
716
  .iui-button:focus{
705
717
  outline:0;
706
718
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
@@ -711,65 +723,76 @@ html.iui-theme-dark{
711
723
  outline:0;
712
724
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
713
725
  box-shadow:var(--iui-focus-box-shadow); }
714
- .iui-button > .iui-icon + .iui-label,
715
- .iui-button > .iui-label + .iui-icon,
716
- .iui-button > .iui-icon + .iui-icon{
717
- margin-left:8px; }
718
- .iui-button.iui-small{
719
- padding:0 8px;
720
- height:27px; }
721
- .iui-button.iui-small > .iui-icon + .iui-label,
722
- .iui-button.iui-small > .iui-label + .iui-icon,
723
- .iui-button.iui-small > .iui-icon + .iui-icon{
724
- margin-left:4px; }
725
- .iui-button.iui-large{
726
- padding:0 24px;
727
- height:49px;
728
- font-size:16px; }
729
- .iui-button.iui-large > .iui-icon + .iui-label,
730
- .iui-button.iui-large > .iui-label + .iui-icon,
731
- .iui-button.iui-large > .iui-icon + .iui-icon{
732
- margin-left:12px; }
733
- .iui-button > .iui-icon{
734
- fill:rgba(0, 0, 0, 0.8);
735
- fill:var(--iui-icons-color-actionable); }
736
- .iui-button:enabled:hover, .iui-button:enabled:active, .iui-button:focus-visible{
737
- background-color:#f2f2f2;
738
- border-color:black;
739
- color:black;
740
- background-color:var(--iui-color-background-1-overlay);
741
- border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
742
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
743
- .iui-button:enabled:hover .iui-notification-primary::before,
744
- .iui-button:enabled:hover .iui-notification-positive::before,
745
- .iui-button:enabled:hover .iui-notification-warning::before,
746
- .iui-button:enabled:hover .iui-notification-negative::before, .iui-button:enabled:active .iui-notification-primary::before,
747
- .iui-button:enabled:active .iui-notification-positive::before,
748
- .iui-button:enabled:active .iui-notification-warning::before,
749
- .iui-button:enabled:active .iui-notification-negative::before, .iui-button:focus-visible .iui-notification-primary::before,
750
- .iui-button:focus-visible .iui-notification-positive::before,
751
- .iui-button:focus-visible .iui-notification-warning::before,
752
- .iui-button:focus-visible .iui-notification-negative::before{
753
- border-color:#f2f2f2;
754
- border-color:var(--iui-color-background-1-overlay); }
755
- .iui-button:enabled:hover > .iui-icon, .iui-button:enabled:active > .iui-icon, .iui-button:focus-visible > .iui-icon{
756
- fill:black;
757
- fill:var(--iui-icons-color-actionable-hover); }
758
- .iui-button.iui-dropdown{
759
- padding-right:8px; }
760
- .iui-button.iui-dropdown.iui-small{
761
- padding-right:4px; }
762
- .iui-button.iui-dropdown.iui-large{
763
- padding-right:12px; }
764
- .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
765
- background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
766
- 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)); }
767
- .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled > .iui-label, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover > .iui-label, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active > .iui-label{
726
+ .iui-button[disabled], .iui-button:disabled{
727
+ cursor:not-allowed;
728
+ background:#EEF0F3;
729
+ border-color:#EEF0F3;
730
+ color:rgba(0, 0, 0, 0.2);
731
+ background:var(--iui-color-background-disabled);
732
+ border-color:var(--iui-color-background-disabled);
733
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
734
+ .iui-button.iui-default{
735
+ background-color:#FFF;
736
+ border-color:rgba(0, 0, 0, 0.4);
737
+ color:rgba(0, 0, 0, 0.8);
738
+ background-color:var(--iui-color-background-1);
739
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
740
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
741
+ .iui-button.iui-default:focus{
742
+ background-color:#f2f2f2;
743
+ border-color:black;
744
+ color:black;
745
+ background-color:var(--iui-color-background-1-overlay);
746
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
747
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
748
+ .iui-button.iui-default:focus .iui-notification-primary::before,
749
+ .iui-button.iui-default:focus .iui-notification-positive::before,
750
+ .iui-button.iui-default:focus .iui-notification-warning::before,
751
+ .iui-button.iui-default:focus .iui-notification-negative::before{
752
+ border-color:#f2f2f2;
753
+ border-color:var(--iui-color-background-1-overlay); }
754
+ .iui-button.iui-default:focus:where(:not(:focus-visible)){
755
+ background-color:#FFF;
756
+ border-color:rgba(0, 0, 0, 0.4);
757
+ color:rgba(0, 0, 0, 0.8);
758
+ background-color:var(--iui-color-background-1);
759
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
760
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
761
+ .iui-button.iui-default:hover, .iui-button.iui-default:active{
762
+ background-color:#f2f2f2;
763
+ border-color:black;
764
+ color:black;
765
+ background-color:var(--iui-color-background-1-overlay);
766
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
767
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
768
+ .iui-button.iui-default:hover .iui-notification-primary::before,
769
+ .iui-button.iui-default:hover .iui-notification-positive::before,
770
+ .iui-button.iui-default:hover .iui-notification-warning::before,
771
+ .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before,
772
+ .iui-button.iui-default:active .iui-notification-positive::before,
773
+ .iui-button.iui-default:active .iui-notification-warning::before,
774
+ .iui-button.iui-default:active .iui-notification-negative::before{
775
+ border-color:#f2f2f2;
776
+ border-color:var(--iui-color-background-1-overlay); }
777
+ .iui-button.iui-default.iui-dropdown{
778
+ padding-right:8px; }
779
+ .iui-button.iui-default.iui-dropdown.iui-small{
780
+ padding-right:4px; }
781
+ .iui-button.iui-default.iui-dropdown.iui-large{
782
+ padding-right:12px; }
783
+ .iui-button.iui-default.iui-active{
784
+ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
768
785
  color:#008BE1;
786
+ 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));
769
787
  color:var(--iui-color-foreground-primary); }
770
- .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled > .iui-icon, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover > .iui-icon, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active > .iui-icon{
771
- fill:#008BE1;
772
- fill:var(--iui-icons-color-primary); }
788
+ .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
789
+ cursor:not-allowed;
790
+ background:#EEF0F3;
791
+ border-color:#EEF0F3;
792
+ color:rgba(0, 0, 0, 0.2);
793
+ background:var(--iui-color-background-disabled);
794
+ border-color:var(--iui-color-background-disabled);
795
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
773
796
  .iui-button.iui-high-visibility{
774
797
  background-color:#008BE1;
775
798
  border-color:#008BE1;
@@ -777,19 +800,35 @@ html.iui-theme-dark{
777
800
  background-color:var(--iui-color-background-primary);
778
801
  border-color:var(--iui-color-background-primary);
779
802
  color:var(--iui-color-foreground-accessory); }
780
- .iui-button.iui-high-visibility > .iui-icon{
781
- fill:#FFF;
782
- fill:var(--iui-color-foreground-accessory); }
783
- .iui-button.iui-high-visibility:enabled:hover, .iui-button.iui-high-visibility:enabled:active, .iui-button.iui-high-visibility:focus-visible{
803
+ .iui-button.iui-high-visibility:focus{
784
804
  background-color:#006bae;
785
805
  border-color:#006bae;
786
806
  color:#FFF;
787
807
  background-color:var(--iui-color-background-primary-overlay);
788
808
  border-color:var(--iui-color-background-primary-overlay);
789
809
  color:var(--iui-color-foreground-accessory); }
790
- .iui-button.iui-high-visibility:enabled:hover > .iui-icon, .iui-button.iui-high-visibility:enabled:active > .iui-icon, .iui-button.iui-high-visibility:focus-visible > .iui-icon{
791
- fill:#FFF;
792
- fill:var(--iui-color-foreground-accessory); }
810
+ .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){
811
+ background-color:#008BE1;
812
+ border-color:#008BE1;
813
+ color:#FFF;
814
+ background-color:var(--iui-color-background-primary);
815
+ border-color:var(--iui-color-background-primary);
816
+ color:var(--iui-color-foreground-accessory); }
817
+ .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
818
+ background-color:#006bae;
819
+ border-color:#006bae;
820
+ color:#FFF;
821
+ background-color:var(--iui-color-background-primary-overlay);
822
+ border-color:var(--iui-color-background-primary-overlay);
823
+ color:var(--iui-color-foreground-accessory); }
824
+ .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{
825
+ cursor:not-allowed;
826
+ background:#EEF0F3;
827
+ border-color:#EEF0F3;
828
+ color:rgba(0, 0, 0, 0.2);
829
+ background:var(--iui-color-background-disabled);
830
+ border-color:var(--iui-color-background-disabled);
831
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
793
832
  .iui-button.iui-cta{
794
833
  background-color:#53A21A;
795
834
  border-color:#53A21A;
@@ -797,19 +836,35 @@ html.iui-theme-dark{
797
836
  background-color:var(--iui-color-background-positive);
798
837
  border-color:var(--iui-color-background-positive);
799
838
  color:var(--iui-color-foreground-accessory); }
800
- .iui-button.iui-cta > .iui-icon{
801
- fill:#FFF;
802
- fill:var(--iui-color-foreground-accessory); }
803
- .iui-button.iui-cta:enabled:hover, .iui-button.iui-cta:enabled:active, .iui-button.iui-cta:focus-visible{
839
+ .iui-button.iui-cta:focus{
804
840
  background-color:#3c7613;
805
841
  border-color:#3c7613;
806
842
  color:#FFF;
807
843
  background-color:var(--iui-color-background-positive-overlay);
808
844
  border-color:var(--iui-color-background-positive-overlay);
809
845
  color:var(--iui-color-foreground-accessory); }
810
- .iui-button.iui-cta:enabled:hover > .iui-icon, .iui-button.iui-cta:enabled:active > .iui-icon, .iui-button.iui-cta:focus-visible > .iui-icon{
811
- fill:#FFF;
812
- fill:var(--iui-color-foreground-accessory); }
846
+ .iui-button.iui-cta:focus:where(:not(:focus-visible)){
847
+ background-color:#53A21A;
848
+ border-color:#53A21A;
849
+ color:#FFF;
850
+ background-color:var(--iui-color-background-positive);
851
+ border-color:var(--iui-color-background-positive);
852
+ color:var(--iui-color-foreground-accessory); }
853
+ .iui-button.iui-cta:hover, .iui-button.iui-cta:active{
854
+ background-color:#3c7613;
855
+ border-color:#3c7613;
856
+ color:#FFF;
857
+ background-color:var(--iui-color-background-positive-overlay);
858
+ border-color:var(--iui-color-background-positive-overlay);
859
+ color:var(--iui-color-foreground-accessory); }
860
+ .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{
861
+ cursor:not-allowed;
862
+ background:#EEF0F3;
863
+ border-color:#EEF0F3;
864
+ color:rgba(0, 0, 0, 0.2);
865
+ background:var(--iui-color-background-disabled);
866
+ border-color:var(--iui-color-background-disabled);
867
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
813
868
  .iui-button.iui-idea{
814
869
  background-color:#008BE1;
815
870
  border-color:#008BE1;
@@ -822,61 +877,99 @@ html.iui-theme-dark{
822
877
  position:fixed;
823
878
  bottom:11px;
824
879
  right:16px; }
825
- .iui-button.iui-idea > .iui-icon{
826
- fill:#FFF;
827
- fill:var(--iui-color-foreground-accessory); }
828
- .iui-button.iui-idea:enabled:hover, .iui-button.iui-idea:enabled:active, .iui-button.iui-idea:focus-visible{
880
+ .iui-button.iui-idea:focus{
829
881
  background-color:#006bae;
830
882
  border-color:#006bae;
831
883
  color:#FFF;
832
884
  background-color:var(--iui-color-background-primary-overlay);
833
885
  border-color:var(--iui-color-background-primary-overlay);
834
886
  color:var(--iui-color-foreground-accessory); }
835
- .iui-button.iui-idea:enabled:hover > .iui-icon, .iui-button.iui-idea:enabled:active > .iui-icon, .iui-button.iui-idea:focus-visible > .iui-icon{
836
- fill:#FFF;
837
- fill:var(--iui-color-foreground-accessory); }
887
+ .iui-button.iui-idea:focus:where(:not(:focus-visible)){
888
+ background-color:#008BE1;
889
+ border-color:#008BE1;
890
+ color:#FFF;
891
+ background-color:var(--iui-color-background-primary);
892
+ border-color:var(--iui-color-background-primary);
893
+ color:var(--iui-color-foreground-accessory); }
894
+ .iui-button.iui-idea:hover, .iui-button.iui-idea:active{
895
+ background-color:#006bae;
896
+ border-color:#006bae;
897
+ color:#FFF;
898
+ background-color:var(--iui-color-background-primary-overlay);
899
+ border-color:var(--iui-color-background-primary-overlay);
900
+ color:var(--iui-color-foreground-accessory); }
901
+ .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{
902
+ cursor:not-allowed;
903
+ background:#EEF0F3;
904
+ border-color:#EEF0F3;
905
+ color:rgba(0, 0, 0, 0.2);
906
+ background:var(--iui-color-background-disabled);
907
+ border-color:var(--iui-color-background-disabled);
908
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
838
909
  .iui-button.iui-borderless{
839
- background-color:transparent;
840
910
  border-color:transparent;
841
- padding:0 8px; }
842
- .iui-button.iui-borderless.iui-small{
843
- padding:0 2px; }
844
- .iui-button.iui-borderless.iui-large{
845
- padding:0 12px; }
846
- .iui-button.iui-borderless > .iui-icon:only-child{
911
+ background-color:transparent;
912
+ padding:0 8px;
913
+ height:38px;
914
+ gap:8px; }
915
+ .iui-button.iui-borderless > .iui-button-icon:only-child{
847
916
  margin-left:3px;
848
917
  margin-right:3px; }
849
- .iui-button.iui-borderless:enabled:hover, .iui-button.iui-borderless:enabled:active, .iui-button.iui-borderless:focus-visible{
918
+ .iui-button.iui-borderless:focus{
919
+ background-color:rgba(0, 0, 0, 0.1);
920
+ border-color:transparent;
921
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
922
+ border-color:transparent; }
923
+ .iui-button.iui-borderless:focus:where(:not(:focus-visible)){
924
+ border-color:transparent;
925
+ background-color:transparent; }
926
+ .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
927
+ margin-left:3px;
928
+ margin-right:3px; }
929
+ .iui-button.iui-borderless:hover{
850
930
  background-color:rgba(0, 0, 0, 0.1);
851
931
  border-color:transparent;
852
932
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
853
933
  border-color:transparent; }
854
- .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
855
- background:transparent;
934
+ .iui-button.iui-borderless.iui-active{
856
935
  background-color:rgba(0, 139, 225, 0.1);
936
+ color:#008BE1;
857
937
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
938
+ color:var(--iui-color-foreground-primary);
858
939
  border-color:transparent; }
859
- .iui-button.iui-borderless[disabled], .iui-button.iui-borderless[disabled]:hover, .iui-button.iui-borderless[disabled]:active, .iui-button.iui-borderless[disabled]:focus{
940
+ .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{
941
+ cursor:not-allowed;
942
+ background:#EEF0F3;
943
+ border-color:#EEF0F3;
944
+ color:rgba(0, 0, 0, 0.2);
945
+ background:var(--iui-color-background-disabled);
946
+ border-color:var(--iui-color-background-disabled);
947
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
948
+ background-color:transparent;
949
+ border-color:transparent;
860
950
  background-color:transparent;
861
951
  border-color:transparent; }
862
- .iui-button.iui-borderless[disabled] > .iui-icon, .iui-button.iui-borderless[disabled]:hover > .iui-icon, .iui-button.iui-borderless[disabled]:active > .iui-icon, .iui-button.iui-borderless[disabled]:focus > .iui-icon{
863
- fill:rgba(0, 0, 0, 0.2);
864
- fill:var(--iui-icons-color-actionable-disabled); }
865
- .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless[disabled]:hover.iui-active, .iui-button.iui-borderless[disabled]:active.iui-active, .iui-button.iui-borderless[disabled]:focus.iui-active{
952
+ .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{
866
953
  background-color:rgba(0, 0, 0, 0.05);
867
954
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
868
- .iui-button[disabled]{
869
- cursor:not-allowed;
870
- background-color:#EEF0F3;
871
- border-color:#EEF0F3;
872
- background-color:var(--iui-color-background-disabled);
873
- border-color:var(--iui-color-background-disabled); }
874
- .iui-button[disabled] > .iui-label{
875
- color:rgba(0, 0, 0, 0.2);
876
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
877
- .iui-button[disabled] > .iui-icon{
878
- fill:rgba(0, 0, 0, 0.2);
879
- fill:var(--iui-icons-color-actionable-disabled); }
955
+ .iui-button.iui-small{
956
+ padding:0 8px;
957
+ height:27px;
958
+ gap:4px; }
959
+ .iui-button.iui-small.iui-borderless{
960
+ padding:0 2px;
961
+ height:27px;
962
+ gap:4px; }
963
+ .iui-button.iui-large{
964
+ padding:0 24px;
965
+ height:49px;
966
+ font-size:16px;
967
+ gap:12px; }
968
+ .iui-button.iui-large.iui-borderless{
969
+ padding:0 12px;
970
+ height:49px;
971
+ font-size:16px;
972
+ gap:12px; }
880
973
 
881
974
  .iui-button-group{
882
975
  display:inline-flex;
@@ -889,17 +982,17 @@ html.iui-theme-dark{
889
982
  .iui-button-group > .iui-button:last-of-type:not(.iui-borderless){
890
983
  border-top-right-radius:3px;
891
984
  border-bottom-right-radius:3px; }
892
- .iui-button-group > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
985
+ .iui-button-group > .iui-button.iui-default:not(:last-of-type){
893
986
  border-right:none; }
894
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
987
+ .iui-button-group > .iui-button.iui-default:not(:disabled) + :disabled{
895
988
  border-left-color:rgba(0, 0, 0, 0.4);
896
989
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
897
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
898
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
899
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
990
+ .iui-button-group > .iui-button.iui-default:not(:disabled):hover + .iui-button,
991
+ .iui-button-group > .iui-button.iui-default:not(:disabled):active + .iui-button,
992
+ .iui-button-group > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
900
993
  border-left-color:black;
901
994
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
902
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
995
+ .iui-button-group > .iui-button.iui-default:disabled + .iui-button:disabled{
903
996
  border-left-color:#DCE0E3;
904
997
  border-left-color:var(--iui-color-background-4); }
905
998
  .iui-button-group > .iui-active::after{
@@ -929,17 +1022,17 @@ html.iui-theme-dark{
929
1022
  .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
930
1023
  border-top-right-radius:3px;
931
1024
  border-bottom-right-radius:3px; }
932
- .iui-button-split-menu > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
1025
+ .iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
933
1026
  border-right:none; }
934
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
1027
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
935
1028
  border-left-color:rgba(0, 0, 0, 0.4);
936
1029
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
937
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
938
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
939
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
1030
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
1031
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
1032
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
940
1033
  border-left-color:black;
941
1034
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
942
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
1035
+ .iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
943
1036
  border-left-color:#DCE0E3;
944
1037
  border-left-color:var(--iui-color-background-4); }
945
1038
  .iui-button-split-menu > .iui-active::after{
@@ -963,17 +1056,17 @@ html.iui-theme-dark{
963
1056
  .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
964
1057
  border-top-right-radius:3px;
965
1058
  border-bottom-right-radius:3px; }
966
- .iui-button-split-menu > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
1059
+ .iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
967
1060
  border-right:none; }
968
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
1061
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
969
1062
  border-left-color:rgba(0, 0, 0, 0.4);
970
1063
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
971
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
972
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
973
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
1064
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
1065
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
1066
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
974
1067
  border-left-color:black;
975
1068
  border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
976
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
1069
+ .iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
977
1070
  border-left-color:#DCE0E3;
978
1071
  border-left-color:var(--iui-color-background-4); }
979
1072
  .iui-button-split-menu > .iui-active::after{
@@ -1009,6 +1102,20 @@ html.iui-theme-dark{
1009
1102
  .iui-button-split-menu.iui-disabled{
1010
1103
  background-color:transparent;
1011
1104
  background-color:transparent; }
1105
+ .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{
1106
+ cursor:not-allowed;
1107
+ background:#EEF0F3;
1108
+ border-color:#EEF0F3;
1109
+ color:rgba(0, 0, 0, 0.2);
1110
+ background:var(--iui-color-background-disabled);
1111
+ border-color:var(--iui-color-background-disabled);
1112
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
1113
+
1114
+ .iui-button-icon{
1115
+ width:16px;
1116
+ height:16px;
1117
+ transition:fill 0.2s ease-out;
1118
+ fill:currentColor; }
1012
1119
 
1013
1120
  .iui-code{
1014
1121
  margin:0;
@@ -1047,6 +1154,8 @@ html.iui-theme-dark{
1047
1154
  user-select:all; }
1048
1155
  .iui-codeblock > .iui-title-bar > .iui-button{
1049
1156
  margin-left:auto; }
1157
+ .iui-codeblock .iui-button{
1158
+ gap:0; }
1050
1159
  .iui-codeblock > .iui-codeblock-content{
1051
1160
  margin:0;
1052
1161
  overflow-x:auto;
@@ -1097,7 +1206,9 @@ html.iui-theme-dark{
1097
1206
  vertical-align:baseline;
1098
1207
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
1099
1208
  background-color:#FFF;
1209
+ color:rgba(0, 0, 0, 0.8);
1100
1210
  background-color:var(--iui-color-background-1);
1211
+ color:var(--iui-text-color);
1101
1212
  box-sizing:border-box;
1102
1213
  border-radius:3px;
1103
1214
  display:inline-flex;
@@ -1278,7 +1389,9 @@ html.iui-theme-dark{
1278
1389
  vertical-align:baseline;
1279
1390
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
1280
1391
  background-color:#FFF;
1392
+ color:rgba(0, 0, 0, 0.8);
1281
1393
  background-color:var(--iui-color-background-1);
1394
+ color:var(--iui-text-color);
1282
1395
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
1283
1396
  -webkit-user-select:none;
1284
1397
  -moz-user-select:none;
@@ -1754,41 +1867,50 @@ html.iui-theme-dark{
1754
1867
  display:flex;
1755
1868
  align-items:center;
1756
1869
  height:100%; }
1757
- .iui-page-header > .iui-left .iui-header-button-icon{
1870
+ .iui-page-header .iui-header-button-icon{
1758
1871
  width:24px;
1759
1872
  height:24px;
1760
1873
  border-radius:3px; }
1761
1874
  @media (prefers-reduced-motion: no-preference){
1762
- .iui-page-header > .iui-left .iui-header-button-icon{
1875
+ .iui-page-header .iui-header-button-icon{
1763
1876
  transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
1764
- .iui-page-header > .iui-left .iui-header-button{
1877
+ .iui-page-header .iui-header-button.iui-header-button{
1878
+ padding:0 12px;
1879
+ height:49px;
1880
+ font-size:16px;
1881
+ gap:12px;
1882
+ gap:0;
1765
1883
  max-width:25vw;
1884
+ height:100%;
1885
+ border-radius:0;
1766
1886
  overflow:hidden;
1767
1887
  padding-right:8px; }
1768
- .iui-page-header > .iui-left .iui-header-button:focus{
1888
+ .iui-page-header .iui-header-button.iui-header-button:focus{
1769
1889
  box-shadow:none;
1770
1890
  outline-offset:-1px;
1771
1891
  outline:1px solid #008BE1;
1772
1892
  outline:1px solid var(--iui-color-foreground-primary); }
1773
- .iui-page-header > .iui-left .iui-header-button:focus:not(:focus-visible){
1893
+ .iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){
1774
1894
  outline:0; }
1775
- .iui-page-header > .iui-left .iui-header-button > .iui-label{
1895
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label{
1776
1896
  text-align:left;
1777
1897
  font-size:14px;
1778
1898
  overflow:hidden; }
1779
- .iui-page-header > .iui-left .iui-header-button > .iui-label > div{
1899
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{
1780
1900
  overflow:hidden;
1781
1901
  text-overflow:ellipsis; }
1782
- .iui-page-header > .iui-left .iui-header-button > .iui-label .iui-description{
1902
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1783
1903
  height:22px;
1784
1904
  opacity:0.6;
1785
1905
  opacity:var(--iui-opacity-3); }
1786
1906
  @media (prefers-reduced-motion: no-preference){
1787
- .iui-page-header > .iui-left .iui-header-button > .iui-label .iui-description{
1907
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1788
1908
  transition:all 0.2s ease; } }
1789
- .iui-page-header > .iui-left .iui-header-button > .iui-icon{
1909
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{
1790
1910
  flex-shrink:0; }
1791
- .iui-page-header > .iui-left .iui-header-button .iui-header-button-icon{
1911
+ .iui-page-header .iui-header-button.iui-header-button > * + *{
1912
+ margin-left:12px; }
1913
+ .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
1792
1914
  padding:4px;
1793
1915
  width:16px;
1794
1916
  height:16px;
@@ -1798,90 +1920,101 @@ html.iui-theme-dark{
1798
1920
  background-color:var(--iui-color-background-3);
1799
1921
  fill:var(--iui-icons-color); }
1800
1922
  @media (prefers-reduced-motion: no-preference){
1801
- .iui-page-header > .iui-left .iui-header-button .iui-header-button-icon{
1923
+ .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
1802
1924
  transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
1803
- .iui-page-header > .iui-left .iui-header-button.iui-active svg{
1925
+ .iui-page-header .iui-header-button.iui-header-button.iui-active svg{
1804
1926
  fill:#008BE1;
1805
1927
  fill:var(--iui-icons-color-primary); }
1806
- .iui-page-header > .iui-left .iui-header-button.iui-active, .iui-page-header > .iui-left .iui-header-button.iui-active:hover{
1928
+ .iui-page-header .iui-header-button.iui-header-button.iui-active, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover{
1807
1929
  box-shadow:0 2px 0 0 #008BE1;
1808
1930
  background-color:rgba(0, 139, 225, 0.1);
1809
1931
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
1810
1932
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1811
- .iui-page-header > .iui-left .iui-header-button.iui-active .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-button.iui-active:hover .iui-header-button-icon{
1933
+ .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover .iui-header-button-icon{
1812
1934
  fill:#008BE1;
1813
1935
  background-color:rgba(0, 139, 225, 0.1);
1814
1936
  fill:var(--iui-icons-color-primary);
1815
1937
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1816
- .iui-page-header > .iui-left .iui-header-button.iui-active .iui-label{
1938
+ .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
1817
1939
  color:#008BE1;
1818
1940
  color:var(--iui-color-foreground-primary); }
1819
- .iui-page-header > .iui-left .iui-header-button.iui-active:focus{
1941
+ .iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
1820
1942
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
1821
1943
  box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
1822
- .iui-page-header > .iui-left .iui-header-button.iui-active:focus:not(:focus-visible){
1944
+ .iui-page-header .iui-header-button.iui-header-button.iui-active:focus:not(:focus-visible){
1823
1945
  box-shadow:0 2px 0 0 #008BE1;
1824
1946
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
1825
- .iui-page-header > .iui-left .iui-header-button.iui-active.iui-disabled, .iui-page-header > .iui-left .iui-header-button.iui-active:disabled{
1947
+ .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{
1826
1948
  background-color:rgba(0, 0, 0, 0.05);
1827
1949
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1828
1950
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1829
1951
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1830
- .iui-page-header > .iui-left .iui-header-button.iui-active.iui-disabled .iui-label, .iui-page-header > .iui-left .iui-header-button.iui-active:disabled .iui-label{
1952
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-label{
1831
1953
  color:rgba(0, 0, 0, 0.2);
1832
1954
  color:var(--iui-icons-color-actionable-disabled); }
1833
- .iui-page-header > .iui-left .iui-header-button.iui-active.iui-disabled .iui-icon, .iui-page-header > .iui-left .iui-header-button.iui-active:disabled .iui-icon{
1955
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-icon,
1956
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-icon,
1957
+ .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled svg{
1834
1958
  fill:rgba(0, 0, 0, 0.2);
1835
1959
  fill:var(--iui-icons-color-actionable-disabled); }
1836
- .iui-page-header > .iui-left .iui-header-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-button.iui-active:disabled .iui-header-button-icon{
1960
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-header-button-icon{
1837
1961
  background-color:rgba(0, 0, 0, 0.05);
1838
1962
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
1839
- .iui-page-header > .iui-left .iui-header-button:disabled .iui-header-button-icon{
1963
+ .iui-page-header .iui-header-button.iui-header-button:disabled .iui-header-button-icon{
1840
1964
  filter:grayscale(1) opacity(0.7); }
1841
1965
  .iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
1842
1966
  width:12px;
1843
1967
  height:12px;
1844
1968
  padding:2px; }
1845
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
1969
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1846
1970
  opacity:0;
1847
1971
  height:0.1px;
1848
1972
  width:0.1px;
1849
1973
  margin:0;
1850
1974
  padding:0; }
1851
- .iui-page-header > .iui-left .iui-header-split-button{
1975
+ .iui-page-header .iui-header-split-button{
1852
1976
  height:100%;
1853
1977
  display:flex;
1854
1978
  overflow:hidden;
1855
1979
  max-width:25vw; }
1856
- .iui-page-header > .iui-left .iui-header-split-button .iui-button{
1980
+ .iui-page-header .iui-header-split-button .iui-button{
1981
+ padding:0 12px;
1982
+ height:49px;
1983
+ font-size:16px;
1984
+ gap:12px;
1985
+ gap:0;
1857
1986
  max-width:25vw;
1987
+ height:100%;
1988
+ border-radius:0;
1858
1989
  overflow:hidden;
1859
1990
  padding-right:8px;
1860
1991
  padding:0 4px; }
1861
- .iui-page-header > .iui-left .iui-header-split-button .iui-button:focus{
1992
+ .iui-page-header .iui-header-split-button .iui-button:focus{
1862
1993
  box-shadow:none;
1863
1994
  outline-offset:-1px;
1864
1995
  outline:1px solid #008BE1;
1865
1996
  outline:1px solid var(--iui-color-foreground-primary); }
1866
- .iui-page-header > .iui-left .iui-header-split-button .iui-button:focus:not(:focus-visible){
1997
+ .iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){
1867
1998
  outline:0; }
1868
- .iui-page-header > .iui-left .iui-header-split-button .iui-button > .iui-label{
1999
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label{
1869
2000
  text-align:left;
1870
2001
  font-size:14px;
1871
2002
  overflow:hidden; }
1872
- .iui-page-header > .iui-left .iui-header-split-button .iui-button > .iui-label > div{
2003
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{
1873
2004
  overflow:hidden;
1874
2005
  text-overflow:ellipsis; }
1875
- .iui-page-header > .iui-left .iui-header-split-button .iui-button > .iui-label .iui-description{
2006
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1876
2007
  height:22px;
1877
2008
  opacity:0.6;
1878
2009
  opacity:var(--iui-opacity-3); }
1879
2010
  @media (prefers-reduced-motion: no-preference){
1880
- .iui-page-header > .iui-left .iui-header-split-button .iui-button > .iui-label .iui-description{
2011
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1881
2012
  transition:all 0.2s ease; } }
1882
- .iui-page-header > .iui-left .iui-header-split-button .iui-button > .iui-icon{
2013
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{
1883
2014
  flex-shrink:0; }
1884
- .iui-page-header > .iui-left .iui-header-split-button .iui-button .iui-header-button-icon{
2015
+ .iui-page-header .iui-header-split-button .iui-button > * + *{
2016
+ margin-left:12px; }
2017
+ .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
1885
2018
  padding:4px;
1886
2019
  width:16px;
1887
2020
  height:16px;
@@ -1891,131 +2024,108 @@ html.iui-theme-dark{
1891
2024
  background-color:var(--iui-color-background-3);
1892
2025
  fill:var(--iui-icons-color); }
1893
2026
  @media (prefers-reduced-motion: no-preference){
1894
- .iui-page-header > .iui-left .iui-header-split-button .iui-button .iui-header-button-icon{
2027
+ .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
1895
2028
  transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
1896
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active svg{
2029
+ .iui-page-header .iui-header-split-button .iui-button.iui-active svg{
1897
2030
  fill:#008BE1;
1898
2031
  fill:var(--iui-icons-color-primary); }
1899
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:hover{
2032
+ .iui-page-header .iui-header-split-button .iui-button.iui-active, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover{
1900
2033
  box-shadow:0 2px 0 0 #008BE1;
1901
2034
  background-color:rgba(0, 139, 225, 0.1);
1902
2035
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
1903
2036
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1904
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:hover .iui-header-button-icon{
2037
+ .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover .iui-header-button-icon{
1905
2038
  fill:#008BE1;
1906
2039
  background-color:rgba(0, 139, 225, 0.1);
1907
2040
  fill:var(--iui-icons-color-primary);
1908
2041
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1909
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active .iui-label{
2042
+ .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
1910
2043
  color:#008BE1;
1911
2044
  color:var(--iui-color-foreground-primary); }
1912
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:focus{
2045
+ .iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
1913
2046
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
1914
2047
  box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
1915
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
2048
+ .iui-page-header .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
1916
2049
  box-shadow:0 2px 0 0 #008BE1;
1917
2050
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
1918
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:disabled{
2051
+ .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{
1919
2052
  background-color:rgba(0, 0, 0, 0.05);
1920
2053
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1921
2054
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1922
2055
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1923
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-label, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:disabled .iui-label{
2056
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-label{
1924
2057
  color:rgba(0, 0, 0, 0.2);
1925
2058
  color:var(--iui-icons-color-actionable-disabled); }
1926
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-icon, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:disabled .iui-icon{
2059
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-icon,
2060
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-icon,
2061
+ .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled svg{
1927
2062
  fill:rgba(0, 0, 0, 0.2);
1928
2063
  fill:var(--iui-icons-color-actionable-disabled); }
1929
- .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-split-button .iui-button.iui-active:disabled .iui-header-button-icon{
2064
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-header-button-icon{
1930
2065
  background-color:rgba(0, 0, 0, 0.05);
1931
2066
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
1932
- .iui-page-header > .iui-left .iui-header-split-button .iui-button:disabled .iui-header-button-icon{
2067
+ .iui-page-header .iui-header-split-button .iui-button:disabled .iui-header-button-icon{
1933
2068
  filter:grayscale(1) opacity(0.7); }
1934
2069
  .iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
1935
2070
  width:12px;
1936
2071
  height:12px;
1937
2072
  padding:2px; }
1938
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
2073
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1939
2074
  opacity:0;
1940
2075
  height:0.1px;
1941
2076
  width:0.1px;
1942
2077
  margin:0;
1943
2078
  padding:0; }
1944
- .iui-page-header > .iui-left .iui-header-split-button .iui-button:first-child{
2079
+ .iui-page-header .iui-header-split-button .iui-button:first-child{
1945
2080
  padding-left:12px; }
1946
- .iui-page-header > .iui-left .iui-header-split-button.iui-active svg{
2081
+ .iui-page-header .iui-header-split-button.iui-active svg{
1947
2082
  fill:#008BE1;
1948
2083
  fill:var(--iui-icons-color-primary); }
1949
- .iui-page-header > .iui-left .iui-header-split-button.iui-active, .iui-page-header > .iui-left .iui-header-split-button.iui-active:hover{
2084
+ .iui-page-header .iui-header-split-button.iui-active, .iui-page-header .iui-header-split-button.iui-active:hover{
1950
2085
  box-shadow:0 2px 0 0 #008BE1;
1951
2086
  background-color:rgba(0, 139, 225, 0.1);
1952
2087
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
1953
2088
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1954
- .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-split-button.iui-active:hover .iui-header-button-icon{
2089
+ .iui-page-header .iui-header-split-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:hover .iui-header-button-icon{
1955
2090
  fill:#008BE1;
1956
2091
  background-color:rgba(0, 139, 225, 0.1);
1957
2092
  fill:var(--iui-icons-color-primary);
1958
2093
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1959
- .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-label{
2094
+ .iui-page-header .iui-header-split-button.iui-active .iui-button-label{
1960
2095
  color:#008BE1;
1961
2096
  color:var(--iui-color-foreground-primary); }
1962
- .iui-page-header > .iui-left .iui-header-split-button.iui-active:focus{
2097
+ .iui-page-header .iui-header-split-button.iui-active:focus{
1963
2098
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
1964
2099
  box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
1965
- .iui-page-header > .iui-left .iui-header-split-button.iui-active:focus:not(:focus-visible){
2100
+ .iui-page-header .iui-header-split-button.iui-active:focus:not(:focus-visible){
1966
2101
  box-shadow:0 2px 0 0 #008BE1;
1967
2102
  box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
1968
- .iui-page-header > .iui-left .iui-header-split-button.iui-active.iui-disabled, .iui-page-header > .iui-left .iui-header-split-button.iui-active:disabled{
2103
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
1969
2104
  background-color:rgba(0, 0, 0, 0.05);
1970
2105
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1971
2106
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1972
2107
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1973
- .iui-page-header > .iui-left .iui-header-split-button.iui-active.iui-disabled .iui-label, .iui-page-header > .iui-left .iui-header-split-button.iui-active:disabled .iui-label{
2108
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-label{
1974
2109
  color:rgba(0, 0, 0, 0.2);
1975
2110
  color:var(--iui-icons-color-actionable-disabled); }
1976
- .iui-page-header > .iui-left .iui-header-split-button.iui-active.iui-disabled .iui-icon, .iui-page-header > .iui-left .iui-header-split-button.iui-active:disabled .iui-icon{
2111
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-icon,
2112
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-icon,
2113
+ .iui-page-header .iui-header-split-button.iui-active:disabled svg{
1977
2114
  fill:rgba(0, 0, 0, 0.2);
1978
2115
  fill:var(--iui-icons-color-actionable-disabled); }
1979
- .iui-page-header > .iui-left .iui-header-split-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header > .iui-left .iui-header-split-button.iui-active:disabled .iui-header-button-icon{
2116
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-header-button-icon{
1980
2117
  background-color:rgba(0, 0, 0, 0.05);
1981
2118
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
1982
- .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-button.iui-borderless, .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-button.iui-borderless:hover{
2119
+ .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless, .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless:hover{
1983
2120
  background-color:transparent; }
1984
- .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-button.iui-borderless::after{
2121
+ .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless::after{
1985
2122
  display:none; }
1986
- .iui-page-header > .iui-left .iui-header-split-button.iui-active .iui-button:last-child:hover{
2123
+ .iui-page-header .iui-header-split-button.iui-active .iui-button:last-child:hover{
1987
2124
  background-color:rgba(0, 139, 225, 0.1);
1988
2125
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1989
- .iui-page-header > .iui-left .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{
2126
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{
1990
2127
  background-color:transparent;
1991
2128
  background-color:transparent; }
1992
- .iui-page-header > .iui-left .iui-header-logo{
1993
- display:inline-flex;
1994
- align-items:center;
1995
- white-space:nowrap;
1996
- height:100%; }
1997
- .iui-page-header > .iui-left .iui-header-logo[role='button']{
1998
- cursor:pointer; }
1999
- .iui-page-header > .iui-left .iui-header-logo[role='button']:focus{
2000
- box-shadow:none;
2001
- outline-offset:-1px;
2002
- outline:1px solid #008BE1;
2003
- outline:1px solid var(--iui-color-foreground-primary); }
2004
- .iui-page-header > .iui-left .iui-header-logo[role='button']:focus:not(:focus-visible){
2005
- outline:0; }
2006
- .iui-page-header > .iui-left .iui-header-logo[role='button']:hover, .iui-page-header > .iui-left .iui-header-logo[role='button']:focus-visible{
2007
- background-color:rgba(0, 0, 0, 0.1);
2008
- background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
2009
- .iui-page-header > .iui-left .iui-header-logo .iui-header-button-icon{
2010
- margin:0 24px;
2011
- fill:rgba(0, 0, 0, 0.8);
2012
- fill:var(--iui-icons-color-actionable); }
2013
- .iui-page-header > .iui-left .iui-header-logo > .iui-label{
2014
- margin-right:12px;
2015
- font-size:16px; }
2016
- @media (prefers-reduced-motion: no-preference){
2017
- .iui-page-header > .iui-left .iui-header-logo > .iui-label{
2018
- transition:font-size 0.2s ease-out; } }
2019
2129
  .iui-page-header > .iui-left > nav{
2020
2130
  display:flex;
2021
2131
  align-items:center;
@@ -2023,6 +2133,7 @@ html.iui-theme-dark{
2023
2133
  .iui-page-header > .iui-left,
2024
2134
  .iui-page-header > .iui-left > nav{
2025
2135
  overflow:hidden;
2136
+ box-sizing:content-box;
2026
2137
  margin-bottom:-4px;
2027
2138
  padding-bottom:4px; }
2028
2139
  .iui-page-header > .iui-left .iui-chevron{
@@ -2079,18 +2190,63 @@ html.iui-theme-dark{
2079
2190
  line-height:24px;
2080
2191
  font-size:12px; }
2081
2192
  @media (max-width: 768px){
2082
- .iui-page-header .iui-left .iui-header-button .iui-header-button-icon.iui-header-button-icon, .iui-page-header.iui-slim.iui-slim .iui-left .iui-header-button .iui-header-button-icon.iui-header-button-icon{
2193
+ .iui-page-header .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
2083
2194
  opacity:0;
2084
2195
  height:0.1px;
2085
2196
  width:0.1px;
2086
2197
  margin:0;
2087
2198
  padding:0; }
2088
- .iui-page-header .iui-left .iui-header-button .iui-header-button-icon + .iui-label, .iui-page-header.iui-slim.iui-slim .iui-left .iui-header-button .iui-header-button-icon + .iui-label{
2199
+ .iui-page-header .iui-left .iui-button .iui-header-button-icon + .iui-button-label, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon + .iui-button-label{
2089
2200
  margin-left:0; } }
2090
2201
  @media (max-width: 1024px){
2091
2202
  .iui-page-header .iui-left .iui-header-logo > .iui-label{
2092
2203
  display:none; } }
2093
2204
 
2205
+ .iui-header-logo{
2206
+ display:inline-flex;
2207
+ align-items:center;
2208
+ white-space:nowrap;
2209
+ height:100%; }
2210
+ a.iui-header-logo,
2211
+ button.iui-header-logo, .iui-header-logo[role='button']{
2212
+ cursor:pointer;
2213
+ margin:0;
2214
+ padding:0;
2215
+ border:none;
2216
+ vertical-align:baseline;
2217
+ font-family:inherit;
2218
+ background-color:unset;
2219
+ color:unset; }
2220
+ a.iui-header-logo:focus,
2221
+ button.iui-header-logo:focus, .iui-header-logo[role='button']:focus{
2222
+ box-shadow:none;
2223
+ outline-offset:-1px;
2224
+ outline:1px solid #008BE1;
2225
+ outline:1px solid var(--iui-color-foreground-primary); }
2226
+ a.iui-header-logo:focus:not(:focus-visible),
2227
+ button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){
2228
+ outline:0; }
2229
+ a.iui-header-logo:hover, a.iui-header-logo:focus,
2230
+ button.iui-header-logo:hover,
2231
+ button.iui-header-logo:focus, .iui-header-logo[role='button']:hover, .iui-header-logo[role='button']:focus{
2232
+ background-color:rgba(0, 0, 0, 0.1);
2233
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
2234
+ a.iui-header-logo:hover:not(:focus-visible):not(:hover), a.iui-header-logo:focus:not(:focus-visible):not(:hover),
2235
+ button.iui-header-logo:hover:not(:focus-visible):not(:hover),
2236
+ 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){
2237
+ background-color:#FFF;
2238
+ background-color:var(--iui-color-background-1); }
2239
+ .iui-header-logo .iui-header-button-icon{
2240
+ margin:0 24px;
2241
+ fill:rgba(0, 0, 0, 0.8);
2242
+ fill:var(--iui-icons-color-actionable); }
2243
+ .iui-header-logo > .iui-label{
2244
+ margin-right:12px;
2245
+ font-size:16px; }
2246
+ @media (prefers-reduced-motion: no-preference){
2247
+ .iui-header-logo > .iui-label{
2248
+ transition:font-size 0.2s ease-out; } }
2249
+
2094
2250
  .iui-icons-default{
2095
2251
  fill:rgba(0, 0, 0, 0.4);
2096
2252
  fill:var(--iui-icons-color);
@@ -2215,6 +2371,8 @@ html.iui-theme-dark{
2215
2371
  display:flex;
2216
2372
  flex-direction:column;
2217
2373
  box-sizing:border-box;
2374
+ max-width:100%;
2375
+ max-height:100%;
2218
2376
  z-index:2;
2219
2377
  background-color:#FFF;
2220
2378
  background-color:var(--iui-color-background-1); }
@@ -2260,6 +2418,7 @@ html.iui-theme-dark{
2260
2418
  width:24px;
2261
2419
  height:24px;
2262
2420
  margin-right:8px;
2421
+ flex-shrink:0;
2263
2422
  fill:rgba(0, 0, 0, 0.4);
2264
2423
  fill:var(--iui-icons-color); }
2265
2424
  .iui-information-panel .iui-information-header .iui-information-header-actions{
@@ -2333,6 +2492,29 @@ html.iui-theme-dark{
2333
2492
  .iui-information-panel.iui-visible > .iui-resizer{
2334
2493
  display:flex; }
2335
2494
 
2495
+ .iui-information-body-content{
2496
+ display:-ms-grid;
2497
+ display:grid; }
2498
+ .iui-information-body-content .iui-input-label{
2499
+ font-weight:400;
2500
+ color:rgba(0, 0, 0, 0.4);
2501
+ color:var(--iui-text-color-muted); }
2502
+ .iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){
2503
+ margin-bottom:11px; }
2504
+ .iui-information-body-content.iui-inline{
2505
+ row-gap:11px;
2506
+ -ms-grid-columns:auto 1fr;
2507
+ grid-template-columns:auto 1fr;
2508
+ align-items:center; }
2509
+ .iui-information-body-content.iui-inline .iui-input-label{
2510
+ margin:0 16px 0 0;
2511
+ -ms-grid-column-span:1;
2512
+ -ms-grid-column-align:end;
2513
+ justify-self:end;
2514
+ text-align:end; }
2515
+ .iui-information-body-content.iui-inline .iui-input-label.iui-required{
2516
+ margin-right:6px; }
2517
+
2336
2518
  .iui-input-container{
2337
2519
  margin:0;
2338
2520
  padding:0;
@@ -2423,12 +2605,13 @@ html.iui-theme-dark{
2423
2605
  -ms-grid-column:1;
2424
2606
  -ms-grid-column-span:2;
2425
2607
  font-weight:600;
2608
+ margin-bottom:3px;
2426
2609
  grid-area:label;
2427
2610
  -ms-grid-row-align:center;
2428
- align-self:center;
2429
- margin-bottom:3px; }
2611
+ align-self:center; }
2430
2612
  .iui-input-container > .iui-label.iui-required::after{
2431
- content:' *';
2613
+ content:'*';
2614
+ margin-left:4px;
2432
2615
  color:#D30A0A;
2433
2616
  color:var(--iui-color-foreground-negative); }
2434
2617
  .iui-input-container .iui-input-icon{
@@ -2624,6 +2807,28 @@ html.iui-theme-dark{
2624
2807
  border-bottom:2px solid var(--iui-color-foreground-warning);
2625
2808
  box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
2626
2809
 
2810
+ .iui-input-label{
2811
+ font-weight:600;
2812
+ margin-bottom:3px;
2813
+ cursor:default;
2814
+ display:block; }
2815
+ .iui-input-label.iui-required::after{
2816
+ content:'*';
2817
+ margin-left:4px;
2818
+ color:#D30A0A;
2819
+ color:var(--iui-color-foreground-negative); }
2820
+ label.iui-input-label{
2821
+ cursor:pointer; }
2822
+ label.iui-input-label.iui-disabled{
2823
+ cursor:not-allowed; }
2824
+ .iui-input-label.iui-inline{
2825
+ margin:0 16px 0 0;
2826
+ -ms-grid-column-span:1;
2827
+ display:inline-flex;
2828
+ align-items:center; }
2829
+ .iui-input-label.iui-inline.iui-required{
2830
+ margin-right:6px; }
2831
+
2627
2832
  .iui-input{
2628
2833
  margin:0;
2629
2834
  padding:0;
@@ -3019,22 +3224,14 @@ html.iui-theme-dark{
3019
3224
  .iui-checkbox .iui-radio-dot svg:not(.iui-radial){
3020
3225
  width:12px;
3021
3226
  height:12px; }
3022
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3023
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3024
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3025
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3026
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3027
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3227
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3228
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3028
3229
  opacity:0;
3029
3230
  fill:#008BE1;
3030
3231
  fill:var(--iui-icons-color-primary); }
3031
3232
  @media (prefers-reduced-motion: no-preference){
3032
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3033
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3034
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3035
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3036
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3037
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3233
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3234
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3038
3235
  transition:opacity 0.2s ease; } }
3039
3236
  .iui-checkbox > .iui-label{
3040
3237
  margin-right:8px; }
@@ -3117,8 +3314,8 @@ html.iui-theme-dark{
3117
3314
  .iui-checkbox.iui-loading input:disabled ~ .iui-label{
3118
3315
  cursor:wait; }
3119
3316
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3120
- background-color:#f2f2f2;
3121
- background-color:var(--iui-color-background-1-overlay); }
3317
+ background-color:rgba(0, 0, 0, 0.1);
3318
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
3122
3319
  .iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
3123
3320
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3124
3321
  border:none; }
@@ -3130,9 +3327,11 @@ html.iui-theme-dark{
3130
3327
  .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
3131
3328
  .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
3132
3329
  opacity:0; }
3133
- .iui-checkbox-visibility input ~ .iui-checkbox-checkmark > svg > .iui-uncheck{
3330
+ .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{
3134
3331
  opacity:1;
3135
- transition:opacity 0.2s ease; }
3332
+ transition:opacity 0.2s ease;
3333
+ fill:rgba(0, 0, 0, 0.8);
3334
+ fill:var(--iui-icons-color-actionable); }
3136
3335
 
3137
3336
  .iui-radio{
3138
3337
  margin:0;
@@ -3180,22 +3379,14 @@ html.iui-theme-dark{
3180
3379
  .iui-radio .iui-radio-dot svg:not(.iui-radial){
3181
3380
  width:12px;
3182
3381
  height:12px; }
3183
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3184
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3185
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3186
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3187
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3188
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3382
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3383
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3189
3384
  opacity:0;
3190
3385
  fill:#008BE1;
3191
3386
  fill:var(--iui-icons-color-primary); }
3192
3387
  @media (prefers-reduced-motion: no-preference){
3193
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3194
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3195
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3196
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3197
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3198
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3388
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3389
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3199
3390
  transition:opacity 0.2s ease; } }
3200
3391
  .iui-radio > .iui-label{
3201
3392
  margin-right:8px; }
@@ -3534,7 +3725,9 @@ html.iui-theme-dark{
3534
3725
  vertical-align:baseline;
3535
3726
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
3536
3727
  background-color:#FFF;
3728
+ color:rgba(0, 0, 0, 0.8);
3537
3729
  background-color:var(--iui-color-background-1);
3730
+ color:var(--iui-text-color);
3538
3731
  list-style-type:none;
3539
3732
  -webkit-user-select:none;
3540
3733
  -moz-user-select:none;
@@ -3562,9 +3755,7 @@ html.iui-theme-dark{
3562
3755
  height:38px;
3563
3756
  cursor:pointer;
3564
3757
  box-sizing:border-box;
3565
- line-height:normal;
3566
- color:rgba(0, 0, 0, 0.8);
3567
- color:var(--iui-text-color); }
3758
+ line-height:normal; }
3568
3759
  .iui-menu-item + .iui-menu-item{
3569
3760
  margin-top:-1px; }
3570
3761
  .iui-menu-item .iui-content,
@@ -4326,10 +4517,11 @@ html.iui-theme-dark{
4326
4517
  .iui-side-navigation.iui-expanded,
4327
4518
  .iui-side-navigation > .iui-sidenav-content{
4328
4519
  max-width:288px; }
4329
- .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-icon,
4330
- .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-icon{
4520
+ .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon,
4521
+ .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{
4331
4522
  transform:scaleX(-1); }
4332
4523
  .iui-side-navigation .iui-sidenav-button{
4524
+ gap:24px;
4333
4525
  border-radius:0;
4334
4526
  border-left:none;
4335
4527
  border-right:none;
@@ -4340,28 +4532,33 @@ html.iui-theme-dark{
4340
4532
  @supports (padding: max(0px)){
4341
4533
  .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
4342
4534
  padding-left:max(24px, 24px + env(safe-area-inset-left)); } }
4343
- .iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:enabled:hover, .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:focus-visible{
4535
+ .iui-side-navigation .iui-sidenav-button > .iui-button-label{
4536
+ white-space:nowrap;
4537
+ overflow:hidden;
4538
+ text-overflow:ellipsis; }
4539
+ .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{
4540
+ border-color:#C7CCD1;
4541
+ border-color:var(--iui-color-background-5); }
4542
+ .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4344
4543
  border-color:#C7CCD1;
4345
4544
  border-color:var(--iui-color-background-5); }
4346
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon){
4545
+ .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
4347
4546
  width:24px;
4348
4547
  height:24px;
4349
4548
  flex-shrink:0; }
4350
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon) + .iui-label{
4351
- margin-left:24px;
4352
- white-space:nowrap;
4353
- overflow:hidden;
4354
- text-overflow:ellipsis; }
4355
- .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-icon{
4549
+ .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
4356
4550
  fill:#008BE1;
4357
4551
  fill:var(--iui-color-foreground-primary); }
4358
- .iui-side-navigation .iui-sidenav-button.iui-active:focus, .iui-side-navigation .iui-sidenav-button.iui-active:focus-visible{
4359
- box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4360
- 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); }
4361
- .iui-side-navigation .iui-sidenav-button.iui-active, .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4552
+ .iui-side-navigation .iui-sidenav-button.iui-active{
4362
4553
  box-shadow:inset 2px 0 0 0 #008BE1;
4363
4554
  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4364
- .iui-side-navigation .iui-sidenav-button[disabled]{
4555
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus{
4556
+ box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4557
+ 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); }
4558
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4559
+ box-shadow:inset 2px 0 0 0 #008BE1;
4560
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4561
+ .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
4365
4562
  background-color:#F8F9FB;
4366
4563
  background-color:var(--iui-color-background-2); }
4367
4564
  .iui-side-navigation .iui-sidenav-button:focus{
@@ -4370,35 +4567,32 @@ html.iui-theme-dark{
4370
4567
  box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4371
4568
  .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4372
4569
  box-shadow:none; }
4373
- .iui-side-navigation .iui-sidenav-button:focus-visible{
4374
- outline:0;
4375
- box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4376
4570
  .iui-side-navigation .iui-sidenav-button.iui-expand{
4377
4571
  height:22px;
4378
4572
  justify-content:center;
4379
4573
  border:none;
4380
4574
  border-bottom:1px solid #C7CCD1;
4381
4575
  border-bottom:1px solid var(--iui-color-background-5); }
4382
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4576
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4383
4577
  fill:rgba(0, 0, 0, 0.4);
4384
4578
  fill:var(--iui-icons-color);
4385
4579
  display:inline-flex;
4386
4580
  width:12px;
4387
4581
  height:12px; }
4388
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-informational{
4582
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
4389
4583
  fill:#008BE1;
4390
4584
  fill:var(--iui-icons-color-primary); }
4391
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-positive{
4585
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
4392
4586
  fill:#53A21A;
4393
4587
  fill:var(--iui-icons-color-positive); }
4394
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-warning{
4588
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
4395
4589
  fill:#F18B12;
4396
4590
  fill:var(--iui-icons-color-warning); }
4397
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-negative{
4591
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
4398
4592
  fill:#D30A0A;
4399
4593
  fill:var(--iui-icons-color-negative); }
4400
4594
  @media (prefers-reduced-motion: no-preference){
4401
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4595
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4402
4596
  transition:transform 0.4s ease-out; } }
4403
4597
 
4404
4598
  .iui-side-navigation-submenu{
@@ -4724,6 +4918,11 @@ html.iui-theme-dark{
4724
4918
  flex-grow:1;
4725
4919
  background-color:#FFF;
4726
4920
  background-color:var(--iui-color-background-1); }
4921
+ .iui-table-body.iui-scroll-snapping{
4922
+ -ms-scroll-snap-type:y mandatory;
4923
+ scroll-snap-type:y mandatory; }
4924
+ .iui-table-body.iui-scroll-snapping .iui-row{
4925
+ scroll-snap-align:start; }
4727
4926
  .iui-table-body .iui-row{
4728
4927
  display:flex;
4729
4928
  border:solid 1px transparent;
@@ -4742,7 +4941,7 @@ html.iui-theme-dark{
4742
4941
  .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
4743
4942
  visibility:visible; }
4744
4943
  @media (prefers-reduced-motion: no-preference){
4745
- .iui-table-body .iui-row .iui-row-expander > .iui-icon{
4944
+ .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
4746
4945
  transition:transform 0.2s ease-out; } }
4747
4946
  .iui-table-body .iui-row.iui-row-expanded{
4748
4947
  overflow:hidden;
@@ -4752,7 +4951,7 @@ html.iui-theme-dark{
4752
4951
  border-left-color:var(--iui-color-background-4);
4753
4952
  border-right-color:var(--iui-color-background-4);
4754
4953
  border-bottom-color:transparent; }
4755
- .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-icon{
4954
+ .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
4756
4955
  transform:rotate(90deg); }
4757
4956
  .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
4758
4957
  border-left-color:#DCE0E3;
@@ -4899,6 +5098,8 @@ html.iui-theme-dark{
4899
5098
  justify-content:center;
4900
5099
  align-items:center;
4901
5100
  flex-basis:48px; }
5101
+ .iui-cell:not(.iui-slot):last-child{
5102
+ padding-right:16px; }
4902
5103
  .iui-cell.iui-positive{
4903
5104
  background-color:rgba(83, 162, 26, 0.1);
4904
5105
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); }
@@ -4941,7 +5142,7 @@ html.iui-theme-dark{
4941
5142
  border:none;
4942
5143
  vertical-align:baseline;
4943
5144
  display:flex;
4944
- justify-content:space-around;
5145
+ justify-content:space-between;
4945
5146
  align-items:center;
4946
5147
  min-height:55px;
4947
5148
  padding:0 16px;
@@ -4985,6 +5186,12 @@ html.iui-theme-dark{
4985
5186
  bottom:2px; }
4986
5187
  .iui-paginator > .iui-right{
4987
5188
  justify-content:flex-end; }
5189
+ .iui-paginator-page-size-label{
5190
+ color:rgba(0, 0, 0, 0.4);
5191
+ color:var(--iui-text-color-muted);
5192
+ white-space:nowrap;
5193
+ overflow:hidden;
5194
+ text-overflow:ellipsis; }
4988
5195
 
4989
5196
  .iui-column-filter{
4990
5197
  margin:0;
@@ -4993,7 +5200,9 @@ html.iui-theme-dark{
4993
5200
  vertical-align:baseline;
4994
5201
  box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
4995
5202
  background-color:#FFF;
5203
+ color:rgba(0, 0, 0, 0.8);
4996
5204
  background-color:var(--iui-color-background-1);
5205
+ color:var(--iui-text-color);
4997
5206
  padding:11px 12px;
4998
5207
  display:inline-flex;
4999
5208
  flex-direction:column;
@@ -5124,8 +5333,6 @@ html.iui-theme-dark{
5124
5333
  .iui-tabs.iui-default.iui-green .iui-tab::after{
5125
5334
  background-color:#53A21A;
5126
5335
  background-color:var(--iui-color-foreground-positive); }
5127
- .iui-tabs.iui-default ~ .iui-tab-stripe{
5128
- display:none; }
5129
5336
  .iui-tabs.iui-default .iui-tab{
5130
5337
  height:38px;
5131
5338
  padding:0 16px;
@@ -5230,22 +5437,29 @@ html.iui-theme-dark{
5230
5437
  .iui-tabs.iui-pill .iui-tab[disabled]:hover{
5231
5438
  background-color:transparent;
5232
5439
  background-color:transparent; }
5233
- .iui-tabs.iui-animated ~ .iui-tab-stripe{
5440
+ .iui-tabs.iui-animated::after{
5234
5441
  position:absolute;
5442
+ content:' ';
5235
5443
  background-color:#008BE1;
5236
5444
  background-color:var(--iui-color-foreground-primary); }
5237
- .iui-tabs.iui-animated.iui-green ~ .iui-tab-stripe{
5445
+ .iui-tabs.iui-animated.iui-green::after{
5238
5446
  background-color:#53A21A;
5239
5447
  background-color:var(--iui-color-foreground-positive); }
5240
- .iui-horizontal .iui-tabs.iui-animated ~ .iui-tab-stripe{
5241
- height:2px; }
5448
+ .iui-horizontal .iui-tabs.iui-animated::after{
5449
+ top:calc(100% - 2px);
5450
+ height:2px;
5451
+ left:var(--stripe-left);
5452
+ width:var(--stripe-width); }
5242
5453
  @media (prefers-reduced-motion: no-preference){
5243
- .iui-horizontal .iui-tabs.iui-animated ~ .iui-tab-stripe{
5454
+ .iui-horizontal .iui-tabs.iui-animated::after{
5244
5455
  transition:width 0.2s ease-out, left 0.2s ease-out; } }
5245
- .iui-vertical .iui-tabs.iui-animated ~ .iui-tab-stripe{
5246
- width:2px; }
5456
+ .iui-vertical .iui-tabs.iui-animated::after{
5457
+ left:calc(100% - 2px);
5458
+ width:2px;
5459
+ top:var(--stripe-top);
5460
+ height:var(--stripe-height); }
5247
5461
  @media (prefers-reduced-motion: no-preference){
5248
- .iui-vertical .iui-tabs.iui-animated ~ .iui-tab-stripe{
5462
+ .iui-vertical .iui-tabs.iui-animated::after{
5249
5463
  transition:top 0.2s ease-out; } }
5250
5464
  .iui-tabs.iui-not-animated .iui-tab::after{
5251
5465
  content:'';
@@ -5258,8 +5472,6 @@ html.iui-theme-dark{
5258
5472
  .iui-tabs.iui-not-animated.iui-green .iui-tab::after{
5259
5473
  background-color:#53A21A;
5260
5474
  background-color:var(--iui-color-foreground-positive); }
5261
- .iui-tabs.iui-not-animated ~ .iui-tab-stripe{
5262
- display:none; }
5263
5475
 
5264
5476
  .iui-tag{
5265
5477
  margin:0;
@@ -5492,57 +5704,65 @@ a.iui-tag{
5492
5704
  border-bottom:1px solid var(--iui-color-background-4); }
5493
5705
  .iui-tile .iui-thumbnail > .iui-type-indicator,
5494
5706
  .iui-tile .iui-thumbnail > .iui-quick-action{
5495
- background-color:transparent;
5496
5707
  border-color:transparent;
5708
+ background-color:transparent;
5497
5709
  padding:0 8px;
5710
+ height:38px;
5711
+ gap:8px;
5712
+ padding:0 2px;
5713
+ height:27px;
5714
+ gap:4px;
5498
5715
  position:absolute;
5499
5716
  border-radius:50%;
5500
5717
  top:6px; }
5501
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-small,
5502
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-small{
5503
- padding:0 2px; }
5504
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-large,
5505
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-large{
5506
- padding:0 12px; }
5507
- .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-icon:only-child,
5508
- .iui-tile .iui-thumbnail > .iui-quick-action > .iui-icon:only-child{
5718
+ .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
5719
+ .iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
5509
5720
  margin-left:3px;
5510
5721
  margin-right:3px; }
5511
- .iui-tile .iui-thumbnail > .iui-type-indicator:enabled:hover, .iui-tile .iui-thumbnail > .iui-type-indicator:enabled:active, .iui-tile .iui-thumbnail > .iui-type-indicator:focus-visible,
5512
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:hover,
5513
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:active,
5514
- .iui-tile .iui-thumbnail > .iui-quick-action:focus-visible{
5722
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus,
5723
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus{
5515
5724
  background-color:rgba(0, 0, 0, 0.1);
5516
5725
  border-color:transparent;
5517
5726
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5518
5727
  border-color:transparent; }
5519
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active,
5520
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled,
5521
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover,
5522
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
5523
- background:transparent;
5728
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)),
5729
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)){
5730
+ border-color:transparent;
5731
+ background-color:transparent; }
5732
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child,
5733
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
5734
+ margin-left:3px;
5735
+ margin-right:3px; }
5736
+ .iui-tile .iui-thumbnail > .iui-type-indicator:hover,
5737
+ .iui-tile .iui-thumbnail > .iui-quick-action:hover{
5738
+ background-color:rgba(0, 0, 0, 0.1);
5739
+ border-color:transparent;
5740
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5741
+ border-color:transparent; }
5742
+ .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
5743
+ .iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
5524
5744
  background-color:rgba(0, 139, 225, 0.1);
5745
+ color:#008BE1;
5525
5746
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
5747
+ color:var(--iui-color-foreground-primary);
5526
5748
  border-color:transparent; }
5527
- .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus,
5749
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
5528
5750
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled],
5529
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover,
5530
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active,
5531
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus{
5751
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled{
5752
+ cursor:not-allowed;
5753
+ background:#EEF0F3;
5754
+ border-color:#EEF0F3;
5755
+ color:rgba(0, 0, 0, 0.2);
5756
+ background:var(--iui-color-background-disabled);
5757
+ border-color:var(--iui-color-background-disabled);
5758
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
5759
+ background-color:transparent;
5760
+ border-color:transparent;
5532
5761
  background-color:transparent;
5533
5762
  border-color:transparent; }
5534
- .iui-tile .iui-thumbnail > .iui-type-indicator[disabled] > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus > .iui-icon,
5535
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled] > .iui-icon,
5536
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover > .iui-icon,
5537
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active > .iui-icon,
5538
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus > .iui-icon{
5539
- fill:rgba(0, 0, 0, 0.2);
5540
- fill:var(--iui-icons-color-actionable-disabled); }
5541
- .iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover.iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active.iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus.iui-active,
5763
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
5542
5764
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
5543
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover.iui-active,
5544
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active.iui-active,
5545
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus.iui-active{
5765
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
5546
5766
  background-color:rgba(0, 0, 0, 0.05);
5547
5767
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
5548
5768
  .iui-tile .iui-thumbnail > .iui-type-indicator{
@@ -5615,8 +5835,8 @@ a.iui-tag{
5615
5835
  backdrop-filter:blur(5px);
5616
5836
  background-color:rgba(0, 0, 0, var(--iui-opacity-5));
5617
5837
  backdrop-filter:blur(5px); } }
5618
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-icon,
5619
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-icon{
5838
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
5839
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
5620
5840
  fill:#FFF;
5621
5841
  filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
5622
5842
  fill:var(--iui-color-foreground-accessory);
@@ -5628,11 +5848,11 @@ a.iui-tag{
5628
5848
  .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
5629
5849
  background-color:rgba(0, 0, 0, 0.4);
5630
5850
  background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
5631
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active > .iui-icon,
5632
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover > .iui-icon,
5633
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled > .iui-icon,
5634
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover > .iui-icon,
5635
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active > .iui-icon{
5851
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active .iui-button-icon,
5852
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
5853
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
5854
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
5855
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
5636
5856
  fill:#FFF;
5637
5857
  fill:var(--iui-color-foreground-accessory); }
5638
5858
  .iui-tile > .iui-content{
@@ -5735,6 +5955,9 @@ a.iui-tag{
5735
5955
  overflow:hidden;
5736
5956
  text-overflow:ellipsis; }
5737
5957
  .iui-tile > .iui-content > .iui-more-options{
5958
+ padding:0 2px;
5959
+ height:27px;
5960
+ gap:4px;
5738
5961
  position:absolute;
5739
5962
  bottom:5.5px;
5740
5963
  right:8px;
@@ -6317,6 +6540,110 @@ a.iui-tag{
6317
6540
  background-color:rgba(0, 0, 0, var(--iui-opacity-3));
6318
6541
  color:var(--iui-color-foreground-accessory); }
6319
6542
 
6543
+ .iui-tree{
6544
+ margin:0;
6545
+ padding:0;
6546
+ border:none;
6547
+ vertical-align:baseline;
6548
+ list-style:none; }
6549
+
6550
+ .iui-sub-tree{
6551
+ margin:0;
6552
+ padding:0;
6553
+ border:none;
6554
+ vertical-align:baseline;
6555
+ list-style:none; }
6556
+
6557
+ .iui-tree-node{
6558
+ display:flex;
6559
+ cursor:pointer;
6560
+ padding:0 8px; }
6561
+ .iui-tree-node-checkbox{
6562
+ margin-right:8px; }
6563
+ .iui-tree-node-content{
6564
+ display:flex;
6565
+ align-items:center;
6566
+ box-sizing:border-box;
6567
+ min-height:33px;
6568
+ margin-left:calc(28px * (var(--level, 0)));
6569
+ overflow:hidden;
6570
+ padding-left:2px; }
6571
+ .iui-tree-node-content-icon{
6572
+ fill:rgba(0, 0, 0, 0.4);
6573
+ fill:var(--iui-icons-color);
6574
+ display:inline-flex;
6575
+ width:16px;
6576
+ height:16px;
6577
+ padding:0 6px;
6578
+ flex-shrink:0; }
6579
+ .iui-tree-node-content-icon.iui-informational{
6580
+ fill:#008BE1;
6581
+ fill:var(--iui-icons-color-primary); }
6582
+ .iui-tree-node-content-icon.iui-positive{
6583
+ fill:#53A21A;
6584
+ fill:var(--iui-icons-color-positive); }
6585
+ .iui-tree-node-content-icon.iui-warning{
6586
+ fill:#F18B12;
6587
+ fill:var(--iui-icons-color-warning); }
6588
+ .iui-tree-node-content-icon.iui-negative{
6589
+ fill:#D30A0A;
6590
+ fill:var(--iui-icons-color-negative); }
6591
+ .iui-tree-node-content-icon:first-child{
6592
+ margin-left:28px; }
6593
+ @media (prefers-reduced-motion: no-preference){
6594
+ .iui-tree-node-content-expander-icon{
6595
+ transition:transform 0.2s ease-out; } }
6596
+ .iui-tree-node-content-expander-icon-expanded{
6597
+ transform:rotate(90deg); }
6598
+ .iui-tree-node-content-label{
6599
+ min-width:0;
6600
+ padding-left:6px; }
6601
+ .iui-tree-node-content-label:first-child{
6602
+ margin-left:28px; }
6603
+ .iui-tree-node-content-title, .iui-tree-node-content-caption{
6604
+ white-space:nowrap;
6605
+ overflow:hidden;
6606
+ text-overflow:ellipsis; }
6607
+ .iui-tree-node-content-title{
6608
+ font-size:14px; }
6609
+ .iui-tree-node-content-caption{
6610
+ font-size:12px;
6611
+ color:rgba(0, 0, 0, 0.4);
6612
+ color:var(--iui-text-color-muted); }
6613
+ .iui-tree-node:focus{
6614
+ outline:thin solid rgba(0, 139, 225, 0.4);
6615
+ outline-offset:-1px;
6616
+ outline:thin solid rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
6617
+ outline-offset:-1px; }
6618
+ .iui-tree-node:focus:not(:focus-visible){
6619
+ outline-offset:-2px; }
6620
+ .iui-tree-node:hover{
6621
+ background-color:rgba(0, 139, 225, 0.1);
6622
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
6623
+ .iui-tree-node:hover .iui-tree-node-content-caption{
6624
+ color:#000;
6625
+ color:var(--iui-color-foreground-body);
6626
+ transition:color 0.2s ease; }
6627
+ .iui-tree-node.iui-active{
6628
+ background-color:rgba(0, 139, 225, 0.2);
6629
+ outline:thin solid var(--iui-color-foreground-primary);
6630
+ outline-offset:-1px;
6631
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
6632
+ outline:thin solid var(--iui-color-foreground-primary);
6633
+ outline-offset:-1px; }
6634
+ .iui-tree-node.iui-active:focus{
6635
+ outline-width:2px;
6636
+ outline-offset:-2px; }
6637
+ .iui-tree-node.iui-disabled{
6638
+ cursor:not-allowed;
6639
+ outline:none;
6640
+ background-color:transparent;
6641
+ color:rgba(0, 0, 0, 0.2);
6642
+ color:var(--iui-text-color-placeholder); }
6643
+ .iui-tree-node.iui-disabled .iui-tree-node-content-caption{
6644
+ color:rgba(0, 0, 0, 0.2);
6645
+ color:var(--iui-text-color-placeholder); }
6646
+
6320
6647
  .iui-user-icon{
6321
6648
  margin:0;
6322
6649
  padding:0;
@@ -6380,7 +6707,9 @@ a.iui-tag{
6380
6707
  width:100%;
6381
6708
  height:100%;
6382
6709
  border-width:0;
6383
- border-radius:50%; }
6710
+ border-radius:50%;
6711
+ background-color:#FFF;
6712
+ background-color:var(--iui-color-background-1); }
6384
6713
  .iui-user-icon > .iui-status{
6385
6714
  display:flex;
6386
6715
  align-items:center;