@box/blueprint-web 14.22.0 → 14.24.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.
@@ -10536,7 +10536,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10536
10536
  fill:currentcolor;
10537
10537
  }
10538
10538
 
10539
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71,.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71{
10539
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f,.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
10540
10540
  margin-inline-end:var(--scroll-mask-margin-inline-end);
10541
10541
  mask-image:var(--scroll-mask-mask-image);
10542
10542
  mask-position:var(--scroll-mask-mask-position);
@@ -10546,7 +10546,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10546
10546
  transition:var(--scroll-mask-transition);
10547
10547
  }
10548
10548
 
10549
- .bp_popover_module_popoverContentContainer--a0d71[data-modern=false]{
10549
+ .bp_popover_module_popoverContentContainer--5379f[data-modern=false]{
10550
10550
  --scroll-mask-padding-right:var(--space-4);
10551
10551
  --scroll-mask-overflow:auto;
10552
10552
  --scroll-mask-transition:mask-position var(--animation-duration-3), -webkit-mask-position var(--animation-duration-3);
@@ -10559,12 +10559,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10559
10559
  --popover-content-text-color:var(--text-text-on-light);
10560
10560
  --popover-main-content-inner-container-padding:var(--space-3);
10561
10561
  --popover-scroll-container-small-breakpoint-max-height:min(
10562
- var(
10563
- --blueprint-web-popover-content-max-height,
10564
- calc(var(--radix-popover-content-available-height) - var(--space-12))
10565
- ),
10562
+ var(
10563
+ --blueprint-web-popover-content-max-height,
10566
10564
  calc(var(--radix-popover-content-available-height) - var(--space-12))
10567
- );
10565
+ ),
10566
+ calc(var(--radix-popover-content-available-height) - var(--space-12))
10567
+ );
10568
10568
  --popover-scroll-container-small-breakpoint-padding-block:var(--space-1);
10569
10569
  --popover-footer-padding-block-start:var(--space-4);
10570
10570
  --popover-footer-margin-inline:calc(var(--space-4)*-1);
@@ -10572,7 +10572,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10572
10572
  --popover-footer-border-top:var(--border-1) solid var(--border-card-border);
10573
10573
  }
10574
10574
 
10575
- .bp_popover_module_popoverContentContainer--a0d71[data-modern=true]{
10575
+ .bp_popover_module_popoverContentContainer--5379f[data-modern=true]{
10576
10576
  --bp-dropshadow-3:var(--dropshadow-3);
10577
10577
  --bp-animation-duration-3:var(--animation-duration-3);
10578
10578
  --scroll-mask-padding-right:var(--bp-space-040);
@@ -10587,12 +10587,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10587
10587
  --popover-content-text-color:var(--bp-text-text-on-light);
10588
10588
  --popover-main-content-inner-container-padding:var(--bp-space-030);
10589
10589
  --popover-scroll-container-small-breakpoint-max-height:min(
10590
- var(
10591
- --blueprint-web-popover-content-max-height,
10592
- calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
10593
- ),
10590
+ var(
10591
+ --blueprint-web-popover-content-max-height,
10594
10592
  calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
10595
- );
10593
+ ),
10594
+ calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
10595
+ );
10596
10596
  --popover-scroll-container-small-breakpoint-padding-block:var(--bp-space-010);
10597
10597
  --popover-footer-padding-block-start:var(--bp-space-040);
10598
10598
  --popover-footer-margin-inline:calc(var(--bp-space-040)*-1);
@@ -10600,48 +10600,258 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
10600
10600
  --popover-footer-border-top:var(--bp-border-01) solid var(--bp-border-card-border);
10601
10601
  }
10602
10602
 
10603
- .bp_popover_module_popoverContentContainer--a0d71{
10603
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open]{
10604
+ animation-duration:var(--bp-duration-medium);
10605
+ animation-timing-function:var(--bp-curve-medium-on);
10606
+ }
10607
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=top]{
10608
+ animation-name:bp_popover_module_bpPopoverMediumTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10609
+ }
10610
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=bottom]{
10611
+ animation-name:bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10612
+ }
10613
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=left]{
10614
+ animation-name:bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10615
+ }
10616
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=right]{
10617
+ animation-name:bp_popover_module_bpPopoverMediumRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10618
+ }
10619
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed]{
10620
+ animation-duration:var(--bp-duration-short);
10621
+ animation-timing-function:var(--bp-curve-medium-off);
10622
+ }
10623
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=top]{
10624
+ animation-name:bp_popover_module_bpPopoverMediumTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10625
+ }
10626
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=bottom]{
10627
+ animation-name:bp_popover_module_bpPopoverMediumBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10628
+ }
10629
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=left]{
10630
+ animation-name:bp_popover_module_bpPopoverMediumLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10631
+ }
10632
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=right]{
10633
+ animation-name:bp_popover_module_bpPopoverMediumRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10634
+ }
10635
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open]{
10636
+ animation-duration:var(--bp-duration-long);
10637
+ animation-timing-function:var(--bp-curve-large-on);
10638
+ }
10639
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
10640
+ animation-name:bp_popover_module_bpPopoverLargeTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10641
+ }
10642
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
10643
+ animation-name:bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10644
+ }
10645
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
10646
+ animation-name:bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10647
+ }
10648
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
10649
+ animation-name:bp_popover_module_bpPopoverLargeRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
10650
+ }
10651
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed]{
10652
+ animation-duration:var(--bp-duration-medium);
10653
+ animation-timing-function:var(--bp-curve-large-off);
10654
+ }
10655
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
10656
+ animation-name:bp_popover_module_bpPopoverLargeTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10657
+ }
10658
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
10659
+ animation-name:bp_popover_module_bpPopoverLargeBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10660
+ }
10661
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
10662
+ animation-name:bp_popover_module_bpPopoverLargeLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10663
+ }
10664
+ .bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
10665
+ animation-name:bp_popover_module_bpPopoverLargeRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
10666
+ }
10667
+
10668
+ .bp_popover_module_popoverContentContainer--5379f{
10604
10669
  max-width:320px;
10605
10670
  z-index:var(--z-index-popover);
10606
10671
  }
10607
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71{
10672
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f{
10608
10673
  box-shadow:var(--popover-card-box-shadow);
10609
10674
  margin-block:var(--popover-card-margin-block);
10610
10675
  }
10611
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71{
10676
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f{
10612
10677
  color:var(--popover-content-text-color);
10613
10678
  }
10614
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71:hover{
10679
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f:hover{
10615
10680
  mask-position:left top;
10616
10681
  }
10617
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71 .bp_popover_module_popoverMainContentOuterContainer--a0d71{
10682
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f{
10618
10683
  max-height:inherit;
10619
10684
  }
10620
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71 .bp_popover_module_popoverMainContentOuterContainer--a0d71 .bp_popover_module_popoverMainContentInnerContainerPadding--a0d71{
10685
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f .bp_popover_module_popoverMainContentInnerContainerPadding--5379f{
10621
10686
  padding-block-end:var(--popover-main-content-inner-container-padding);
10622
10687
  }
10623
- .bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71{
10688
+ .bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f{
10624
10689
  max-height:var(--radix-popover-content-available-height);
10625
10690
  }
10626
- .bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71{
10691
+ .bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
10627
10692
  color:var(--popover-content-text-color);
10628
10693
  max-height:var(--popover-scroll-container-small-breakpoint-max-height);
10629
10694
  padding-block:var(--popover-scroll-container-small-breakpoint-padding-block);
10630
10695
  }
10631
- .bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71:hover{
10696
+ .bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f:hover{
10632
10697
  mask-position:left top;
10633
10698
  }
10634
- .bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71 .bp_popover_module_popoverMainContent--a0d71{
10699
+ .bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f .bp_popover_module_popoverMainContent--5379f{
10635
10700
  max-height:fit-content;
10636
10701
  }
10637
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverFooter--a0d71{
10702
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f{
10638
10703
  margin-inline:var(--popover-footer-margin-inline);
10639
10704
  padding-block-start:var(--popover-footer-padding-block-start);
10640
10705
  padding-inline:var(--popover-footer-padding-inline);
10641
10706
  }
10642
- .bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverFooter--a0d71.bp_popover_module_popoverFooterTopBorder--a0d71{
10707
+ .bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f.bp_popover_module_popoverFooterTopBorder--5379f{
10643
10708
  border-top:var(--popover-footer-border-top);
10644
10709
  }
10710
+
10711
+ @keyframes bp_popover_module_bpPopoverFadeIn--5379f{
10712
+ from{
10713
+ opacity:var(--bp-opacity-hidden);
10714
+ }
10715
+ to{
10716
+ opacity:var(--bp-opacity-visible);
10717
+ }
10718
+ }
10719
+ @keyframes bp_popover_module_bpPopoverFadeOut--5379f{
10720
+ from{
10721
+ opacity:var(--bp-opacity-visible);
10722
+ }
10723
+ to{
10724
+ opacity:var(--bp-opacity-hidden);
10725
+ }
10726
+ }
10727
+ @keyframes bp_popover_module_bpPopoverMediumTopSlideEnter--5379f{
10728
+ from{
10729
+ transform:translateY(var(--bp-space-020));
10730
+ }
10731
+ to{
10732
+ transform:translateY(0);
10733
+ }
10734
+ }
10735
+ @keyframes bp_popover_module_bpPopoverMediumTopSlideExit--5379f{
10736
+ from{
10737
+ transform:translateY(0);
10738
+ }
10739
+ to{
10740
+ transform:translateY(var(--bp-space-020));
10741
+ }
10742
+ }
10743
+ @keyframes bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f{
10744
+ from{
10745
+ transform:translateY(calc(var(--bp-space-020)*-1));
10746
+ }
10747
+ to{
10748
+ transform:translateY(0);
10749
+ }
10750
+ }
10751
+ @keyframes bp_popover_module_bpPopoverMediumBottomSlideExit--5379f{
10752
+ from{
10753
+ transform:translateY(0);
10754
+ }
10755
+ to{
10756
+ transform:translateY(calc(var(--bp-space-020)*-1));
10757
+ }
10758
+ }
10759
+ @keyframes bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f{
10760
+ from{
10761
+ transform:translateX(calc(var(--bp-space-020)*-1));
10762
+ }
10763
+ to{
10764
+ transform:translateX(0);
10765
+ }
10766
+ }
10767
+ @keyframes bp_popover_module_bpPopoverMediumLeftSlideExit--5379f{
10768
+ from{
10769
+ transform:translateX(0);
10770
+ }
10771
+ to{
10772
+ transform:translateX(calc(var(--bp-space-020)*-1));
10773
+ }
10774
+ }
10775
+ @keyframes bp_popover_module_bpPopoverMediumRightSlideEnter--5379f{
10776
+ from{
10777
+ transform:translateX(var(--bp-space-020));
10778
+ }
10779
+ to{
10780
+ transform:translateX(0);
10781
+ }
10782
+ }
10783
+ @keyframes bp_popover_module_bpPopoverMediumRightSlideExit--5379f{
10784
+ from{
10785
+ transform:translateX(0);
10786
+ }
10787
+ to{
10788
+ transform:translateX(var(--bp-space-020));
10789
+ }
10790
+ }
10791
+ @keyframes bp_popover_module_bpPopoverLargeTopSlideEnter--5379f{
10792
+ from{
10793
+ transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
10794
+ }
10795
+ to{
10796
+ transform:translateY(0) var(--bp-scale-default);
10797
+ }
10798
+ }
10799
+ @keyframes bp_popover_module_bpPopoverLargeTopSlideExit--5379f{
10800
+ from{
10801
+ transform:translateY(0) var(--bp-scale-default);
10802
+ }
10803
+ to{
10804
+ transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
10805
+ }
10806
+ }
10807
+ @keyframes bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f{
10808
+ from{
10809
+ transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
10810
+ }
10811
+ to{
10812
+ transform:translateY(0) var(--bp-scale-default);
10813
+ }
10814
+ }
10815
+ @keyframes bp_popover_module_bpPopoverLargeBottomSlideExit--5379f{
10816
+ from{
10817
+ transform:translateY(0) var(--bp-scale-default);
10818
+ }
10819
+ to{
10820
+ transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
10821
+ }
10822
+ }
10823
+ @keyframes bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f{
10824
+ from{
10825
+ transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
10826
+ }
10827
+ to{
10828
+ transform:translateX(0) var(--bp-scale-default);
10829
+ }
10830
+ }
10831
+ @keyframes bp_popover_module_bpPopoverLargeLeftSlideExit--5379f{
10832
+ from{
10833
+ transform:translateX(0) var(--bp-scale-default);
10834
+ }
10835
+ to{
10836
+ transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
10837
+ }
10838
+ }
10839
+ @keyframes bp_popover_module_bpPopoverLargeRightSlideEnter--5379f{
10840
+ from{
10841
+ transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
10842
+ }
10843
+ to{
10844
+ transform:translateX(0) var(--bp-scale-default);
10845
+ }
10846
+ }
10847
+ @keyframes bp_popover_module_bpPopoverLargeRightSlideExit--5379f{
10848
+ from{
10849
+ transform:translateX(0) var(--bp-scale-default);
10850
+ }
10851
+ to{
10852
+ transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
10853
+ }
10854
+ }
10645
10855
  .bp_select_menu_grid_module_grid--6e766{
10646
10856
  display:flex;
10647
10857
  flex-direction:column;
@@ -12797,102 +13007,405 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
12797
13007
  .bp_time_picker_module_timePicker--41158 .bp_time_picker_module_inlineError--41158{
12798
13008
  margin-block-start:var(--time-picker-inline-error-margin-top);
12799
13009
  }
12800
- :root{
12801
- --surface-surface-brand:#0061d5;
12802
- --surface-surface-brand-hover:#006ae9;
12803
- --surface-surface-brand-pressed:#004eac;
12804
- --surface-surface-brand-busy:#0061d5;
12805
- --surface-surface-brand-disabled:#0061d5;
12806
- --surface-cta-destructive-surface-tertiary:#0000;
12807
- --surface-badge-image-surface:#1e9b67;
12808
- --surface-badge-canvas-surface:#d97417;
12809
- --surface-badge-completed-surface:#1e9b67;
12810
- --surface-badge-pdf-surface:#d0021b;
12811
- --surface-badge-docs-surface:#4083f7;
12812
- --surface-badge-sheets-surface:#21a464;
12813
- --surface-badge-pages-surface:#ff9500;
12814
- --surface-badge-keynote-surface:#0a84ff;
12815
- --surface-badge-video-surface:#009aed;
12816
- --surface-badge-drawing-surface:#009aed;
12817
- --surface-badge-excel-surface:#107c41;
12818
- --surface-badge-slides-surface:#f7ba00;
12819
- --surface-badge-illustrator-surface:#051e25;
12820
- --surface-badge-indesign-surface:#131415;
12821
- --surface-badge-numbers-surface:#00a650;
12822
- --surface-badge-photoshop-surface:#131415;
12823
- --surface-badge-powerpoint-surface:#c43e1c;
12824
- --surface-badge-presentation-surface:#d97417;
12825
- --surface-badge-spreadsheet-surface:#3fb87f;
12826
- --surface-badge-three-d-surface:#d97417;
12827
- --surface-badge-vector-surface:#d97417;
12828
- --surface-badge-word-surface:#185abd;
12829
- --surface-badge-forward-surface:#d97417;
12830
- --surface-badge-alert-surface:#d97417;
12831
- --border-cta-border-outline-disabled:#646464;
12832
- --border-divider-border-brand:#e8e8e81a;
12833
- --icon-icon-illustrator:#ff9400;
12834
- --icon-icon-indesign:#ff57a1;
12835
- --icon-icon-photoshop:#26c9ff;
12836
- --brand-box-ai-100:linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
12837
- --brand-box-ai-120:linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%);
12838
- --brand-box-ai-140:linear-gradient(135deg, #980284 0%, #174f96 100%);
12839
- --gray-10:#e8e8e8;
12840
- --gray-20:#d3d3d3;
12841
- --gray-30:#bcbcbc;
12842
- --gray-40:#a7a7a7;
12843
- --gray-50:#909090;
12844
- --gray-65:#6f6f6f;
12845
- --gray-80:#4e4e4e;
12846
- --gray-90:#383838;
12847
- --gray-100:#222;
12848
- --gray-02:#fbfbfb;
12849
- --gray-05:#f4f4f4;
12850
- --gray-black:#000;
12851
- --gray-white:#fff;
12852
- --box-blue-10:#e5effa;
12853
- --box-blue-20:#ccdff7;
12854
- --box-blue-30:#b2cff2;
12855
- --box-blue-40:#99c0ee;
12856
- --box-blue-50:#7fb0ea;
12857
- --box-blue-80:#3381dd;
12858
- --box-blue-100:#0061d5;
12859
- --box-blue-110:#0057c0;
12860
- --box-blue-120:#004eaa;
12861
- --box-blue-150:#00316b;
12862
- --box-blue-160:#002755;
12863
- --box-blue-170:#001d40;
12864
- --box-blue-180:#00132b;
12865
- --box-blue-05:#f2f7fd;
12866
- --box-blue-02:#fafcfe;
12867
- --dark-blue-10:#e5ebf2;
12868
- --dark-blue-20:#ccd8e6;
12869
- --dark-blue-50:#7f9dc1;
12870
- --dark-blue-100:#003c84;
12871
- --dark-blue-110:#003677;
12872
- --dark-blue-120:#00306a;
12873
- --dark-blue-150:#001e42;
12874
- --dark-blue-160:#001835;
12875
- --dark-blue-170:#001228;
12876
- --dark-blue-180:#000c1a;
12877
- --dark-blue-05:#f2f5f9;
12878
- --dark-blue-02:#fafbfd;
12879
- --light-blue-10:#e9f2fe;
12880
- --light-blue-20:#d3e7fe;
12881
- --light-blue-50:#91c2fd;
12882
- --light-blue-100:#2486fc;
12883
- --light-blue-110:#2079e3;
12884
- --light-blue-120:#1d6bca;
12885
- --light-blue-150:#12437e;
12886
- --light-blue-160:#0e3665;
12887
- --light-blue-170:#0b284c;
12888
- --light-blue-180:#071b32;
12889
- --light-blue-05:#f4f9ff;
12890
- --light-blue-02:#fbfdff;
12891
- --green-light-10:#e9f8f2;
12892
- --green-light-20:#d4f3e6;
12893
- --green-light-50:#92e0c0;
12894
- --green-light-100:#26c281;
12895
- --green-light-110:#22af74;
13010
+ .bp_toolbar_module_dropdownIndicator--5aae4.bp_toolbar_module_invertCaret--5aae4{
13011
+ transform:rotate(.5turn);
13012
+ }
13013
+
13014
+ .bp_toolbar_module_toolbarRoot--5aae4[data-modern=false]{
13015
+ --toolbar-root-gap:var(--space-1);
13016
+ --toolbar-root-padding:calc(var(--space-1) - var(--border-1));
13017
+ --toolbar-root-background:var(--surface-surface);
13018
+ --toolbar-root-border:var(--border-1) solid var(--border-card-border);
13019
+ --toolbar-root-border-radius:var(--radius-4);
13020
+ --toolbar-root-box-shadow:var(--dropshadow-3);
13021
+ --toolbar-scroll-button-gap:var(--space-1);
13022
+ --toolbar-scrollable-children-gap:var(--space-1);
13023
+ --toolbar-scrollable-children-padding:calc(var(--space-1) - var(--border-1));
13024
+ --toolbar-scrollable-children-scroll-padding:calc(var(--space-1) - var(--border-1));
13025
+ --toolbar-separator-height:var(--size-6);
13026
+ --toolbar-separator-background:var(--border-divider-border);
13027
+ --toolbar-separator-border-radius:var(--radius-2);
13028
+ }
13029
+
13030
+ .bp_toolbar_module_toolbarRoot--5aae4[data-modern=true]{
13031
+ --box-shadow:0 4px 12px 0 #0000001a;
13032
+ --toolbar-root-gap:var(--bp-space-010);
13033
+ --toolbar-root-padding:var(--bp-space-010);
13034
+ --toolbar-root-background:var(--bp-surface-toolbar-surface);
13035
+ --toolbar-root-border:var(--bp-border-01) solid var(--bp-border-toolbar-border);
13036
+ --toolbar-root-border-radius:var(--bp-radius-10);
13037
+ --toolbar-root-box-shadow:var(--box-shadow);
13038
+ --toolbar-scroll-button-gap:var(--bp-space-010);
13039
+ --toolbar-scrollable-children-gap:var(--bp-space-010);
13040
+ --toolbar-scrollable-children-padding:var(--bp-space-010);
13041
+ --toolbar-scrollable-children-scroll-padding:var(--bp-space-010);
13042
+ --toolbar-separator-height:var(--bp-size-060);
13043
+ --toolbar-separator-background:var(--bp-border-divider-border);
13044
+ --toolbar-separator-border-radius:var(--bp-radius-03);
13045
+ --toolbar-toggle-group-gap:var(--bp-space-010);
13046
+ }
13047
+ .bp_toolbar_module_toolbarRoot--5aae4[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--5aae4{
13048
+ --toolbar-root-padding:0;
13049
+ }
13050
+
13051
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=false]{
13052
+ --toolbar-item-min-width:var(--size-8);
13053
+ --toolbar-item-min-height:var(--size-8);
13054
+ --toolbar-item-text-indent:var(--space-1);
13055
+ --toolbar-item-background:var(--surface-toggle-surface);
13056
+ --toolbar-item-border:var(--border-1) solid #0000;
13057
+ --toolbar-item-border-radius:var(--radius-2);
13058
+ --toolbar-item-padding-inline:calc(var(--space-1) - var(--border-1));
13059
+ --toolbar-item-off-hover-background:var(--surface-toggle-surface-hover);
13060
+ --toolbar-item-off-hover-border:var(--border-1) solid var(--surface-toggle-surface-hover);
13061
+ --toolbar-item-focus-outline:var(--outline-focus-on-light);
13062
+ --toolbar-item-disabled-opacity:.3;
13063
+ --toolbar-toggle-on-pressed-border:none;
13064
+ --toolbar-toggle-on-pressed-background:var(--surface-toggle-surface-pressed);
13065
+ --toolbar-toggle-icon-fill:var(--icon-icon-on-dark);
13066
+ --toolbar-toggle-on-hover-background:var(--surface-toggle-surface-on-hover);
13067
+ --toolbar-toggle-on-hover-border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
13068
+ --toolbar-icon-width:var(--size-5);
13069
+ --toolbar-icon-height:var(--size-5);
13070
+ --toolbar-item-text-color:var(--text-text-on-light);
13071
+ --toolbar-text-toggle-color:var(--text-text-on-light);
13072
+ --toolbar-text-toggle-off-border:var(--border-1) solid var(--border-toggletext-border-off);
13073
+ --toolbar-text-toggle-padding-inline:var(--space-2);
13074
+ --toolbar-text-toggle-hover-background:var(--surface-toggle-surface-off-hover);
13075
+ --toolbar-text-toggle-hover-border-color:var(--border-toggletext-border-off-hover);
13076
+ --toolbar-text-toggle-active-background:var(--surface-toggle-surface-off-pressed);
13077
+ --toolbar-text-toggle-active-border-color:var(--border-toggletext-border-off-pressed);
13078
+ --toolbar-text-toggle-checked-color:var(--text-toggletext-text);
13079
+ --toolbar-text-toggle-checked-background:var(--surface-toggletext-surface-on);
13080
+ --toolbar-text-toggle-checked-border:var(--border-1) solid var(--border-toggletext-border-on);
13081
+ --toolbar-text-toggle-checked-hover-background:var(--surface-toggletext-surface-on-hover);
13082
+ --toolbar-text-toggle-checked-hover-border-color:var(--border-toggletext-border-on-hover);
13083
+ --toolbar-text-toggle-checked-active-background:var(--surface-toggletext-surface-on-pressed);
13084
+ --toolbar-text-toggle-checked-active-border-color:var(--border-toggletext-border-on-pressed);
13085
+ --trigger-button-hover-opacity:.7;
13086
+ }
13087
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--5aae4{
13088
+ font-family:var(--body-default-font-family);
13089
+ font-size:var(--body-default-font-size);
13090
+ font-weight:var(--body-default-font-weight);
13091
+ letter-spacing:var(--body-default-letter-spacing);
13092
+ line-height:var(--body-default-line-height);
13093
+ text-decoration:var(--body-default-text-decoration);
13094
+ text-transform:var(--body-default-text-case);
13095
+ }
13096
+
13097
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true]{
13098
+ --toolbar-item-min-width:var(--bp-size-080);
13099
+ --toolbar-item-min-height:var(--bp-size-080);
13100
+ --toolbar-item-text-indent:var(--bp-space-010);
13101
+ --toolbar-item-background:var(--bp-surface-toggle-surface);
13102
+ --toolbar-item-border:var(--bp-border-01) solid #0000;
13103
+ --toolbar-item-border-radius:var(--bp-radius-10);
13104
+ --toolbar-item-padding-inline:calc(var(--bp-space-010) - var(--bp-border-01));
13105
+ --toolbar-item-off-hover-background:var(--bp-surface-toggle-surface-hover);
13106
+ --toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-toggle-surface-hover);
13107
+ --toolbar-item-focus-outline:var(--bp-outline-focus-on-light);
13108
+ --toolbar-item-disabled-opacity:.3;
13109
+ --toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
13110
+ --toolbar-toggle-on-pressed-background:var(--bp-surface-toggle-surface-on);
13111
+ --toolbar-toggle-icon-fill:var(--bp-icon-icon-blue);
13112
+ --toolbar-toggle-on-hover-background:var(--bp-surface-toggle-surface-on-hover);
13113
+ --toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
13114
+ --toolbar-icon-width:var(--bp-size-050);
13115
+ --toolbar-icon-height:var(--bp-size-050);
13116
+ --toolbar-item-text-color:var(--bp-text-text-on-light);
13117
+ --toolbar-text-toggle-color:var(--bp-text-text-on-light);
13118
+ --toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
13119
+ --toolbar-text-toggle-padding-inline:var(--bp-space-020);
13120
+ --toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
13121
+ --toolbar-text-toggle-hover-border-color:var(--bp-border-toggle-text-border-off-hover);
13122
+ --toolbar-text-toggle-active-background:var(--bp-surface-toggle-text-surface-off-pressed);
13123
+ --toolbar-text-toggle-active-border-color:var(--bp-border-toggle-text-border-off-pressed);
13124
+ --toolbar-text-toggle-checked-color:var(--bp-text-toggle-text-text);
13125
+ --toolbar-text-toggle-checked-background:var(--bp-surface-toggle-text-surface-on);
13126
+ --toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-on);
13127
+ --toolbar-text-toggle-checked-hover-background:var(--bp-surface-toggle-text-surface-on-hover);
13128
+ --toolbar-text-toggle-checked-hover-border-color:var(--bp-border-toggle-text-border-on-hover);
13129
+ --toolbar-text-toggle-checked-active-background:var(--bp-surface-toggle-text-surface-on-pressed);
13130
+ --toolbar-text-toggle-checked-active-border-color:var(--bp-border-toggle-text-border-on-pressed);
13131
+ --trigger-button-hover-opacity:.65;
13132
+ --trigger-button-active-opacity:.8;
13133
+ }
13134
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-active]{
13135
+ background:var(--bp-surface-toggle-surface-off-pressed);
13136
+ border:var(--bp-border-01) solid var(--bp-border-toggle-border-off);
13137
+ }
13138
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on][data-active]{
13139
+ background:var(--bp-surface-toggle-surface-on-pressed);
13140
+ border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
13141
+ }
13142
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--5aae4{
13143
+ transform:rotate(1turn);
13144
+ }
13145
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-active]{
13146
+ background-color:var(--toolbar-button-color);
13147
+ opacity:var(--trigger-button-active-opacity);
13148
+ }
13149
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
13150
+ background-color:var(--toolbar-button-color);
13151
+ border-color:var(--toolbar-button-color);
13152
+ opacity:var(--trigger-button-hover-opacity);
13153
+ }
13154
+ .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarTextToggleItem--5aae4{
13155
+ font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
13156
+ font-size:var(--bp-font-size-07);
13157
+ font-style:normal;
13158
+ font-weight:var(--bp-font-weight-regular);
13159
+ letter-spacing:var(--bp-font-letter-spacing-01);
13160
+ line-height:var(--bp-font-line-height-05);
13161
+ }
13162
+
13163
+ .bp_toolbar_module_toggleGroup--5aae4[data-modern=false]{
13164
+ --toolbar-toggle-group-gap:var(--space-1);
13165
+ }
13166
+
13167
+ .bp_toolbar_module_toggleGroup--5aae4[data-modern=true]{
13168
+ --toolbar-toggle-group-gap:var(--bp-space-010);
13169
+ }
13170
+
13171
+ .bp_toolbar_module_toolbarRoot--5aae4{
13172
+ align-items:center;
13173
+ background:var(--toolbar-root-background);
13174
+ border:var(--toolbar-root-border);
13175
+ border-radius:var(--toolbar-root-border-radius);
13176
+ box-shadow:var(--toolbar-root-box-shadow);
13177
+ display:flex;
13178
+ gap:var(--toolbar-root-gap);
13179
+ padding:var(--toolbar-root-padding);
13180
+ }
13181
+
13182
+ .bp_toolbar_module_scrollButtonWrapper--5aae4{
13183
+ align-items:center;
13184
+ display:flex;
13185
+ gap:var(--toolbar-scroll-button-gap);
13186
+ }
13187
+ .bp_toolbar_module_scrollButtonWrapper--5aae4.bp_toolbar_module_hidden--5aae4{
13188
+ display:none;
13189
+ }
13190
+
13191
+ .bp_toolbar_module_scrollableChildrenWrapper--5aae4{
13192
+ -ms-overflow-style:none;
13193
+ scrollbar-width:none;
13194
+ }
13195
+ .bp_toolbar_module_scrollableChildrenWrapper--5aae4::-webkit-scrollbar{
13196
+ display:none;
13197
+ }
13198
+ .bp_toolbar_module_scrollableChildrenWrapper--5aae4{
13199
+ align-items:center;
13200
+ display:flex;
13201
+ flex-grow:1;
13202
+ gap:var(--toolbar-scrollable-children-gap);
13203
+ overflow-x:auto;
13204
+ padding:var(--toolbar-scrollable-children-padding);
13205
+ scroll-behavior:smooth;
13206
+ scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
13207
+ white-space:nowrap;
13208
+ }
13209
+ .bp_toolbar_module_scrollableChildrenWrapper--5aae4 > *{
13210
+ flex:none;
13211
+ }
13212
+
13213
+ .bp_toolbar_module_separator--5aae4{
13214
+ background-color:var(--toolbar-separator-background);
13215
+ border-radius:var(--toolbar-separator-border-radius);
13216
+ height:var(--toolbar-separator-height);
13217
+ width:1px;
13218
+ }
13219
+
13220
+ .bp_toolbar_module_toggleGroup--5aae4{
13221
+ display:flex;
13222
+ gap:var(--toolbar-toggle-group-gap);
13223
+ }
13224
+
13225
+ .bp_toolbar_module_toolbarItem--5aae4{
13226
+ align-items:center;
13227
+ background:var(--toolbar-button-color, var(--toolbar-item-background));
13228
+ border:var(--toolbar-item-border);
13229
+ border-radius:var(--toolbar-item-border-radius);
13230
+ color:var(--toolbar-item-text-color);
13231
+ cursor:pointer;
13232
+ display:flex;
13233
+ gap:var(--toolbar-scroll-button-gap);
13234
+ justify-content:center;
13235
+ min-height:var(--toolbar-item-min-height);
13236
+ min-width:var(--toolbar-item-min-width);
13237
+ outline:none;
13238
+ padding-inline:var(--toolbar-item-padding-inline);
13239
+ text-indent:var(--toolbar-item-text-indent);
13240
+ -webkit-user-select:none;
13241
+ user-select:none;
13242
+ }
13243
+ .bp_toolbar_module_toolbarItem--5aae4[data-disabled]{
13244
+ background:var(--toolbar-item-background);
13245
+ opacity:var(--toolbar-item-disabled-opacity);
13246
+ pointer-events:none;
13247
+ }
13248
+ .bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):focus-visible{
13249
+ box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
13250
+ }
13251
+ .bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):hover{
13252
+ background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
13253
+ border:var(--toolbar-item-off-hover-border);
13254
+ }
13255
+
13256
+ .bp_toolbar_module_toolbarToggle--5aae4[data-state=on]{
13257
+ background:var(--toolbar-toggle-on-pressed-background);
13258
+ border:var(--toolbar-toggle-on-pressed-border);
13259
+ }
13260
+ .bp_toolbar_module_toolbarToggle--5aae4[data-state=on] svg *{
13261
+ fill:var(--toolbar-toggle-icon-fill);
13262
+ }
13263
+ .bp_toolbar_module_toolbarToggle--5aae4[data-state=on]:not([data-disabled]):hover{
13264
+ background:var(--toolbar-toggle-on-hover-background);
13265
+ border:var(--toolbar-toggle-on-hover-border);
13266
+ }
13267
+
13268
+ .bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on] .bp_toolbar_module_dropdownIndicator--5aae4 path{
13269
+ fill:var(--icon-icon-on-light);
13270
+ }
13271
+ .bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
13272
+ background-color:var(--toolbar-button-color);
13273
+ border-color:var(--toolbar-button-color);
13274
+ opacity:var(--trigger-button-hover-opacity);
13275
+ }
13276
+
13277
+ .bp_toolbar_module_toolbarIcon--5aae4{
13278
+ align-items:center;
13279
+ display:flex;
13280
+ height:var(--toolbar-icon-height);
13281
+ justify-content:center;
13282
+ width:var(--toolbar-icon-width);
13283
+ }
13284
+
13285
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4{
13286
+ border:var(--toolbar-text-toggle-off-border);
13287
+ color:var(--toolbar-text-toggle-color);
13288
+ padding-inline:var(--toolbar-text-toggle-padding-inline);
13289
+ text-indent:unset;
13290
+ white-space:nowrap;
13291
+ }
13292
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4:hover{
13293
+ background:var(--toolbar-text-toggle-hover-background);
13294
+ border-color:var(--toolbar-text-toggle-hover-border-color);
13295
+ }
13296
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4:active{
13297
+ background:var(--toolbar-text-toggle-active-background);
13298
+ border-color:var(--toolbar-text-toggle-active-border-color);
13299
+ }
13300
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]{
13301
+ background:var(--toolbar-text-toggle-checked-background);
13302
+ border:var(--toolbar-text-toggle-checked-border);
13303
+ color:var(--toolbar-text-toggle-checked-color);
13304
+ }
13305
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:hover{
13306
+ background:var(--toolbar-text-toggle-checked-hover-background);
13307
+ border-color:var(--toolbar-text-toggle-checked-hover-border-color);
13308
+ }
13309
+ .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:active{
13310
+ background:var(--toolbar-text-toggle-checked-active-background);
13311
+ border-color:var(--toolbar-text-toggle-checked-active-border-color);
13312
+ }
13313
+ :root{
13314
+ --surface-surface-brand:#0061d5;
13315
+ --surface-surface-brand-hover:#006ae9;
13316
+ --surface-surface-brand-pressed:#004eac;
13317
+ --surface-surface-brand-busy:#0061d5;
13318
+ --surface-surface-brand-disabled:#0061d5;
13319
+ --surface-cta-destructive-surface-tertiary:#0000;
13320
+ --surface-badge-image-surface:#1e9b67;
13321
+ --surface-badge-canvas-surface:#d97417;
13322
+ --surface-badge-completed-surface:#1e9b67;
13323
+ --surface-badge-pdf-surface:#d0021b;
13324
+ --surface-badge-docs-surface:#4083f7;
13325
+ --surface-badge-sheets-surface:#21a464;
13326
+ --surface-badge-pages-surface:#ff9500;
13327
+ --surface-badge-keynote-surface:#0a84ff;
13328
+ --surface-badge-video-surface:#009aed;
13329
+ --surface-badge-drawing-surface:#009aed;
13330
+ --surface-badge-excel-surface:#107c41;
13331
+ --surface-badge-slides-surface:#f7ba00;
13332
+ --surface-badge-illustrator-surface:#051e25;
13333
+ --surface-badge-indesign-surface:#131415;
13334
+ --surface-badge-numbers-surface:#00a650;
13335
+ --surface-badge-photoshop-surface:#131415;
13336
+ --surface-badge-powerpoint-surface:#c43e1c;
13337
+ --surface-badge-presentation-surface:#d97417;
13338
+ --surface-badge-spreadsheet-surface:#3fb87f;
13339
+ --surface-badge-three-d-surface:#d97417;
13340
+ --surface-badge-vector-surface:#d97417;
13341
+ --surface-badge-word-surface:#185abd;
13342
+ --surface-badge-forward-surface:#d97417;
13343
+ --surface-badge-alert-surface:#d97417;
13344
+ --border-cta-border-outline-disabled:#646464;
13345
+ --border-divider-border-brand:#e8e8e81a;
13346
+ --icon-icon-illustrator:#ff9400;
13347
+ --icon-icon-indesign:#ff57a1;
13348
+ --icon-icon-photoshop:#26c9ff;
13349
+ --brand-box-ai-100:linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
13350
+ --brand-box-ai-120:linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%);
13351
+ --brand-box-ai-140:linear-gradient(135deg, #980284 0%, #174f96 100%);
13352
+ --gray-10:#e8e8e8;
13353
+ --gray-20:#d3d3d3;
13354
+ --gray-30:#bcbcbc;
13355
+ --gray-40:#a7a7a7;
13356
+ --gray-50:#909090;
13357
+ --gray-65:#6f6f6f;
13358
+ --gray-80:#4e4e4e;
13359
+ --gray-90:#383838;
13360
+ --gray-100:#222;
13361
+ --gray-02:#fbfbfb;
13362
+ --gray-05:#f4f4f4;
13363
+ --gray-black:#000;
13364
+ --gray-white:#fff;
13365
+ --box-blue-10:#e5effa;
13366
+ --box-blue-20:#ccdff7;
13367
+ --box-blue-30:#b2cff2;
13368
+ --box-blue-40:#99c0ee;
13369
+ --box-blue-50:#7fb0ea;
13370
+ --box-blue-80:#3381dd;
13371
+ --box-blue-100:#0061d5;
13372
+ --box-blue-110:#0057c0;
13373
+ --box-blue-120:#004eaa;
13374
+ --box-blue-150:#00316b;
13375
+ --box-blue-160:#002755;
13376
+ --box-blue-170:#001d40;
13377
+ --box-blue-180:#00132b;
13378
+ --box-blue-05:#f2f7fd;
13379
+ --box-blue-02:#fafcfe;
13380
+ --dark-blue-10:#e5ebf2;
13381
+ --dark-blue-20:#ccd8e6;
13382
+ --dark-blue-50:#7f9dc1;
13383
+ --dark-blue-100:#003c84;
13384
+ --dark-blue-110:#003677;
13385
+ --dark-blue-120:#00306a;
13386
+ --dark-blue-150:#001e42;
13387
+ --dark-blue-160:#001835;
13388
+ --dark-blue-170:#001228;
13389
+ --dark-blue-180:#000c1a;
13390
+ --dark-blue-05:#f2f5f9;
13391
+ --dark-blue-02:#fafbfd;
13392
+ --light-blue-10:#e9f2fe;
13393
+ --light-blue-20:#d3e7fe;
13394
+ --light-blue-50:#91c2fd;
13395
+ --light-blue-100:#2486fc;
13396
+ --light-blue-110:#2079e3;
13397
+ --light-blue-120:#1d6bca;
13398
+ --light-blue-150:#12437e;
13399
+ --light-blue-160:#0e3665;
13400
+ --light-blue-170:#0b284c;
13401
+ --light-blue-180:#071b32;
13402
+ --light-blue-05:#f4f9ff;
13403
+ --light-blue-02:#fbfdff;
13404
+ --green-light-10:#e9f8f2;
13405
+ --green-light-20:#d4f3e6;
13406
+ --green-light-50:#92e0c0;
13407
+ --green-light-100:#26c281;
13408
+ --green-light-110:#22af74;
12896
13409
  --green-light-120:#1e9b67;
12897
13410
  --green-light-150:#136140;
12898
13411
  --green-light-160:#0f4e34;
@@ -14648,316 +15161,142 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
14648
15161
  --bp-text-text-on-light:var(--bp-gray-100);
14649
15162
  --bp-text-text-on-light-disabled:var(--bp-gray-30);
14650
15163
  --bp-text-text-on-light-secondary:var(--bp-gray-65);
14651
- --bp-text-text-on-light-secondary-hover:var(--bp-gray-80);
14652
- --bp-text-text-on-light-tertiary:var(--bp-gray-50);
14653
- --bp-text-text-success-on-color:var(--bp-green-light-160);
14654
- --bp-text-text-warning-on-color:var(--bp-yellorange-160);
14655
- --z-index-sidepanel:360;
14656
- --z-index-modal:370;
14657
- --z-index-popover:380;
14658
- --z-index-notification:2147483647;
14659
- --z-index-card-tooltip:2147483647;
14660
- }
14661
- .bp_toolbar_module_dropdownIndicator--5aae4.bp_toolbar_module_invertCaret--5aae4{
14662
- transform:rotate(.5turn);
14663
- }
14664
-
14665
- .bp_toolbar_module_toolbarRoot--5aae4[data-modern=false]{
14666
- --toolbar-root-gap:var(--space-1);
14667
- --toolbar-root-padding:calc(var(--space-1) - var(--border-1));
14668
- --toolbar-root-background:var(--surface-surface);
14669
- --toolbar-root-border:var(--border-1) solid var(--border-card-border);
14670
- --toolbar-root-border-radius:var(--radius-4);
14671
- --toolbar-root-box-shadow:var(--dropshadow-3);
14672
- --toolbar-scroll-button-gap:var(--space-1);
14673
- --toolbar-scrollable-children-gap:var(--space-1);
14674
- --toolbar-scrollable-children-padding:calc(var(--space-1) - var(--border-1));
14675
- --toolbar-scrollable-children-scroll-padding:calc(var(--space-1) - var(--border-1));
14676
- --toolbar-separator-height:var(--size-6);
14677
- --toolbar-separator-background:var(--border-divider-border);
14678
- --toolbar-separator-border-radius:var(--radius-2);
14679
- }
14680
-
14681
- .bp_toolbar_module_toolbarRoot--5aae4[data-modern=true]{
14682
- --box-shadow:0 4px 12px 0 #0000001a;
14683
- --toolbar-root-gap:var(--bp-space-010);
14684
- --toolbar-root-padding:var(--bp-space-010);
14685
- --toolbar-root-background:var(--bp-surface-toolbar-surface);
14686
- --toolbar-root-border:var(--bp-border-01) solid var(--bp-border-toolbar-border);
14687
- --toolbar-root-border-radius:var(--bp-radius-10);
14688
- --toolbar-root-box-shadow:var(--box-shadow);
14689
- --toolbar-scroll-button-gap:var(--bp-space-010);
14690
- --toolbar-scrollable-children-gap:var(--bp-space-010);
14691
- --toolbar-scrollable-children-padding:var(--bp-space-010);
14692
- --toolbar-scrollable-children-scroll-padding:var(--bp-space-010);
14693
- --toolbar-separator-height:var(--bp-size-060);
14694
- --toolbar-separator-background:var(--bp-border-divider-border);
14695
- --toolbar-separator-border-radius:var(--bp-radius-03);
14696
- --toolbar-toggle-group-gap:var(--bp-space-010);
14697
- }
14698
- .bp_toolbar_module_toolbarRoot--5aae4[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--5aae4{
14699
- --toolbar-root-padding:0;
14700
- }
14701
-
14702
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=false]{
14703
- --toolbar-item-min-width:var(--size-8);
14704
- --toolbar-item-min-height:var(--size-8);
14705
- --toolbar-item-text-indent:var(--space-1);
14706
- --toolbar-item-background:var(--surface-toggle-surface);
14707
- --toolbar-item-border:var(--border-1) solid #0000;
14708
- --toolbar-item-border-radius:var(--radius-2);
14709
- --toolbar-item-padding-inline:calc(var(--space-1) - var(--border-1));
14710
- --toolbar-item-off-hover-background:var(--surface-toggle-surface-hover);
14711
- --toolbar-item-off-hover-border:var(--border-1) solid var(--surface-toggle-surface-hover);
14712
- --toolbar-item-focus-outline:var(--outline-focus-on-light);
14713
- --toolbar-item-disabled-opacity:.3;
14714
- --toolbar-toggle-on-pressed-border:none;
14715
- --toolbar-toggle-on-pressed-background:var(--surface-toggle-surface-pressed);
14716
- --toolbar-toggle-icon-fill:var(--icon-icon-on-dark);
14717
- --toolbar-toggle-on-hover-background:var(--surface-toggle-surface-on-hover);
14718
- --toolbar-toggle-on-hover-border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
14719
- --toolbar-icon-width:var(--size-5);
14720
- --toolbar-icon-height:var(--size-5);
14721
- --toolbar-item-text-color:var(--text-text-on-light);
14722
- --toolbar-text-toggle-color:var(--text-text-on-light);
14723
- --toolbar-text-toggle-off-border:var(--border-1) solid var(--border-toggletext-border-off);
14724
- --toolbar-text-toggle-padding-inline:var(--space-2);
14725
- --toolbar-text-toggle-hover-background:var(--surface-toggle-surface-off-hover);
14726
- --toolbar-text-toggle-hover-border-color:var(--border-toggletext-border-off-hover);
14727
- --toolbar-text-toggle-active-background:var(--surface-toggle-surface-off-pressed);
14728
- --toolbar-text-toggle-active-border-color:var(--border-toggletext-border-off-pressed);
14729
- --toolbar-text-toggle-checked-color:var(--text-toggletext-text);
14730
- --toolbar-text-toggle-checked-background:var(--surface-toggletext-surface-on);
14731
- --toolbar-text-toggle-checked-border:var(--border-1) solid var(--border-toggletext-border-on);
14732
- --toolbar-text-toggle-checked-hover-background:var(--surface-toggletext-surface-on-hover);
14733
- --toolbar-text-toggle-checked-hover-border-color:var(--border-toggletext-border-on-hover);
14734
- --toolbar-text-toggle-checked-active-background:var(--surface-toggletext-surface-on-pressed);
14735
- --toolbar-text-toggle-checked-active-border-color:var(--border-toggletext-border-on-pressed);
14736
- --trigger-button-hover-opacity:.7;
14737
- }
14738
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--5aae4{
14739
- font-family:var(--body-default-font-family);
14740
- font-size:var(--body-default-font-size);
14741
- font-weight:var(--body-default-font-weight);
14742
- letter-spacing:var(--body-default-letter-spacing);
14743
- line-height:var(--body-default-line-height);
14744
- text-decoration:var(--body-default-text-decoration);
14745
- text-transform:var(--body-default-text-case);
15164
+ --bp-text-text-on-light-secondary-hover:var(--bp-gray-80);
15165
+ --bp-text-text-on-light-tertiary:var(--bp-gray-50);
15166
+ --bp-text-text-success-on-color:var(--bp-green-light-160);
15167
+ --bp-text-text-warning-on-color:var(--bp-yellorange-160);
15168
+ --z-index-sidepanel:360;
15169
+ --z-index-modal:370;
15170
+ --z-index-popover:380;
15171
+ --z-index-notification:2147483647;
15172
+ --z-index-card-tooltip:2147483647;
14746
15173
  }
14747
15174
 
14748
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true]{
14749
- --toolbar-item-min-width:var(--bp-size-080);
14750
- --toolbar-item-min-height:var(--bp-size-080);
14751
- --toolbar-item-text-indent:var(--bp-space-010);
14752
- --toolbar-item-background:var(--bp-surface-toggle-surface);
14753
- --toolbar-item-border:var(--bp-border-01) solid #0000;
14754
- --toolbar-item-border-radius:var(--bp-radius-10);
14755
- --toolbar-item-padding-inline:calc(var(--bp-space-010) - var(--bp-border-01));
14756
- --toolbar-item-off-hover-background:var(--bp-surface-toggle-surface-hover);
14757
- --toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-toggle-surface-hover);
14758
- --toolbar-item-focus-outline:var(--bp-outline-focus-on-light);
14759
- --toolbar-item-disabled-opacity:.3;
14760
- --toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
14761
- --toolbar-toggle-on-pressed-background:var(--bp-surface-toggle-surface-on);
14762
- --toolbar-toggle-icon-fill:var(--bp-icon-icon-blue);
14763
- --toolbar-toggle-on-hover-background:var(--bp-surface-toggle-surface-on-hover);
14764
- --toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
14765
- --toolbar-icon-width:var(--bp-size-050);
14766
- --toolbar-icon-height:var(--bp-size-050);
14767
- --toolbar-item-text-color:var(--bp-text-text-on-light);
14768
- --toolbar-text-toggle-color:var(--bp-text-text-on-light);
14769
- --toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
14770
- --toolbar-text-toggle-padding-inline:var(--bp-space-020);
14771
- --toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
14772
- --toolbar-text-toggle-hover-border-color:var(--bp-border-toggle-text-border-off-hover);
14773
- --toolbar-text-toggle-active-background:var(--bp-surface-toggle-text-surface-off-pressed);
14774
- --toolbar-text-toggle-active-border-color:var(--bp-border-toggle-text-border-off-pressed);
14775
- --toolbar-text-toggle-checked-color:var(--bp-text-toggle-text-text);
14776
- --toolbar-text-toggle-checked-background:var(--bp-surface-toggle-text-surface-on);
14777
- --toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-on);
14778
- --toolbar-text-toggle-checked-hover-background:var(--bp-surface-toggle-text-surface-on-hover);
14779
- --toolbar-text-toggle-checked-hover-border-color:var(--bp-border-toggle-text-border-on-hover);
14780
- --toolbar-text-toggle-checked-active-background:var(--bp-surface-toggle-text-surface-on-pressed);
14781
- --toolbar-text-toggle-checked-active-border-color:var(--bp-border-toggle-text-border-on-pressed);
14782
- --trigger-button-hover-opacity:.65;
14783
- --trigger-button-active-opacity:.8;
14784
- }
14785
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-active]{
14786
- background:var(--bp-surface-toggle-surface-off-pressed);
14787
- border:var(--bp-border-01) solid var(--bp-border-toggle-border-off);
15175
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4{
15176
+ box-sizing:border-box;
15177
+ color:var(--bp-text-text-on-light, var(--text-text-on-light));
15178
+ min-width:0;
14788
15179
  }
14789
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on][data-active]{
14790
- background:var(--bp-surface-toggle-surface-on-pressed);
14791
- border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
15180
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4{
15181
+ --trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
15182
+ --trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
15183
+ --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
15184
+ --trigger-button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
15185
+ --trigger-button-focus-or-hover-border-xsmall:none;
15186
+ --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
15187
+ --trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
15188
+ background:var(--trigger-button-background);
15189
+ border:var(--trigger-button-border);
14792
15190
  }
14793
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--5aae4{
14794
- transform:rotate(1turn);
15191
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled)[data-focus-visible]{
15192
+ background:var(--trigger-button-focus-or-hover-background);
15193
+ border:var(--trigger-button-focus-or-hover-border);
14795
15194
  }
14796
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-active]{
14797
- background-color:var(--toolbar-button-color);
14798
- opacity:var(--trigger-button-active-opacity);
15195
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled):active{
15196
+ background:var(--trigger-button-active-background);
15197
+ border:var(--trigger-button-active-border);
14799
15198
  }
14800
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
14801
- background-color:var(--toolbar-button-color);
14802
- border-color:var(--toolbar-button-color);
14803
- opacity:var(--trigger-button-hover-opacity);
15199
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4{
15200
+ --trigger-button-background:var(--bp-surface-cta-surface-tertiary);
15201
+ --trigger-button-border:var(--bp-border-01) solid #0000;
15202
+ --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
15203
+ --trigger-button-focus-or-hover-border-xsmall:var(--trigger-button-border);
15204
+ --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
15205
+ background:var(--trigger-button-background);
15206
+ border:var(--trigger-button-border);
14804
15207
  }
14805
- .bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarTextToggleItem--5aae4{
14806
- font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
14807
- font-size:var(--bp-font-size-07);
14808
- font-style:normal;
14809
- font-weight:var(--bp-font-weight-regular);
14810
- letter-spacing:var(--bp-font-letter-spacing-01);
14811
- line-height:var(--bp-font-line-height-05);
15208
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled)[data-focus-visible]{
15209
+ background:var(--trigger-button-focus-or-hover-background);
14812
15210
  }
14813
-
14814
- .bp_toolbar_module_toggleGroup--5aae4[data-modern=false]{
14815
- --toolbar-toggle-group-gap:var(--space-1);
15211
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled):active{
15212
+ background:var(--trigger-button-active-background);
14816
15213
  }
14817
-
14818
- .bp_toolbar_module_toggleGroup--5aae4[data-modern=true]{
14819
- --toolbar-toggle-group-gap:var(--bp-space-010);
15214
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4{
15215
+ --button-xsmall-gap:var(--bp-space-010);
15216
+ --button-xsmall-height:var(--bp-size-060);
15217
+ --trigger-button-xsmall-inline-padding:var(--bp-space-020);
15218
+ --button-xsmall-padding:var(--bp-space-010) var(--trigger-button-xsmall-inline-padding);
15219
+ --trigger-button-start-icon-padding-xsmall:var(--trigger-button-xsmall-inline-padding);
15220
+ border:var(--trigger-button-focus-or-hover-border-xsmall);
15221
+ gap:var(--button-xsmall-gap);
15222
+ min-height:var(--button-xsmall-height);
15223
+ padding:var(--button-xsmall-padding);
14820
15224
  }
14821
-
14822
- .bp_toolbar_module_toolbarRoot--5aae4{
14823
- align-items:center;
14824
- background:var(--toolbar-root-background);
14825
- border:var(--toolbar-root-border);
14826
- border-radius:var(--toolbar-root-border-radius);
14827
- box-shadow:var(--toolbar-root-box-shadow);
14828
- display:flex;
14829
- gap:var(--toolbar-root-gap);
14830
- padding:var(--toolbar-root-padding);
15225
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled):active,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled)[data-focus-visible]{
15226
+ border:var(--trigger-button-focus-or-hover-border-xsmall);
14831
15227
  }
14832
-
14833
- .bp_toolbar_module_scrollButtonWrapper--5aae4{
14834
- align-items:center;
14835
- display:flex;
14836
- gap:var(--toolbar-scroll-button-gap);
15228
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4.bp_inline_trigger_button_module_startIcon--043a4{
15229
+ padding-left:var(--trigger-button-start-icon-padding-xsmall, .625rem);
14837
15230
  }
14838
- .bp_toolbar_module_scrollButtonWrapper--5aae4.bp_toolbar_module_hidden--5aae4{
14839
- display:none;
15231
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4{
15232
+ align-items:flex-start;
15233
+ display:inline-flex;
15234
+ justify-content:flex-start;
15235
+ max-width:100%;
15236
+ min-width:0;
15237
+ white-space:normal;
15238
+ width:min(100%, max-content);
14840
15239
  }
14841
15240
 
14842
- .bp_toolbar_module_scrollableChildrenWrapper--5aae4{
14843
- -ms-overflow-style:none;
14844
- scrollbar-width:none;
14845
- }
14846
- .bp_toolbar_module_scrollableChildrenWrapper--5aae4::-webkit-scrollbar{
14847
- display:none;
14848
- }
14849
- .bp_toolbar_module_scrollableChildrenWrapper--5aae4{
14850
- align-items:center;
14851
- display:flex;
14852
- flex-grow:1;
14853
- gap:var(--toolbar-scrollable-children-gap);
14854
- overflow-x:auto;
14855
- padding:var(--toolbar-scrollable-children-padding);
14856
- scroll-behavior:smooth;
14857
- scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
14858
- white-space:nowrap;
14859
- }
14860
- .bp_toolbar_module_scrollableChildrenWrapper--5aae4 > *{
14861
- flex:none;
15241
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4.bp_inline_trigger_button_module_extraSmall--043a4{
15242
+ min-height:var(--button-xsmall-height);
15243
+ padding:var(--bp-space-010) var(--bp-space-020);
14862
15244
  }
14863
15245
 
14864
- .bp_toolbar_module_separator--5aae4{
14865
- background-color:var(--toolbar-separator-background);
14866
- border-radius:var(--toolbar-separator-border-radius);
14867
- height:var(--toolbar-separator-height);
14868
- width:1px;
15246
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4.bp_inline_trigger_button_module_extraSmall--043a4.bp_inline_trigger_button_module_startIcon--043a4{
15247
+ padding-left:var(--trigger-button-start-icon-padding-xsmall, var(--bp-space-020));
14869
15248
  }
14870
15249
 
14871
- .bp_toolbar_module_toggleGroup--5aae4{
14872
- display:flex;
14873
- gap:var(--toolbar-toggle-group-gap);
15250
+ .bp_inline_trigger_button_module_contentSlot--043a4{
15251
+ flex:1 1 auto;
15252
+ max-width:100%;
15253
+ min-width:0;
15254
+ width:100%;
14874
15255
  }
14875
15256
 
14876
- .bp_toolbar_module_toolbarItem--5aae4{
15257
+ .bp_inline_trigger_button_module_content--043a4{
15258
+ align-content:flex-start;
14877
15259
  align-items:center;
14878
- background:var(--toolbar-button-color, var(--toolbar-item-background));
14879
- border:var(--toolbar-item-border);
14880
- border-radius:var(--toolbar-item-border-radius);
14881
- color:var(--toolbar-item-text-color);
14882
- cursor:pointer;
15260
+ box-sizing:border-box;
14883
15261
  display:flex;
14884
- gap:var(--toolbar-scroll-button-gap);
14885
- justify-content:center;
14886
- min-height:var(--toolbar-item-min-height);
14887
- min-width:var(--toolbar-item-min-width);
14888
- outline:none;
14889
- padding-inline:var(--toolbar-item-padding-inline);
14890
- text-indent:var(--toolbar-item-text-indent);
14891
- -webkit-user-select:none;
14892
- user-select:none;
14893
- }
14894
- .bp_toolbar_module_toolbarItem--5aae4[data-disabled]{
14895
- background:var(--toolbar-item-background);
14896
- opacity:var(--toolbar-item-disabled-opacity);
14897
- pointer-events:none;
14898
- }
14899
- .bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):focus-visible{
14900
- box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
14901
- }
14902
- .bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):hover{
14903
- background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
14904
- border:var(--toolbar-item-off-hover-border);
14905
- }
14906
-
14907
- .bp_toolbar_module_toolbarToggle--5aae4[data-state=on]{
14908
- background:var(--toolbar-toggle-on-pressed-background);
14909
- border:var(--toolbar-toggle-on-pressed-border);
14910
- }
14911
- .bp_toolbar_module_toolbarToggle--5aae4[data-state=on] svg *{
14912
- fill:var(--toolbar-toggle-icon-fill);
14913
- }
14914
- .bp_toolbar_module_toolbarToggle--5aae4[data-state=on]:not([data-disabled]):hover{
14915
- background:var(--toolbar-toggle-on-hover-background);
14916
- border:var(--toolbar-toggle-on-hover-border);
15262
+ flex-wrap:wrap;
15263
+ gap:var(--bp-space-010);
15264
+ max-width:100%;
15265
+ min-width:0;
15266
+ overflow-wrap:break-word;
15267
+ text-align:start;
15268
+ width:100%;
14917
15269
  }
14918
15270
 
14919
- .bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on] .bp_toolbar_module_dropdownIndicator--5aae4 path{
14920
- fill:var(--icon-icon-on-light);
14921
- }
14922
- .bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
14923
- background-color:var(--toolbar-button-color);
14924
- border-color:var(--toolbar-button-color);
14925
- opacity:var(--trigger-button-hover-opacity);
15271
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4 .bp_inline_trigger_button_module_content--043a4{
15272
+ font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
15273
+ font-size:var(--bp-font-size-05);
15274
+ font-style:normal;
15275
+ font-weight:var(--bp-font-weight-regular);
15276
+ letter-spacing:var(--bp-font-letter-spacing-01);
15277
+ line-height:var(--bp-font-line-height-04);
14926
15278
  }
14927
15279
 
14928
- .bp_toolbar_module_toolbarIcon--5aae4{
15280
+ .bp_inline_trigger_button_module_caretCorner--043a4{
14929
15281
  align-items:center;
15282
+ align-self:flex-start;
14930
15283
  display:flex;
14931
- height:var(--toolbar-icon-height);
14932
- justify-content:center;
14933
- width:var(--toolbar-icon-width);
15284
+ flex-shrink:0;
15285
+ font-weight:var(--bp-font-weight-regular);
15286
+ margin-left:auto;
15287
+ min-height:var(--bp-font-line-height-04);
15288
+ opacity:0;
15289
+ transition:opacity var(--bp-duration-short, .12s) var(--bp-curve-small-off, ease-out);
14934
15290
  }
14935
15291
 
14936
- .bp_toolbar_module_toolbarTextToggleItem--5aae4{
14937
- border:var(--toolbar-text-toggle-off-border);
14938
- color:var(--toolbar-text-toggle-color);
14939
- padding-inline:var(--toolbar-text-toggle-padding-inline);
14940
- text-indent:unset;
14941
- white-space:nowrap;
14942
- }
14943
- .bp_toolbar_module_toolbarTextToggleItem--5aae4:hover{
14944
- background:var(--toolbar-text-toggle-hover-background);
14945
- border-color:var(--toolbar-text-toggle-hover-border-color);
14946
- }
14947
- .bp_toolbar_module_toolbarTextToggleItem--5aae4:active{
14948
- background:var(--toolbar-text-toggle-active-background);
14949
- border-color:var(--toolbar-text-toggle-active-border-color);
14950
- }
14951
- .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]{
14952
- background:var(--toolbar-text-toggle-checked-background);
14953
- border:var(--toolbar-text-toggle-checked-border);
14954
- color:var(--toolbar-text-toggle-checked-color);
15292
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4 .bp_inline_trigger_button_module_startIcon--043a4{
15293
+ align-self:center;
15294
+ font-weight:var(--bp-font-weight-regular);
14955
15295
  }
14956
- .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:hover{
14957
- background:var(--toolbar-text-toggle-checked-hover-background);
14958
- border-color:var(--toolbar-text-toggle-checked-hover-border-color);
15296
+
15297
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_endIconAlwaysVisible--043a4 .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled):hover .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-focus-visible] .bp_inline_trigger_button_module_caretCorner--043a4{
15298
+ opacity:1;
14959
15299
  }
14960
- .bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:active{
14961
- background:var(--toolbar-text-toggle-checked-active-background);
14962
- border-color:var(--toolbar-text-toggle-checked-active-border-color);
15300
+ .bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true] .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true]:hover .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true][data-focus-visible] .bp_inline_trigger_button_module_caretCorner--043a4{
15301
+ opacity:0;
14963
15302
  }