@photonix/basic 1.6.2 → 1.6.4

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 (5) hide show
  1. package/dist/index.css +517 -451
  2. package/dist/index.js +7499 -7379
  3. package/dist/index.mjs +7569 -7449
  4. package/package.json +36 -35
  5. package/LICENSE +0 -21
package/dist/index.css CHANGED
@@ -7615,10 +7615,9 @@
7615
7615
  ._appSidebarCollapsedAvatar_ora2k_35 {
7616
7616
  margin-block-end: var(--space-xs);
7617
7617
  }
7618
- ._bottomNavigationRoot_d3zbo_1 {
7619
- background-color: var(--surface-neutral-primary);
7618
+ ._bottomNavigationRoot_1m59l_1 {
7619
+ background-color: var(--surface-neutral-elevator);
7620
7620
  border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
7621
- border-block-start: none;
7622
7621
  box-shadow: var(--shadow-sm);
7623
7622
  box-sizing: border-box;
7624
7623
  display: flex;
@@ -7630,15 +7629,24 @@
7630
7629
  padding-block-end: env(safe-area-inset-bottom);
7631
7630
  padding-inline: var(--space-xs);
7632
7631
  position: fixed;
7632
+ transition:
7633
+ background-color .2s ease-out,
7634
+ box-shadow .2s ease-out,
7635
+ border-color .2s ease-out;
7633
7636
  z-index: var(--z-index-docked);
7634
7637
  }
7635
- ._bottomNavigationRootLabel_d3zbo_31 {
7638
+ ._bottomNavigationRootFlat_1m59l_29 {
7639
+ background-color: transparent;
7640
+ border-block-start-color: transparent;
7641
+ box-shadow: none;
7642
+ }
7643
+ ._bottomNavigationRootLabel_1m59l_36 {
7636
7644
  block-size: calc(var(--dimensions-68) + env(safe-area-inset-bottom));
7637
7645
  }
7638
- ._bottomNavigationRootIndicator_d3zbo_36 {
7646
+ ._bottomNavigationRootIndicator_1m59l_41 {
7639
7647
  block-size: calc(var(--dimensions-44) + env(safe-area-inset-bottom));
7640
7648
  }
7641
- ._bottomNavigationItem_d3zbo_40 {
7649
+ ._bottomNavigationItem_1m59l_45 {
7642
7650
  align-items: center;
7643
7651
  background: none;
7644
7652
  border: none;
@@ -7652,17 +7660,17 @@
7652
7660
  position: relative;
7653
7661
  transition: color var(--motion-duration-normal) var(--motion-ease-standard);
7654
7662
  }
7655
- ._bottomNavigationItem_d3zbo_40:disabled {
7663
+ ._bottomNavigationItem_1m59l_45:disabled {
7656
7664
  cursor: not-allowed;
7657
7665
  opacity: var(--opacity-disabled);
7658
7666
  }
7659
- ._bottomNavigationItem_d3zbo_40:hover:not(:disabled),
7660
- ._bottomNavigationItem_d3zbo_40:active:not(:disabled),
7661
- ._bottomNavigationItem_d3zbo_40:focus-visible:not(:disabled),
7662
- ._bottomNavigationItemActive_d3zbo_65 {
7667
+ ._bottomNavigationItem_1m59l_45:hover:not(:disabled),
7668
+ ._bottomNavigationItem_1m59l_45:active:not(:disabled),
7669
+ ._bottomNavigationItem_1m59l_45:focus-visible:not(:disabled),
7670
+ ._bottomNavigationItemActive_1m59l_70 {
7663
7671
  color: var(--text-neutral-primary);
7664
7672
  }
7665
- ._bottomNavigationItemContent_d3zbo_70 {
7673
+ ._bottomNavigationItemContent_1m59l_75 {
7666
7674
  align-items: center;
7667
7675
  block-size: 100%;
7668
7676
  border-radius: var(--radius-2xs);
@@ -7673,10 +7681,10 @@
7673
7681
  overflow: hidden;
7674
7682
  position: relative;
7675
7683
  }
7676
- ._bottomNavigationRootLabel_d3zbo_31 ._bottomNavigationItemContent_d3zbo_70 {
7684
+ ._bottomNavigationRootLabel_1m59l_36 ._bottomNavigationItemContent_1m59l_75 {
7677
7685
  gap: var(--space-4xs);
7678
7686
  }
7679
- ._bottomNavigationItemContent_d3zbo_70:after {
7687
+ ._bottomNavigationItemContent_1m59l_75:after {
7680
7688
  background-color: transparent;
7681
7689
  border-radius: var(--radius-2xs);
7682
7690
  content: "";
@@ -7687,23 +7695,23 @@
7687
7695
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
7688
7696
  z-index: 0;
7689
7697
  }
7690
- ._bottomNavigationItemActive_d3zbo_65:not(:disabled) ._bottomNavigationItemContent_d3zbo_70:after {
7698
+ ._bottomNavigationItemActive_1m59l_70:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
7691
7699
  background-color: transparent;
7692
7700
  }
7693
- ._bottomNavigationItem_d3zbo_40:hover:not(:disabled) ._bottomNavigationItemContent_d3zbo_70:after {
7701
+ ._bottomNavigationItem_1m59l_45:hover:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
7694
7702
  background-color: var(--surface-state-hover);
7695
7703
  }
7696
- ._bottomNavigationItem_d3zbo_40:active:not(:disabled) ._bottomNavigationItemContent_d3zbo_70:after {
7704
+ ._bottomNavigationItem_1m59l_45:active:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
7697
7705
  background-color: var(--surface-state-press);
7698
7706
  }
7699
- ._bottomNavigationItem_d3zbo_40:focus-visible:not(:disabled) ._bottomNavigationItemContent_d3zbo_70 {
7707
+ ._bottomNavigationItem_1m59l_45:focus-visible:not(:disabled) ._bottomNavigationItemContent_1m59l_75 {
7700
7708
  box-shadow: inset 0 0 0 var(--dimensions-2) var(--border-state-focus);
7701
7709
  }
7702
- ._bottomNavigationItemContent_d3zbo_70 > * {
7710
+ ._bottomNavigationItemContent_1m59l_75 > * {
7703
7711
  position: relative;
7704
7712
  z-index: 1;
7705
7713
  }
7706
- ._bottomNavigationIndicator_d3zbo_129 {
7714
+ ._bottomNavigationIndicator_1m59l_134 {
7707
7715
  background-color: var(--foreground-neutral-primary);
7708
7716
  block-size: var(--dimensions-2);
7709
7717
  border-radius: var(--radius-full);
@@ -7715,14 +7723,14 @@
7715
7723
  opacity var(--motion-duration-normal) var(--motion-ease-standard);
7716
7724
  z-index: var(--z-index-default);
7717
7725
  }
7718
- ._bottomNavigationItemLabel_d3zbo_142 {
7726
+ ._bottomNavigationItemLabel_1m59l_147 {
7719
7727
  font-family: var(--body-sm-family);
7720
7728
  font-size: var(--body-sm-size);
7721
7729
  font-weight: var(--body-sm-weight);
7722
7730
  letter-spacing: var(--body-sm-letter-spacing);
7723
7731
  line-height: var(--body-sm-line-height);
7724
7732
  }
7725
- ._bottomNavigationItemIcon_d3zbo_152 {
7733
+ ._bottomNavigationItemIcon_1m59l_157 {
7726
7734
  align-items: center;
7727
7735
  block-size: var(--dimensions-24);
7728
7736
  display: flex;
@@ -9680,22 +9688,22 @@
9680
9688
  ._paginationItemsPerPageDropdown_as5nx_130 {
9681
9689
  inline-size: var(--dimensions-80);
9682
9690
  }
9683
- ._dropdownRoot_7bk0a_1 {
9691
+ ._dropdownRoot_1hm8u_1 {
9684
9692
  display: flex;
9685
9693
  flex-direction: column;
9686
9694
  font-family: var(--body-lg-family);
9687
9695
  inline-size: 100%;
9688
9696
  position: relative;
9689
9697
  }
9690
- ._widthAuto_7bk0a_9 {
9698
+ ._widthAuto_1hm8u_9 {
9691
9699
  inline-size: auto;
9692
9700
  }
9693
- ._dropdownLabel_7bk0a_13 {
9701
+ ._dropdownLabel_1hm8u_13 {
9694
9702
  color: var(--text-neutral-secondary);
9695
9703
  display: block;
9696
9704
  margin-block-end: var(--space-5xs);
9697
9705
  }
9698
- ._dropdownLabelOutside_7bk0a_19 {
9706
+ ._dropdownLabelOutside_1hm8u_19 {
9699
9707
  color: var(--text-neutral-primary);
9700
9708
  font-family: var(--title-md-family);
9701
9709
  font-size: var(--title-md-size);
@@ -9703,17 +9711,17 @@
9703
9711
  letter-spacing: var(--title-md-letter-spacing);
9704
9712
  line-height: var(--title-md-line-height);
9705
9713
  }
9706
- ._dropdownLabelOutsideMedium_7bk0a_28 {
9714
+ ._dropdownLabelOutsideMedium_1hm8u_28 {
9707
9715
  font-family: var(--title-sm-family);
9708
9716
  font-size: var(--title-sm-size);
9709
9717
  font-weight: var(--title-sm-weight-emphasize);
9710
9718
  letter-spacing: var(--title-sm-letter-spacing);
9711
9719
  line-height: var(--title-sm-line-height);
9712
9720
  }
9713
- ._dropdownTriggerWrapper_7bk0a_37 {
9721
+ ._dropdownTriggerWrapper_1hm8u_37 {
9714
9722
  position: relative;
9715
9723
  }
9716
- ._dropdownTrigger_7bk0a_37 {
9724
+ ._dropdownTrigger_1hm8u_37 {
9717
9725
  align-items: center;
9718
9726
  border: var(--border-sm) solid var(--border-neutral-tertiary);
9719
9727
  border-radius: var(--radius-2xs);
@@ -9726,14 +9734,14 @@
9726
9734
  position: relative;
9727
9735
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
9728
9736
  }
9729
- ._dropdownLeadingIcon_7bk0a_57 {
9737
+ ._dropdownLeadingIcon_1hm8u_57 {
9730
9738
  align-items: center;
9731
9739
  color: var(--foreground-neutral-primary);
9732
9740
  display: flex;
9733
9741
  justify-content: center;
9734
9742
  margin-inline-end: var(--space-xs);
9735
9743
  }
9736
- ._dropdownTriggerContent_7bk0a_65 {
9744
+ ._dropdownTriggerContent_1hm8u_65 {
9737
9745
  block-size: 100%;
9738
9746
  display: flex;
9739
9747
  flex: 1;
@@ -9742,7 +9750,7 @@
9742
9750
  padding-inline-end: var(--space-xs);
9743
9751
  position: relative;
9744
9752
  }
9745
- ._dropdownInlineLabel_7bk0a_75 {
9753
+ ._dropdownInlineLabel_1hm8u_75 {
9746
9754
  color: var(--text-neutral-secondary);
9747
9755
  font-family: var(--body-lg-family);
9748
9756
  font-size: var(--body-lg-size);
@@ -9753,10 +9761,22 @@
9753
9761
  pointer-events: none;
9754
9762
  position: absolute;
9755
9763
  transform: translateY(-50%);
9756
- transform-origin: left center;
9764
+ transform-origin: left top;
9757
9765
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
9758
9766
  }
9759
- ._dropdownValueText_7bk0a_90 {
9767
+ ._dropdownInlineLabelShrunk_1hm8u_90 {
9768
+ font-family: var(--label-sm-family);
9769
+ font-size: var(--label-sm-size);
9770
+ font-weight: var(--label-sm-weight-emphasize);
9771
+ inset-block-start: var(--dimensions-8);
9772
+ letter-spacing: var(--label-sm-letter-spacing);
9773
+ line-height: var(--label-sm-line-height);
9774
+ transform: translateY(0);
9775
+ }
9776
+ ._medium_1hm8u_101 ._dropdownInlineLabelShrunk_1hm8u_90 {
9777
+ inset-block-start: var(--dimensions-6);
9778
+ }
9779
+ ._dropdownValueText_1hm8u_105 {
9760
9780
  color: var(--text-neutral-primary);
9761
9781
  font-family: var(--body-lg-family);
9762
9782
  font-size: var(--body-lg-size);
@@ -9766,14 +9786,14 @@
9766
9786
  text-overflow: ellipsis;
9767
9787
  white-space: nowrap;
9768
9788
  }
9769
- ._dropdownChevronIcon_7bk0a_101 {
9789
+ ._dropdownChevronIcon_1hm8u_116 {
9770
9790
  align-items: center;
9771
9791
  color: var(--foreground-neutral-primary);
9772
9792
  display: flex;
9773
9793
  justify-content: center;
9774
9794
  transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
9775
9795
  }
9776
- ._dropdownTrailing_7bk0a_109 {
9796
+ ._dropdownTrailing_1hm8u_124 {
9777
9797
  align-items: center;
9778
9798
  column-gap: var(--space-xs);
9779
9799
  display: flex;
@@ -9781,108 +9801,108 @@
9781
9801
  justify-content: flex-end;
9782
9802
  min-inline-size: var(--dimensions-48);
9783
9803
  }
9784
- ._dropdownTrailingCompact_7bk0a_118 {
9804
+ ._dropdownTrailingCompact_1hm8u_133 {
9785
9805
  min-inline-size: auto;
9786
9806
  }
9787
- ._dropdownClearButton_7bk0a_122 {
9807
+ ._dropdownClearButton_1hm8u_137 {
9788
9808
  block-size: var(--dimensions-20) !important;
9789
9809
  inline-size: var(--dimensions-20) !important;
9790
9810
  min-block-size: var(--dimensions-20) !important;
9791
9811
  min-inline-size: var(--dimensions-20) !important;
9792
9812
  padding: 0 !important;
9793
9813
  }
9794
- ._dropdownClearButton_7bk0a_122 svg {
9814
+ ._dropdownClearButton_1hm8u_137 svg {
9795
9815
  block-size: var(--dimensions-20) !important;
9796
9816
  inline-size: var(--dimensions-20) !important;
9797
9817
  }
9798
- ._dropdownTriggerInsideLabel_7bk0a_136 {
9818
+ ._dropdownTriggerInsideLabel_1hm8u_151 {
9799
9819
  padding-inline: var(--space-xs) var(--space-xs);
9800
9820
  }
9801
- ._dropdownTriggerOutsideLabel_7bk0a_141 {
9821
+ ._dropdownTriggerOutsideLabel_1hm8u_156 {
9802
9822
  min-block-size: var(--dimensions-44);
9803
9823
  padding-inline: var(--space-xs) var(--space-xs);
9804
9824
  }
9805
- ._large_7bk0a_147 {
9825
+ ._large_1hm8u_162 {
9806
9826
  min-block-size: var(--dimensions-56);
9807
9827
  }
9808
- ._large_7bk0a_147._dropdownTriggerOutsideLabel_7bk0a_141 {
9828
+ ._large_1hm8u_162._dropdownTriggerOutsideLabel_1hm8u_156 {
9809
9829
  min-block-size: var(--dimensions-44);
9810
9830
  }
9811
- ._medium_7bk0a_155 {
9831
+ ._medium_1hm8u_101 {
9812
9832
  font-size: var(--body-md-size);
9813
9833
  min-block-size: var(--dimensions-44);
9814
9834
  }
9815
- ._medium_7bk0a_155._dropdownTriggerInsideLabel_7bk0a_136 {
9835
+ ._medium_1hm8u_101._dropdownTriggerInsideLabel_1hm8u_151 {
9816
9836
  min-block-size: var(--dimensions-44);
9817
9837
  padding-inline: var(--space-xs);
9818
9838
  }
9819
- ._medium_7bk0a_155._dropdownTriggerOutsideLabel_7bk0a_141 {
9839
+ ._medium_1hm8u_101._dropdownTriggerOutsideLabel_1hm8u_156 {
9820
9840
  min-block-size: var(--dimensions-36);
9821
9841
  }
9822
- ._medium_7bk0a_155 ._dropdownValueText_7bk0a_90,
9823
- ._medium_7bk0a_155 ._dropdownInlineLabel_7bk0a_75 {
9842
+ ._medium_1hm8u_101 ._dropdownValueText_1hm8u_105,
9843
+ ._medium_1hm8u_101 ._dropdownInlineLabel_1hm8u_75 {
9824
9844
  font-family: var(--body-md-family);
9825
9845
  font-size: var(--body-md-size);
9826
9846
  font-weight: var(--body-md-weight);
9827
9847
  letter-spacing: var(--body-md-letter-spacing);
9828
9848
  line-height: var(--body-md-line-height);
9829
9849
  }
9830
- ._medium_7bk0a_155 ._dropdownLeadingIcon_7bk0a_57,
9831
- ._medium_7bk0a_155 ._dropdownChevronIcon_7bk0a_101,
9832
- ._medium_7bk0a_155 ._dropdownClearButton_7bk0a_122 {
9850
+ ._medium_1hm8u_101 ._dropdownLeadingIcon_1hm8u_57,
9851
+ ._medium_1hm8u_101 ._dropdownChevronIcon_1hm8u_116,
9852
+ ._medium_1hm8u_101 ._dropdownClearButton_1hm8u_137 {
9833
9853
  block-size: var(--dimensions-20);
9834
9854
  inline-size: var(--dimensions-20);
9835
9855
  }
9836
- ._medium_7bk0a_155 ._dropdownClearButton_7bk0a_122,
9837
- ._medium_7bk0a_155 ._dropdownClearButton_7bk0a_122 svg {
9856
+ ._medium_1hm8u_101 ._dropdownClearButton_1hm8u_137,
9857
+ ._medium_1hm8u_101 ._dropdownClearButton_1hm8u_137 svg {
9838
9858
  block-size: var(--dimensions-20) !important;
9839
9859
  inline-size: var(--dimensions-20) !important;
9840
9860
  min-block-size: var(--dimensions-20) !important;
9841
9861
  min-inline-size: var(--dimensions-20) !important;
9842
9862
  }
9843
- ._dropdownTrigger_7bk0a_37:hover:not(._dropdownTriggerDisabled_7bk0a_195, ._dropdownTriggerError_7bk0a_195) {
9863
+ ._dropdownTrigger_1hm8u_37:hover:not(._dropdownTriggerDisabled_1hm8u_210, ._dropdownTriggerError_1hm8u_210) {
9844
9864
  background-color: var(--surface-state-hover);
9845
9865
  border-color: var(--border-state-hover);
9846
9866
  }
9847
- ._dropdownTrigger_7bk0a_37:focus-visible:not(._dropdownTriggerDisabled_7bk0a_195, ._dropdownTriggerError_7bk0a_195) {
9867
+ ._dropdownTrigger_1hm8u_37:focus-visible:not(._dropdownTriggerDisabled_1hm8u_210, ._dropdownTriggerError_1hm8u_210) {
9848
9868
  background-color: var(--surface-state-hover);
9849
9869
  border-color: var(--border-state-focus);
9850
9870
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
9851
9871
  }
9852
- ._dropdownTriggerOpen_7bk0a_208:not(._dropdownTriggerError_7bk0a_195) {
9872
+ ._dropdownTriggerOpen_1hm8u_223:not(._dropdownTriggerError_1hm8u_210) {
9853
9873
  border-color: var(--border-state-focus);
9854
9874
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
9855
9875
  }
9856
- ._dropdownTriggerOpen_7bk0a_208._dropdownTriggerError_7bk0a_195 {
9876
+ ._dropdownTriggerOpen_1hm8u_223._dropdownTriggerError_1hm8u_210 {
9857
9877
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
9858
9878
  }
9859
- ._dropdownTriggerError_7bk0a_195 {
9879
+ ._dropdownTriggerError_1hm8u_210 {
9860
9880
  background-color: var(--surface-accent-red-subtle);
9861
9881
  border-color: var(--border-state-error);
9862
9882
  }
9863
- ._dropdownTriggerDisabled_7bk0a_195 {
9883
+ ._dropdownTriggerDisabled_1hm8u_210 {
9864
9884
  background-color: var(--surface-state-disabled);
9865
9885
  cursor: not-allowed;
9866
9886
  opacity: var(--opacity-disabled);
9867
9887
  }
9868
- ._dropdownValueTextPlaceholder_7bk0a_231 {
9888
+ ._dropdownValueTextPlaceholder_1hm8u_246 {
9869
9889
  color: var(--text-neutral-secondary);
9870
9890
  }
9871
- ._dropdownValueTextWithInlineLabel_7bk0a_235 {
9891
+ ._dropdownValueTextWithInlineLabel_1hm8u_250 {
9872
9892
  opacity: var(--opacity-hidden);
9873
9893
  padding-block: var(--space-md) var(--space-2xs);
9874
9894
  transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
9875
9895
  }
9876
- ._medium_7bk0a_155 ._dropdownValueTextWithInlineLabel_7bk0a_235 {
9896
+ ._medium_1hm8u_101 ._dropdownValueTextWithInlineLabel_1hm8u_250 {
9877
9897
  padding-block: var(--space-sm) var(--space-3xs);
9878
9898
  }
9879
- ._dropdownValueTextVisible_7bk0a_246 {
9899
+ ._dropdownValueTextVisible_1hm8u_261 {
9880
9900
  opacity: var(--opacity-visible);
9881
9901
  }
9882
- ._dropdownChevronIconRotated_7bk0a_250 {
9902
+ ._dropdownChevronIconRotated_1hm8u_265 {
9883
9903
  transform: rotate(180deg);
9884
9904
  }
9885
- ._dropdownPopover_7bk0a_255 {
9905
+ ._dropdownPopover_1hm8u_270 {
9886
9906
  inset-block-start: 100%;
9887
9907
  inset-inline-start: 0;
9888
9908
  margin-block-start: var(--space-4xs);
@@ -9890,7 +9910,7 @@
9890
9910
  position: absolute;
9891
9911
  z-index: var(--z-index-dropdown);
9892
9912
  }
9893
- ._dropdownHelperText_7bk0a_264 {
9913
+ ._dropdownHelperText_1hm8u_279 {
9894
9914
  color: var(--text-neutral-primary);
9895
9915
  font-family: var(--body-sm-family);
9896
9916
  font-size: var(--body-sm-size);
@@ -9898,25 +9918,25 @@
9898
9918
  line-height: var(--body-sm-line-height);
9899
9919
  margin-block-start: var(--space-4xs);
9900
9920
  }
9901
- ._dropdownHelperText_7bk0a_264._dropdownHelperTextError_7bk0a_273 {
9921
+ ._dropdownHelperText_1hm8u_279._dropdownHelperTextError_1hm8u_288 {
9902
9922
  color: var(--text-state-error);
9903
9923
  }
9904
- ._datePickerRoot_1e1se_1 {
9924
+ ._datePickerRoot_75dpd_1 {
9905
9925
  display: flex;
9906
9926
  flex-direction: column;
9907
9927
  font-family: var(--body-lg-family);
9908
9928
  inline-size: 100%;
9909
9929
  position: relative;
9910
9930
  }
9911
- ._fixedWidth_1e1se_9 {
9931
+ ._fixedWidth_75dpd_9 {
9912
9932
  inline-size: var(--dimensions-320);
9913
9933
  }
9914
- ._datePickerLabel_1e1se_13 {
9934
+ ._datePickerLabel_75dpd_13 {
9915
9935
  color: var(--text-neutral-secondary);
9916
9936
  display: block;
9917
9937
  margin-block-end: var(--space-5xs);
9918
9938
  }
9919
- ._datePickerLabelOutside_1e1se_19 {
9939
+ ._datePickerLabelOutside_75dpd_19 {
9920
9940
  color: var(--text-neutral-primary);
9921
9941
  font-family: var(--title-md-family);
9922
9942
  font-size: var(--title-md-size);
@@ -9924,10 +9944,10 @@
9924
9944
  letter-spacing: var(--title-md-letter-spacing);
9925
9945
  line-height: var(--title-md-line-height);
9926
9946
  }
9927
- ._datePickerTriggerWrapper_1e1se_29 {
9947
+ ._datePickerTriggerWrapper_75dpd_29 {
9928
9948
  position: relative;
9929
9949
  }
9930
- ._datePickerTrigger_1e1se_29 {
9950
+ ._datePickerTrigger_75dpd_29 {
9931
9951
  align-items: center;
9932
9952
  background-color: var(--surface-neutral-elevator);
9933
9953
  border: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -9941,46 +9961,46 @@
9941
9961
  position: relative;
9942
9962
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
9943
9963
  }
9944
- ._datePickerTriggerInsideLabel_1e1se_51 {
9964
+ ._datePickerTriggerInsideLabel_75dpd_51 {
9945
9965
  padding-inline: var(--space-xs) var(--space-xs);
9946
9966
  }
9947
- ._datePickerTriggerOutsideLabel_1e1se_56 {
9967
+ ._datePickerTriggerOutsideLabel_75dpd_56 {
9948
9968
  min-block-size: var(--dimensions-44);
9949
9969
  padding-inline: var(--space-xs) var(--space-xs);
9950
9970
  }
9951
- ._datePickerTrigger_1e1se_29:hover:not(._datePickerTriggerDisabled_1e1se_68, ._datePickerTriggerError_1e1se_68) {
9971
+ ._datePickerTrigger_75dpd_29:hover:not(._datePickerTriggerDisabled_75dpd_68, ._datePickerTriggerError_75dpd_68) {
9952
9972
  background-color: var(--surface-state-hover);
9953
9973
  border-color: var(--border-state-hover);
9954
9974
  }
9955
- ._datePickerTrigger_1e1se_29:focus-visible:not(._datePickerTriggerDisabled_1e1se_68, ._datePickerTriggerError_1e1se_68) {
9975
+ ._datePickerTrigger_75dpd_29:focus-visible:not(._datePickerTriggerDisabled_75dpd_68, ._datePickerTriggerError_75dpd_68) {
9956
9976
  background-color: var(--surface-state-hover);
9957
9977
  border-color: var(--border-state-focus);
9958
9978
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
9959
9979
  }
9960
- ._datePickerTriggerOpen_1e1se_82:not(._datePickerTriggerError_1e1se_68) {
9980
+ ._datePickerTriggerOpen_75dpd_82:not(._datePickerTriggerError_75dpd_68) {
9961
9981
  border-color: var(--border-state-focus);
9962
9982
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
9963
9983
  }
9964
- ._datePickerTriggerOpen_1e1se_82._datePickerTriggerError_1e1se_68 {
9984
+ ._datePickerTriggerOpen_75dpd_82._datePickerTriggerError_75dpd_68 {
9965
9985
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
9966
9986
  }
9967
- ._datePickerTriggerError_1e1se_68 {
9987
+ ._datePickerTriggerError_75dpd_68 {
9968
9988
  background-color: var(--surface-neutral-on-surface);
9969
9989
  border-color: var(--border-state-error);
9970
9990
  }
9971
- ._datePickerTriggerDisabled_1e1se_68 {
9991
+ ._datePickerTriggerDisabled_75dpd_68 {
9972
9992
  background-color: var(--surface-state-disabled);
9973
9993
  cursor: not-allowed;
9974
9994
  opacity: var(--opacity-disabled);
9975
9995
  }
9976
- ._datePickerLeadingIcon_1e1se_106 {
9996
+ ._datePickerLeadingIcon_75dpd_106 {
9977
9997
  align-items: center;
9978
9998
  color: var(--text-neutral-secondary);
9979
9999
  display: flex;
9980
10000
  justify-content: center;
9981
10001
  margin-inline-end: var(--space-xs);
9982
10002
  }
9983
- ._datePickerTriggerContent_1e1se_114 {
10003
+ ._datePickerTriggerContent_75dpd_114 {
9984
10004
  block-size: 100%;
9985
10005
  display: flex;
9986
10006
  flex: 1;
@@ -9988,7 +10008,7 @@
9988
10008
  padding-inline-end: var(--space-xs);
9989
10009
  position: relative;
9990
10010
  }
9991
- ._datePickerInlineLabel_1e1se_123 {
10011
+ ._datePickerInlineLabel_75dpd_123 {
9992
10012
  color: var(--text-neutral-secondary);
9993
10013
  font-family: var(--body-lg-family);
9994
10014
  font-size: var(--body-lg-size);
@@ -9999,10 +10019,10 @@
9999
10019
  pointer-events: none;
10000
10020
  position: absolute;
10001
10021
  transform: translateY(-50%);
10002
- transform-origin: left center;
10022
+ transform-origin: left top;
10003
10023
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
10004
10024
  }
10005
- ._datePickerInlineLabelShrunk_1e1se_138 {
10025
+ ._datePickerInlineLabelShrunk_75dpd_138 {
10006
10026
  font-size: var(--label-sm-size);
10007
10027
  font-weight: var(--label-sm-weight-emphasize);
10008
10028
  inset-block-start: var(--dimensions-8);
@@ -10010,7 +10030,7 @@
10010
10030
  line-height: var(--label-sm-line-height);
10011
10031
  transform: translateY(0);
10012
10032
  }
10013
- ._datePickerValueText_1e1se_147 {
10033
+ ._datePickerValueText_75dpd_147 {
10014
10034
  color: var(--text-neutral-primary);
10015
10035
  font-family: var(--body-lg-family);
10016
10036
  font-size: var(--body-lg-size);
@@ -10020,18 +10040,18 @@
10020
10040
  text-overflow: ellipsis;
10021
10041
  white-space: nowrap;
10022
10042
  }
10023
- ._datePickerValueTextPlaceholder_1e1se_158 {
10043
+ ._datePickerValueTextPlaceholder_75dpd_158 {
10024
10044
  color: var(--text-neutral-secondary);
10025
10045
  }
10026
- ._datePickerValueTextWithInlineLabel_1e1se_162 {
10046
+ ._datePickerValueTextWithInlineLabel_75dpd_162 {
10027
10047
  opacity: var(--opacity-hidden);
10028
10048
  padding-block: var(--space-md) var(--space-2xs);
10029
10049
  transition: opacity var(--motion-duration-normal) ease-in-out;
10030
10050
  }
10031
- ._datePickerValueTextVisible_1e1se_169 {
10051
+ ._datePickerValueTextVisible_75dpd_169 {
10032
10052
  opacity: var(--opacity-visible);
10033
10053
  }
10034
- ._datePickerInput_1e1se_173 {
10054
+ ._datePickerInput_75dpd_173 {
10035
10055
  background: transparent;
10036
10056
  border: none;
10037
10057
  box-sizing: border-box;
@@ -10050,27 +10070,27 @@
10050
10070
  transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
10051
10071
  white-space: nowrap;
10052
10072
  }
10053
- ._datePickerInput_1e1se_173:focus {
10073
+ ._datePickerInput_75dpd_173:focus {
10054
10074
  text-overflow: clip;
10055
10075
  }
10056
- ._datePickerInput_1e1se_173::placeholder {
10076
+ ._datePickerInput_75dpd_173::placeholder {
10057
10077
  color: var(--text-neutral-secondary);
10058
10078
  }
10059
- ._datePickerInputWithInlineLabel_1e1se_201 {
10079
+ ._datePickerInputWithInlineLabel_75dpd_201 {
10060
10080
  opacity: var(--opacity-hidden);
10061
10081
  padding-block: var(--space-md) var(--space-2xs);
10062
10082
  }
10063
- ._datePickerInputVisible_1e1se_206 {
10083
+ ._datePickerInputVisible_75dpd_206 {
10064
10084
  opacity: var(--opacity-visible);
10065
10085
  }
10066
- ._datePickerTrailingIcon_1e1se_210 {
10086
+ ._datePickerTrailingIcon_75dpd_210 {
10067
10087
  align-items: center;
10068
10088
  color: var(--foreground-neutral-primary);
10069
10089
  display: flex;
10070
10090
  justify-content: center;
10071
10091
  transition: color var(--motion-duration-normal) var(--motion-ease-standard);
10072
10092
  }
10073
- ._datePickerClearButton_1e1se_219 {
10093
+ ._datePickerClearButton_75dpd_219 {
10074
10094
  block-size: var(--dimensions-20) !important;
10075
10095
  inline-size: var(--dimensions-20) !important;
10076
10096
  margin-inline-end: var(--space-xs);
@@ -10078,14 +10098,14 @@
10078
10098
  min-inline-size: var(--dimensions-20) !important;
10079
10099
  padding: 0 !important;
10080
10100
  }
10081
- ._datePickerClearButton_1e1se_219 svg {
10101
+ ._datePickerClearButton_75dpd_219 svg {
10082
10102
  block-size: var(--dimensions-20) !important;
10083
10103
  inline-size: var(--dimensions-20) !important;
10084
10104
  }
10085
- ._datePickerPopover_1e1se_236 {
10105
+ ._datePickerPopover_75dpd_236 {
10086
10106
  z-index: var(--z-index-max);
10087
10107
  }
10088
- ._datePickerHelperText_1e1se_242 {
10108
+ ._datePickerHelperText_75dpd_242 {
10089
10109
  color: var(--text-neutral-primary);
10090
10110
  font-family: var(--body-sm-family);
10091
10111
  font-size: var(--body-sm-size);
@@ -10093,10 +10113,10 @@
10093
10113
  line-height: var(--body-sm-line-height);
10094
10114
  margin-block-start: var(--space-4xs);
10095
10115
  }
10096
- ._datePickerHelperTextError_1e1se_251 {
10116
+ ._datePickerHelperTextError_75dpd_251 {
10097
10117
  color: var(--text-semantics-red-primary);
10098
10118
  }
10099
- ._datePickerRoot_1l1wu_1 {
10119
+ ._dateRangePickerRoot_90zm7_1 {
10100
10120
  display: flex;
10101
10121
  flex-direction: column;
10102
10122
  font-family: var(--typeface-family-basic);
@@ -10104,13 +10124,13 @@
10104
10124
  inline-size: 100%;
10105
10125
  position: relative;
10106
10126
  }
10107
- ._fixedWidth_1l1wu_16 {
10127
+ ._fixedWidth_90zm7_16 {
10108
10128
  inline-size: var(--dimensions-320);
10109
10129
  }
10110
- ._dateRangePickerTriggerWrapper_1l1wu_20 {
10130
+ ._dateRangePickerTriggerWrapper_90zm7_20 {
10111
10131
  position: relative;
10112
10132
  }
10113
- ._dateRangePickerContainer_1l1wu_25 {
10133
+ ._dateRangePickerContainer_90zm7_25 {
10114
10134
  background: var(--surface-neutral-elevator);
10115
10135
  border: var(--border-xs) solid var(--border-neutral-tertiary);
10116
10136
  border-radius: var(--radius-sm);
@@ -10119,7 +10139,7 @@
10119
10139
  font-family: var(--typeface-family-basic);
10120
10140
  overflow: hidden;
10121
10141
  }
10122
- ._dateRangePickerPanelContent_1l1wu_38 {
10142
+ ._dateRangePickerPanelContent_90zm7_38 {
10123
10143
  background: var(--surface-neutral-elevator);
10124
10144
  border: var(--border-xs) solid var(--border-neutral-tertiary);
10125
10145
  border-radius: var(--radius-sm);
@@ -10127,12 +10147,12 @@
10127
10147
  display: flex;
10128
10148
  overflow: hidden;
10129
10149
  }
10130
- ._dateRangePickerCalendars_1l1wu_51 {
10150
+ ._dateRangePickerCalendars_90zm7_51 {
10131
10151
  display: flex;
10132
10152
  gap: var(--space-xl);
10133
10153
  padding: var(--space-sm);
10134
10154
  }
10135
- ._dateRangePickerSidebar_1l1wu_57 {
10155
+ ._dateRangePickerSidebar_90zm7_57 {
10136
10156
  background-color: var(--surface-neutral-elevator);
10137
10157
  border-inline-start: var(--border-sm) solid var(--border-neutral-tertiary);
10138
10158
  display: flex;
@@ -10142,7 +10162,7 @@
10142
10162
  padding: var(--space-2xs);
10143
10163
  padding-block-start: calc(var(--dimensions-64) - var(--dimensions-2));
10144
10164
  }
10145
- ._dateRangePickerOutsideLabel_1l1wu_72 {
10165
+ ._dateRangePickerOutsideLabel_90zm7_72 {
10146
10166
  color: var(--text-neutral-primary);
10147
10167
  display: block;
10148
10168
  font-family: var(--title-md-family);
@@ -10152,7 +10172,7 @@
10152
10172
  line-height: var(--title-md-line-height);
10153
10173
  margin-block-end: var(--space-5xs);
10154
10174
  }
10155
- ._dateRangePickerTrigger_1l1wu_20 {
10175
+ ._dateRangePickerTrigger_90zm7_20 {
10156
10176
  align-items: center;
10157
10177
  background-color: var(--surface-neutral-elevator);
10158
10178
  border: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -10165,30 +10185,30 @@
10165
10185
  position: relative;
10166
10186
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
10167
10187
  }
10168
- ._dateRangePickerTrigger_1l1wu_20:hover {
10188
+ ._dateRangePickerTrigger_90zm7_20:hover {
10169
10189
  background-color: var(--surface-state-hover);
10170
10190
  border-color: var(--border-state-hover);
10171
10191
  }
10172
- ._dateRangePickerTrigger_1l1wu_20:focus-visible:not(._dateRangePickerTriggerDisabled_1l1wu_109) {
10192
+ ._dateRangePickerTrigger_90zm7_20:focus-visible:not(._dateRangePickerTriggerDisabled_90zm7_109) {
10173
10193
  border-color: var(--border-state-focus);
10174
10194
  outline: var(--border-md) solid var(--border-state-focus);
10175
10195
  outline-offset: calc(var(--border-sm) * -1);
10176
10196
  }
10177
- ._dateRangePickerTriggerOpen_1l1wu_116 {
10197
+ ._dateRangePickerTriggerOpen_90zm7_116 {
10178
10198
  border-color: var(--border-state-focus);
10179
10199
  outline: var(--border-md) solid var(--border-state-focus);
10180
10200
  outline-offset: calc(var(--border-sm) * -1);
10181
10201
  }
10182
- ._dateRangePickerTriggerError_1l1wu_125 {
10202
+ ._dateRangePickerTriggerError_90zm7_125 {
10183
10203
  background-color: var(--surface-neutral-on-surface);
10184
10204
  border-color: var(--border-state-error);
10185
10205
  }
10186
- ._dateRangePickerTriggerDisabled_1l1wu_109 {
10206
+ ._dateRangePickerTriggerDisabled_90zm7_109 {
10187
10207
  background-color: var(--surface-state-disabled);
10188
10208
  cursor: not-allowed;
10189
10209
  opacity: var(--opacity-disabled);
10190
10210
  }
10191
- ._dateRangePickerTriggerContent_1l1wu_136 {
10211
+ ._dateRangePickerTriggerContent_90zm7_136 {
10192
10212
  block-size: 100%;
10193
10213
  display: flex;
10194
10214
  flex: 1;
@@ -10197,11 +10217,11 @@
10197
10217
  overflow: hidden;
10198
10218
  position: relative;
10199
10219
  }
10200
- ._dateRangePickerTriggerInsideLabel_1l1wu_146 {
10220
+ ._dateRangePickerTriggerInsideLabel_90zm7_146 {
10201
10221
  min-block-size: var(--dimensions-56);
10202
10222
  padding: 0 var(--space-xs);
10203
10223
  }
10204
- ._dateRangePickerInlineLabel_1l1wu_151 {
10224
+ ._dateRangePickerInlineLabel_90zm7_151 {
10205
10225
  color: var(--text-neutral-secondary);
10206
10226
  font-family: var(--body-lg-family);
10207
10227
  font-size: var(--body-lg-size);
@@ -10217,7 +10237,7 @@
10217
10237
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
10218
10238
  white-space: nowrap;
10219
10239
  }
10220
- ._dateRangePickerInlineLabelShrunk_1l1wu_168 {
10240
+ ._dateRangePickerInlineLabelShrunk_90zm7_168 {
10221
10241
  font-family: var(--label-sm-family);
10222
10242
  font-size: var(--label-sm-size);
10223
10243
  font-weight: var(--label-sm-weight-emphasize);
@@ -10226,10 +10246,10 @@
10226
10246
  line-height: var(--label-sm-line-height);
10227
10247
  transform: translateY(0) scale(1);
10228
10248
  }
10229
- ._dateRangePickerPlaceholder_1l1wu_181 {
10249
+ ._dateRangePickerPlaceholder_90zm7_181 {
10230
10250
  color: var(--text-neutral-secondary);
10231
10251
  }
10232
- ._dateRangePickerInput_1l1wu_185 {
10252
+ ._dateRangePickerInput_90zm7_185 {
10233
10253
  background: transparent;
10234
10254
  border: none;
10235
10255
  box-sizing: border-box;
@@ -10248,26 +10268,26 @@
10248
10268
  transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
10249
10269
  white-space: nowrap;
10250
10270
  }
10251
- ._dateRangePickerInput_1l1wu_185:focus {
10271
+ ._dateRangePickerInput_90zm7_185:focus {
10252
10272
  text-overflow: clip;
10253
10273
  }
10254
- ._dateRangePickerInput_1l1wu_185::placeholder {
10274
+ ._dateRangePickerInput_90zm7_185::placeholder {
10255
10275
  color: var(--text-neutral-secondary);
10256
10276
  }
10257
- ._dateRangePickerInputWithInlineLabel_1l1wu_213 {
10277
+ ._dateRangePickerInputWithInlineLabel_90zm7_213 {
10258
10278
  opacity: var(--opacity-hidden);
10259
10279
  padding-block: var(--space-md) var(--space-2xs);
10260
10280
  }
10261
- ._dateRangePickerInputVisible_1l1wu_218 {
10281
+ ._dateRangePickerInputVisible_90zm7_218 {
10262
10282
  opacity: var(--opacity-visible);
10263
10283
  }
10264
- ._dateRangePickerTrailingIcon_1l1wu_222 {
10284
+ ._dateRangePickerTrailingIcon_90zm7_222 {
10265
10285
  align-items: center;
10266
10286
  color: var(--foreground-neutral-primary);
10267
10287
  display: flex;
10268
10288
  margin-inline-start: var(--space-xs);
10269
10289
  }
10270
- ._dateRangePickerClearButton_1l1wu_231 {
10290
+ ._dateRangePickerClearButton_90zm7_231 {
10271
10291
  block-size: var(--dimensions-20) !important;
10272
10292
  inline-size: var(--dimensions-20) !important;
10273
10293
  margin-inline-start: var(--space-xs);
@@ -10275,11 +10295,11 @@
10275
10295
  min-inline-size: var(--dimensions-20) !important;
10276
10296
  padding: 0 !important;
10277
10297
  }
10278
- ._dateRangePickerPopover_1l1wu_245 {
10298
+ ._dateRangePickerPopover_90zm7_245 {
10279
10299
  position: absolute;
10280
10300
  z-index: var(--z-index-dropdown);
10281
10301
  }
10282
- ._dateRangePickerPresetButton_1l1wu_253 {
10302
+ ._dateRangePickerPresetButton_90zm7_253 {
10283
10303
  align-items: center;
10284
10304
  background-color: transparent;
10285
10305
  block-size: var(--dimensions-44);
@@ -10297,36 +10317,36 @@
10297
10317
  text-align: start;
10298
10318
  transition: background-color var(--motion-duration-normal) var(--motion-ease-standard);
10299
10319
  }
10300
- ._dateRangePickerPresetButton_1l1wu_253:hover {
10320
+ ._dateRangePickerPresetButton_90zm7_253:hover {
10301
10321
  background-color: var(--surface-state-hover);
10302
10322
  }
10303
- ._dateRangePickerCalendarOverride_1l1wu_276 {
10323
+ ._dateRangePickerCalendarOverride_90zm7_276 {
10304
10324
  border: none !important;
10305
10325
  border-width: 0 !important;
10306
10326
  box-shadow: none !important;
10307
10327
  min-inline-size: calc(7 * var(--dimensions-44) + 6 * var(--space-5xs));
10308
10328
  padding: 0 !important;
10309
10329
  }
10310
- ._dialogOverlay_gn6yy_6 {
10311
- animation: _fade-in_gn6yy_1 var(--motion-duration-normal) var(--motion-ease-in-out);
10330
+ ._dialogOverlay_q50ky_6 {
10331
+ animation: _fade-in_q50ky_1 var(--motion-duration-normal) var(--motion-ease-in-out);
10312
10332
  -webkit-backdrop-filter: var(--effects-blur-sm);
10313
10333
  backdrop-filter: var(--effects-blur-sm);
10314
10334
  background-color: var(--color-blur-overlay);
10315
10335
  inset: 0;
10316
10336
  position: fixed;
10317
- z-index: var(--z-index-overlay);
10337
+ z-index: calc(var(--z-index-modal) + 1);
10318
10338
  }
10319
- ._dialogContainer_gn6yy_16 {
10339
+ ._dialogContainer_q50ky_17 {
10320
10340
  align-items: center;
10321
10341
  display: flex;
10322
10342
  inset: 0;
10323
10343
  justify-content: center;
10324
10344
  padding: var(--space-2xl);
10325
10345
  position: fixed;
10326
- z-index: var(--z-index-modal);
10346
+ z-index: calc(var(--z-index-modal) + 2);
10327
10347
  }
10328
- ._dialogRoot_gn6yy_30 {
10329
- animation: _scale-in_gn6yy_1 var(--motion-duration-normal) var(--motion-ease-in-out);
10348
+ ._dialogRoot_q50ky_31 {
10349
+ animation: _scale-in_q50ky_1 var(--motion-duration-normal) var(--motion-ease-in-out);
10330
10350
  background-color: var(--surface-neutral-elevator);
10331
10351
  border-radius: var(--radius-sm);
10332
10352
  box-shadow: 0 0 var(--dimensions-4) 0 var(--down-md-ambient-color), 0 var(--dimensions-8) var(--dimensions-24) 0 var(--down-md-cast-color);
@@ -10337,27 +10357,27 @@
10337
10357
  overflow: hidden;
10338
10358
  position: relative;
10339
10359
  }
10340
- ._dialogSizeSmall_gn6yy_50 {
10360
+ ._dialogSizeSmall_q50ky_51 {
10341
10361
  inline-size: 360px;
10342
10362
  }
10343
10363
  @media (max-width: 600px) {
10344
- ._dialogContainer_gn6yy_16 {
10364
+ ._dialogContainer_q50ky_17 {
10345
10365
  padding: var(--space-sm);
10346
10366
  }
10347
- ._dialogRoot_gn6yy_30 {
10367
+ ._dialogRoot_q50ky_31 {
10348
10368
  max-block-size: calc(100dvh - var(--space-5xl));
10349
10369
  }
10350
10370
  }
10351
- ._dialogSizeMedium_gn6yy_67 {
10371
+ ._dialogSizeMedium_q50ky_68 {
10352
10372
  inline-size: 600px;
10353
10373
  }
10354
- ._dialogSizeLarge_gn6yy_72 {
10374
+ ._dialogSizeLarge_q50ky_73 {
10355
10375
  inline-size: 900px;
10356
10376
  }
10357
- ._dialogSizeXlarge_gn6yy_77 {
10377
+ ._dialogSizeXlarge_q50ky_78 {
10358
10378
  inline-size: 1140px;
10359
10379
  }
10360
- ._dialogHeader_gn6yy_83 {
10380
+ ._dialogHeader_q50ky_84 {
10361
10381
  display: flex;
10362
10382
  flex-direction: column;
10363
10383
  flex-shrink: 0;
@@ -10365,24 +10385,24 @@
10365
10385
  padding: var(--space-sm);
10366
10386
  position: relative;
10367
10387
  }
10368
- ._dialogHeaderWithDivider_gn6yy_93 {
10388
+ ._dialogHeaderWithDivider_q50ky_94 {
10369
10389
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10370
10390
  }
10371
- ._dialogHeaderCenter_gn6yy_97 {
10391
+ ._dialogHeaderCenter_q50ky_98 {
10372
10392
  align-items: center;
10373
10393
  text-align: center;
10374
10394
  }
10375
- ._dialogHeaderCenter_gn6yy_97._dialogHeaderWithClose_gn6yy_103 {
10395
+ ._dialogHeaderCenter_q50ky_98._dialogHeaderWithClose_q50ky_104 {
10376
10396
  padding-inline: var(--dimensions-48);
10377
10397
  }
10378
- ._dialogHeaderLeft_gn6yy_108 {
10398
+ ._dialogHeaderLeft_q50ky_109 {
10379
10399
  align-items: flex-start;
10380
10400
  text-align: start;
10381
10401
  }
10382
- ._dialogHeaderLeft_gn6yy_108._dialogHeaderWithClose_gn6yy_103 {
10402
+ ._dialogHeaderLeft_q50ky_109._dialogHeaderWithClose_q50ky_104 {
10383
10403
  padding-inline-end: var(--dimensions-48);
10384
10404
  }
10385
- ._dialogTitle_gn6yy_120 {
10405
+ ._dialogTitle_q50ky_121 {
10386
10406
  color: var(--text-neutral-primary);
10387
10407
  font-family: var(--title-lg-family);
10388
10408
  font-size: var(--title-lg-size);
@@ -10391,7 +10411,7 @@
10391
10411
  line-height: var(--title-lg-line-height);
10392
10412
  margin: 0;
10393
10413
  }
10394
- ._dialogDescription_gn6yy_131 {
10414
+ ._dialogDescription_q50ky_132 {
10395
10415
  color: var(--text-neutral-primary);
10396
10416
  font-family: var(--body-lg-family);
10397
10417
  font-size: var(--body-lg-size);
@@ -10400,7 +10420,7 @@
10400
10420
  line-height: var(--body-lg-line-height);
10401
10421
  margin: 0;
10402
10422
  }
10403
- ._dialogCloseButton_gn6yy_142 {
10423
+ ._dialogCloseButton_q50ky_143 {
10404
10424
  background-color: var(--surface-neutral-on-surface) !important;
10405
10425
  block-size: var(--dimensions-24) !important;
10406
10426
  inline-size: var(--dimensions-24) !important;
@@ -10412,13 +10432,13 @@
10412
10432
  position: absolute !important;
10413
10433
  z-index: var(--z-index-decorator) !important;
10414
10434
  }
10415
- ._dialogCloseButton_gn6yy_142:hover {
10435
+ ._dialogCloseButton_q50ky_143:hover {
10416
10436
  background-color: var(--surface-state-hover) !important;
10417
10437
  }
10418
- ._dialogCloseButton_gn6yy_142:active {
10438
+ ._dialogCloseButton_q50ky_143:active {
10419
10439
  background-color: var(--surface-state-press) !important;
10420
10440
  }
10421
- ._dialogContentWrapper_gn6yy_164 {
10441
+ ._dialogContentWrapper_q50ky_165 {
10422
10442
  display: flex;
10423
10443
  flex: 1 1 auto;
10424
10444
  flex-direction: column;
@@ -10426,16 +10446,16 @@
10426
10446
  overflow: hidden;
10427
10447
  position: relative;
10428
10448
  }
10429
- ._dialogContent_gn6yy_164 {
10449
+ ._dialogContent_q50ky_165 {
10430
10450
  flex: 1 1 auto;
10431
10451
  overflow-y: auto;
10432
10452
  padding-block: var(--space-2xs) var(--space-sm);
10433
10453
  padding-inline: var(--space-sm);
10434
10454
  }
10435
- ._dialogContentNoPadding_gn6yy_182 {
10455
+ ._dialogContentNoPadding_q50ky_183 {
10436
10456
  padding: 0;
10437
10457
  }
10438
- ._dialogContentGradient_gn6yy_187 {
10458
+ ._dialogContentGradient_q50ky_188 {
10439
10459
  block-size: var(--space-2xl);
10440
10460
  inset-inline: 0;
10441
10461
  opacity: 0;
@@ -10444,7 +10464,7 @@
10444
10464
  transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
10445
10465
  z-index: 1;
10446
10466
  }
10447
- ._dialogContentGradientTop_gn6yy_200 {
10467
+ ._dialogContentGradientTop_q50ky_201 {
10448
10468
  background:
10449
10469
  linear-gradient(
10450
10470
  to bottom,
@@ -10452,7 +10472,7 @@
10452
10472
  transparent 100%);
10453
10473
  inset-block-start: 0;
10454
10474
  }
10455
- ._dialogContentGradientBottom_gn6yy_207 {
10475
+ ._dialogContentGradientBottom_q50ky_208 {
10456
10476
  background:
10457
10477
  linear-gradient(
10458
10478
  to top,
@@ -10460,47 +10480,47 @@
10460
10480
  transparent 100%);
10461
10481
  inset-block-end: 0;
10462
10482
  }
10463
- ._dialogContentGradientVisible_gn6yy_214 {
10483
+ ._dialogContentGradientVisible_q50ky_215 {
10464
10484
  opacity: 1;
10465
10485
  }
10466
- ._dialogFooter_gn6yy_219 {
10486
+ ._dialogFooter_q50ky_220 {
10467
10487
  display: flex;
10468
10488
  flex-shrink: 0;
10469
10489
  gap: var(--space-2xs);
10470
10490
  padding-block: var(--space-sm) var(--space-sm);
10471
10491
  padding-inline: var(--space-sm) var(--space-sm);
10472
10492
  }
10473
- ._dialogFooterWithDivider_gn6yy_228 {
10493
+ ._dialogFooterWithDivider_q50ky_229 {
10474
10494
  border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
10475
10495
  }
10476
- ._dialogFooterHorizontal_gn6yy_233 {
10496
+ ._dialogFooterHorizontal_q50ky_234 {
10477
10497
  align-items: center;
10478
10498
  flex-direction: row;
10479
10499
  justify-content: flex-end;
10480
10500
  }
10481
- ._dialogFooterVertical_gn6yy_240 {
10501
+ ._dialogFooterVertical_q50ky_241 {
10482
10502
  flex-direction: column;
10483
10503
  }
10484
- ._dialogFooterWithCheckbox_gn6yy_245 {
10504
+ ._dialogFooterWithCheckbox_q50ky_246 {
10485
10505
  align-items: center;
10486
10506
  flex-flow: row wrap;
10487
10507
  gap: var(--space-sm);
10488
10508
  justify-content: space-between;
10489
10509
  }
10490
- ._dialogButtonGroup_gn6yy_252 {
10510
+ ._dialogButtonGroup_q50ky_253 {
10491
10511
  align-items: center;
10492
10512
  display: flex;
10493
10513
  flex-shrink: 0;
10494
10514
  gap: var(--space-2xs);
10495
10515
  }
10496
- ._dialogButtonGroupVertical_gn6yy_260 {
10516
+ ._dialogButtonGroupVertical_q50ky_261 {
10497
10517
  flex-direction: column-reverse;
10498
10518
  inline-size: 100%;
10499
10519
  }
10500
- ._dialogButtonGroupVertical_gn6yy_260 > * {
10520
+ ._dialogButtonGroupVertical_q50ky_261 > * {
10501
10521
  inline-size: 100%;
10502
10522
  }
10503
- @keyframes _fade-in_gn6yy_1 {
10523
+ @keyframes _fade-in_q50ky_1 {
10504
10524
  0% {
10505
10525
  opacity: 0;
10506
10526
  }
@@ -10508,7 +10528,7 @@
10508
10528
  opacity: 1;
10509
10529
  }
10510
10530
  }
10511
- @keyframes _scale-in_gn6yy_1 {
10531
+ @keyframes _scale-in_q50ky_1 {
10512
10532
  0% {
10513
10533
  opacity: 0;
10514
10534
  transform: scale(.95);
@@ -10518,13 +10538,13 @@
10518
10538
  transform: scale(1);
10519
10539
  }
10520
10540
  }
10521
- ._confirmSizeSmall_gn6yy_302 {
10541
+ ._confirmSizeSmall_q50ky_303 {
10522
10542
  inline-size: 360px;
10523
10543
  }
10524
- ._confirmSizeLarge_gn6yy_307 {
10544
+ ._confirmSizeLarge_q50ky_308 {
10525
10545
  inline-size: 600px;
10526
10546
  }
10527
- ._confirmCloseButton_gn6yy_313 {
10547
+ ._confirmCloseButton_q50ky_314 {
10528
10548
  background-color: var(--surface-neutral-on-surface) !important;
10529
10549
  block-size: var(--dimensions-24) !important;
10530
10550
  inline-size: var(--dimensions-24) !important;
@@ -10536,13 +10556,13 @@
10536
10556
  position: absolute !important;
10537
10557
  z-index: var(--z-index-decorator) !important;
10538
10558
  }
10539
- ._confirmCloseButton_gn6yy_313:hover {
10559
+ ._confirmCloseButton_q50ky_314:hover {
10540
10560
  background-color: var(--surface-state-hover) !important;
10541
10561
  }
10542
- ._confirmCloseButton_gn6yy_313:active {
10562
+ ._confirmCloseButton_q50ky_314:active {
10543
10563
  background-color: var(--surface-state-press) !important;
10544
10564
  }
10545
- ._confirmContent_gn6yy_335 {
10565
+ ._confirmContent_q50ky_336 {
10546
10566
  align-items: center;
10547
10567
  display: flex;
10548
10568
  flex-direction: column;
@@ -10550,17 +10570,17 @@
10550
10570
  padding: var(--space-lg) var(--space-sm) var(--space-sm);
10551
10571
  text-align: center;
10552
10572
  }
10553
- ._confirmIcon_gn6yy_345 {
10573
+ ._confirmIcon_q50ky_346 {
10554
10574
  align-items: center;
10555
10575
  display: flex;
10556
10576
  justify-content: center;
10557
10577
  margin-block-end: var(--space-md);
10558
10578
  }
10559
- ._confirmIcon_gn6yy_345 svg {
10579
+ ._confirmIcon_q50ky_346 svg {
10560
10580
  block-size: var(--dimensions-48);
10561
10581
  inline-size: var(--dimensions-48);
10562
10582
  }
10563
- ._confirmTitle_gn6yy_358 {
10583
+ ._confirmTitle_q50ky_359 {
10564
10584
  color: var(--text-neutral-primary);
10565
10585
  font-family: var(--title-lg-family);
10566
10586
  font-size: var(--title-lg-size);
@@ -10569,7 +10589,7 @@
10569
10589
  line-height: var(--title-lg-line-height);
10570
10590
  margin: 0;
10571
10591
  }
10572
- ._confirmDescription_gn6yy_369 {
10592
+ ._confirmDescription_q50ky_370 {
10573
10593
  color: var(--text-neutral-primary);
10574
10594
  font-family: var(--body-lg-family);
10575
10595
  font-size: var(--body-lg-size);
@@ -10578,20 +10598,20 @@
10578
10598
  line-height: var(--body-lg-line-height);
10579
10599
  margin: 0;
10580
10600
  }
10581
- ._confirmFooter_gn6yy_380 {
10601
+ ._confirmFooter_q50ky_381 {
10582
10602
  display: flex;
10583
10603
  gap: var(--space-2xs);
10584
10604
  padding: var(--space-sm);
10585
10605
  }
10586
- ._confirmFooter_gn6yy_380 ._dialogButtonGroup_gn6yy_252 {
10606
+ ._confirmFooter_q50ky_381 ._dialogButtonGroup_q50ky_253 {
10587
10607
  display: flex;
10588
10608
  gap: var(--space-2xs);
10589
10609
  inline-size: 100%;
10590
10610
  }
10591
- ._confirmFooter_gn6yy_380 ._dialogButtonGroup_gn6yy_252 > * {
10611
+ ._confirmFooter_q50ky_381 ._dialogButtonGroup_q50ky_253 > * {
10592
10612
  flex: 1;
10593
10613
  }
10594
- ._eventCalendarRoot_58b8y_2 {
10614
+ ._eventCalendarRoot_1sxmx_2 {
10595
10615
  background-color: var(--surface-neutral-primary);
10596
10616
  color: var(--text-neutral-primary);
10597
10617
  display: flex;
@@ -10602,13 +10622,13 @@
10602
10622
  overflow: hidden;
10603
10623
  position: absolute;
10604
10624
  }
10605
- ._eventCalendarHeader_58b8y_19 {
10625
+ ._eventCalendarHeader_1sxmx_19 {
10606
10626
  align-items: center;
10607
10627
  display: flex;
10608
10628
  justify-content: space-between;
10609
10629
  padding: var(--space-sm) 0 var(--space-xs) 0;
10610
10630
  }
10611
- ._eventCalendarHeaderTitle_58b8y_26 {
10631
+ ._eventCalendarHeaderTitle_1sxmx_26 {
10612
10632
  color: var(--text-neutral-primary);
10613
10633
  font-family: var(--headline-lg-family);
10614
10634
  font-size: var(--headline-lg-size);
@@ -10617,24 +10637,27 @@
10617
10637
  letter-spacing: var(--headline-lg-letter-spacing);
10618
10638
  line-height: var(--headline-lg-line-height);
10619
10639
  }
10620
- ._eventCalendarHeaderLeft_58b8y_40,
10621
- ._eventCalendarHeaderActions_58b8y_46 {
10640
+ ._eventCalendarHeaderLeft_1sxmx_40,
10641
+ ._eventCalendarHeaderActions_1sxmx_46 {
10622
10642
  align-items: center;
10623
10643
  display: flex;
10624
10644
  gap: var(--space-sm);
10625
10645
  }
10626
- ._eventCalendarNavigation_58b8y_54 {
10646
+ ._eventCalendarNavigation_1sxmx_54 {
10627
10647
  align-items: center;
10628
10648
  display: flex;
10629
10649
  gap: var(--space-2xs);
10630
10650
  }
10631
- ._eventCalendarBody_58b8y_65 {
10651
+ ._eventCalendarBody_1sxmx_65 {
10632
10652
  display: flex;
10633
10653
  flex: 1;
10634
10654
  min-block-size: 0;
10635
10655
  overflow: hidden;
10636
10656
  }
10637
- ._eventCalendarSidebar_58b8y_73 {
10657
+ ._eventCalendarBodySidebarless_1sxmx_72 {
10658
+ inline-size: 100%;
10659
+ }
10660
+ ._eventCalendarSidebar_1sxmx_77 {
10638
10661
  background-color: var(--surface-neutral-primary);
10639
10662
  display: flex;
10640
10663
  flex-direction: column;
@@ -10643,14 +10666,14 @@
10643
10666
  overflow: hidden auto;
10644
10667
  padding: 0 var(--space-sm) var(--space-sm);
10645
10668
  }
10646
- ._eventCalendarAddEventButton_58b8y_83 {
10669
+ ._eventCalendarAddEventButton_1sxmx_87 {
10647
10670
  margin-block-start: var(--space-sm);
10648
10671
  }
10649
- ._eventCalendarSidebarGroup_58b8y_93 {
10672
+ ._eventCalendarSidebarGroup_1sxmx_97 {
10650
10673
  display: flex;
10651
10674
  flex-direction: column;
10652
10675
  }
10653
- ._eventCalendarSidebarGroupHeader_58b8y_98 {
10676
+ ._eventCalendarSidebarGroupHeader_1sxmx_102 {
10654
10677
  align-items: center;
10655
10678
  border-radius: var(--radius-2xs);
10656
10679
  cursor: pointer;
@@ -10659,10 +10682,10 @@
10659
10682
  padding: var(--space-xs) var(--space-xs);
10660
10683
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
10661
10684
  }
10662
- ._eventCalendarSidebarGroupHeader_58b8y_98:hover {
10685
+ ._eventCalendarSidebarGroupHeader_1sxmx_102:hover {
10663
10686
  background-color: var(--surface-neutral-secondary);
10664
10687
  }
10665
- ._eventCalendarSidebarGroupLabel_58b8y_113 {
10688
+ ._eventCalendarSidebarGroupLabel_1sxmx_117 {
10666
10689
  color: var(--text-neutral-secondary);
10667
10690
  flex: 1;
10668
10691
  font-family: var(--label-lg-family);
@@ -10673,7 +10696,7 @@
10673
10696
  text-overflow: ellipsis;
10674
10697
  white-space: nowrap;
10675
10698
  }
10676
- ._eventCalendarSidebarGroupChevron_58b8y_125 {
10699
+ ._eventCalendarSidebarGroupChevron_1sxmx_129 {
10677
10700
  align-items: center;
10678
10701
  color: var(--foreground-neutral-secondary);
10679
10702
  display: flex;
@@ -10682,28 +10705,28 @@
10682
10705
  transform: rotate(0);
10683
10706
  transition: transform .25s var(--motion-ease-out);
10684
10707
  }
10685
- ._eventCalendarSidebarGroupChevronExpanded_58b8y_137 {
10708
+ ._eventCalendarSidebarGroupChevronExpanded_1sxmx_141 {
10686
10709
  transform: rotate(180deg);
10687
10710
  }
10688
- ._eventCalendarSidebarGroupContentWrapper_58b8y_142 {
10711
+ ._eventCalendarSidebarGroupContentWrapper_1sxmx_146 {
10689
10712
  display: grid;
10690
10713
  grid-template-rows: 0fr;
10691
10714
  transition: grid-template-rows .25s var(--motion-ease-standard);
10692
10715
  }
10693
- ._eventCalendarSidebarGroupContentWrapperExpanded_58b8y_149 {
10716
+ ._eventCalendarSidebarGroupContentWrapperExpanded_1sxmx_153 {
10694
10717
  grid-template-rows: 1fr;
10695
10718
  }
10696
- ._eventCalendarSidebarGroupContent_58b8y_142 {
10719
+ ._eventCalendarSidebarGroupContent_1sxmx_146 {
10697
10720
  min-block-size: 0;
10698
10721
  overflow: hidden;
10699
10722
  }
10700
- ._eventCalendarSidebarGroupInner_58b8y_158 {
10723
+ ._eventCalendarSidebarGroupInner_1sxmx_162 {
10701
10724
  display: flex;
10702
10725
  flex-direction: column;
10703
10726
  gap: var(--space-xs);
10704
10727
  padding: 4px var(--space-xs);
10705
10728
  }
10706
- ._eventCalendarMain_58b8y_170 {
10729
+ ._eventCalendarMain_1sxmx_174 {
10707
10730
  display: flex;
10708
10731
  flex: 1;
10709
10732
  flex-direction: column;
@@ -10715,7 +10738,12 @@
10715
10738
  overflow: hidden;
10716
10739
  position: relative;
10717
10740
  }
10718
- ._eventCalendarViewContainer_58b8y_183 {
10741
+ ._eventCalendarMainFullBleed_1sxmx_187,
10742
+ ._eventCalendarMainHeaderless_1sxmx_188 {
10743
+ margin-block-end: 0;
10744
+ margin-inline-end: 0;
10745
+ }
10746
+ ._eventCalendarViewContainer_1sxmx_193 {
10719
10747
  border: var(--border-sm) solid var(--border-neutral-tertiary);
10720
10748
  border-radius: var(--radius-xs);
10721
10749
  display: flex;
@@ -10724,7 +10752,29 @@
10724
10752
  overflow: hidden;
10725
10753
  position: relative;
10726
10754
  }
10727
- ._eventCalendarTimeGrid_58b8y_194 {
10755
+ ._eventCalendarViewContainerSwipeable_1sxmx_203 {
10756
+ touch-action: pan-y;
10757
+ }
10758
+ ._eventCalendarSwipeViewport_1sxmx_207 {
10759
+ flex: 1;
10760
+ overflow: hidden;
10761
+ position: relative;
10762
+ }
10763
+ ._eventCalendarSwipePane_1sxmx_213 {
10764
+ display: flex;
10765
+ flex-direction: column;
10766
+ inset: 0;
10767
+ position: absolute;
10768
+ will-change: transform;
10769
+ }
10770
+ ._eventCalendarSwipePane_1sxmx_213[aria-hidden=true] {
10771
+ pointer-events: none;
10772
+ }
10773
+ ._eventCalendarViewContainerHeaderless_1sxmx_225,
10774
+ ._eventCalendarViewContainerFullBleed_1sxmx_226 {
10775
+ border-radius: 0;
10776
+ }
10777
+ ._eventCalendarTimeGrid_1sxmx_231 {
10728
10778
  display: flex;
10729
10779
  flex: 1;
10730
10780
  flex-direction: column;
@@ -10733,20 +10783,20 @@
10733
10783
  overflow: hidden;
10734
10784
  position: relative;
10735
10785
  }
10736
- ._eventCalendarTimeGridHeader_58b8y_204 {
10786
+ ._eventCalendarTimeGridHeader_1sxmx_241 {
10737
10787
  background-color: var(--surface-neutral-primary);
10738
10788
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10739
10789
  display: flex;
10740
10790
  z-index: var(--z-index-sticky);
10741
10791
  }
10742
- ._eventCalendarMonthGridHeader_58b8y_211 {
10792
+ ._eventCalendarMonthGridHeader_1sxmx_248 {
10743
10793
  background-color: var(--surface-neutral-primary);
10744
10794
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10745
10795
  display: grid;
10746
10796
  grid-template-columns: repeat(7, minmax(0, 1fr));
10747
10797
  z-index: var(--z-index-sticky);
10748
10798
  }
10749
- ._eventCalendarTimeColumnHeader_58b8y_219 {
10799
+ ._eventCalendarTimeColumnHeader_1sxmx_256 {
10750
10800
  align-items: flex-end;
10751
10801
  background-color: var(--surface-neutral-secondary);
10752
10802
  border-inline-end: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -10757,14 +10807,14 @@
10757
10807
  justify-content: flex-end;
10758
10808
  padding: var(--space-2xs);
10759
10809
  }
10760
- ._eventCalendarGMTLabel_58b8y_231 {
10810
+ ._eventCalendarGMTLabel_1sxmx_268 {
10761
10811
  color: var(--text-neutral-secondary);
10762
10812
  font-size: var(--body-md-size);
10763
10813
  font-weight: var(--body-md-weight);
10764
10814
  letter-spacing: var(--body-md-letter-spacing);
10765
10815
  line-height: var(--body-md-line-height);
10766
10816
  }
10767
- ._eventCalendarDayHeader_58b8y_240 {
10817
+ ._eventCalendarDayHeader_1sxmx_277 {
10768
10818
  align-items: center;
10769
10819
  background-color: var(--surface-neutral-secondary);
10770
10820
  block-size: 80px;
@@ -10776,16 +10826,16 @@
10776
10826
  padding: var(--space-4xs);
10777
10827
  text-align: center;
10778
10828
  }
10779
- ._eventCalendarDayHeader_58b8y_240:last-child {
10829
+ ._eventCalendarDayHeader_1sxmx_277:last-child {
10780
10830
  border-inline-end: none;
10781
10831
  }
10782
- ._eventCalendarTodayHeader_58b8y_257 {
10832
+ ._eventCalendarTodayHeader_1sxmx_294 {
10783
10833
  position: relative;
10784
10834
  }
10785
- ._eventCalendarTodayHeader_58b8y_257:after {
10835
+ ._eventCalendarTodayHeader_1sxmx_294:after {
10786
10836
  display: none;
10787
10837
  }
10788
- ._eventCalendarDayHeaderContent_58b8y_266 {
10838
+ ._eventCalendarDayHeaderContent_1sxmx_303 {
10789
10839
  align-items: center;
10790
10840
  block-size: 100%;
10791
10841
  border-radius: 0;
@@ -10795,29 +10845,29 @@
10795
10845
  inline-size: 100%;
10796
10846
  justify-content: center;
10797
10847
  }
10798
- ._eventCalendarTodayHeader_58b8y_257 ._eventCalendarDayHeaderContent_58b8y_266 {
10848
+ ._eventCalendarTodayHeader_1sxmx_294 ._eventCalendarDayHeaderContent_1sxmx_303 {
10799
10849
  background-color: var(--surface-neutral-primary);
10800
10850
  border: var(--border-md) solid var(--border-neutral-primary);
10801
10851
  border-radius: var(--radius-2xs);
10802
10852
  z-index: var(--z-index-base);
10803
10853
  }
10804
- ._eventCalendarDayDateNumber_58b8y_285 {
10854
+ ._eventCalendarDayDateNumber_1sxmx_322 {
10805
10855
  color: var(--text-neutral-primary);
10806
10856
  font-size: var(--title-md-size);
10807
10857
  font-weight: var(--typeface-weight-medium);
10808
10858
  line-height: var(--title-md-line-height);
10809
10859
  }
10810
- ._eventCalendarDayName_58b8y_294 {
10860
+ ._eventCalendarDayName_1sxmx_331 {
10811
10861
  color: var(--text-neutral-secondary);
10812
10862
  font-size: var(--label-lg-size);
10813
10863
  font-weight: var(--typeface-weight-medium);
10814
10864
  line-height: var(--label-lg-line-height);
10815
10865
  }
10816
- ._eventCalendarTodayHeader_58b8y_257 ._eventCalendarDayDateNumber_58b8y_285,
10817
- ._eventCalendarTodayHeader_58b8y_257 ._eventCalendarDayName_58b8y_294 {
10866
+ ._eventCalendarTodayHeader_1sxmx_294 ._eventCalendarDayDateNumber_1sxmx_322,
10867
+ ._eventCalendarTodayHeader_1sxmx_294 ._eventCalendarDayName_1sxmx_331 {
10818
10868
  color: var(--text-neutral-primary);
10819
10869
  }
10820
- ._eventCalendarAllDayRow_58b8y_312 {
10870
+ ._eventCalendarAllDayRow_1sxmx_349 {
10821
10871
  align-items: stretch;
10822
10872
  background-color: var(--surface-neutral-primary);
10823
10873
  display: flex;
@@ -10828,7 +10878,7 @@
10828
10878
  position: sticky;
10829
10879
  z-index: var(--z-index-docked);
10830
10880
  }
10831
- ._eventCalendarAllDayTimeColumn_58b8y_324 {
10881
+ ._eventCalendarAllDayTimeColumn_1sxmx_361 {
10832
10882
  align-items: center;
10833
10883
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10834
10884
  display: flex;
@@ -10837,21 +10887,21 @@
10837
10887
  justify-content: right;
10838
10888
  padding: var(--space-2xs);
10839
10889
  }
10840
- ._eventCalendarAllDayGrid_58b8y_336 {
10890
+ ._eventCalendarAllDayGrid_1sxmx_373 {
10841
10891
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10842
10892
  display: flex;
10843
10893
  flex: 1;
10844
10894
  min-inline-size: 0;
10845
10895
  }
10846
- ._eventCalendarAllDayGridCell_58b8y_343 {
10896
+ ._eventCalendarAllDayGridCell_1sxmx_380 {
10847
10897
  border-inline-end: var(--border-sm) solid var(--border-neutral-tertiary);
10848
10898
  flex: 1;
10849
10899
  min-inline-size: 0;
10850
10900
  }
10851
- ._eventCalendarAllDayGridCell_58b8y_343:last-child {
10901
+ ._eventCalendarAllDayGridCell_1sxmx_380:last-child {
10852
10902
  border-inline-end: none;
10853
10903
  }
10854
- ._eventCalendarAllDayRow_58b8y_312:after {
10904
+ ._eventCalendarAllDayRow_1sxmx_349:after {
10855
10905
  background:
10856
10906
  linear-gradient(
10857
10907
  to bottom,
@@ -10865,15 +10915,15 @@
10865
10915
  position: absolute;
10866
10916
  transition: opacity .2s ease;
10867
10917
  }
10868
- ._eventCalendarHideTopFade_58b8y_367 ._eventCalendarAllDayRow_58b8y_312:after,
10869
- ._eventCalendarHideTopFade_58b8y_367:before {
10918
+ ._eventCalendarHideTopFade_1sxmx_404 ._eventCalendarAllDayRow_1sxmx_349:after,
10919
+ ._eventCalendarHideTopFade_1sxmx_404:before {
10870
10920
  opacity: 0;
10871
10921
  }
10872
- ._eventCalendarAllDayLabel_58b8y_372 {
10922
+ ._eventCalendarAllDayLabel_1sxmx_409 {
10873
10923
  color: var(--text-neutral-secondary);
10874
10924
  font-size: var(--body-md-size);
10875
10925
  }
10876
- ._eventCalendarGridBody_58b8y_378 {
10926
+ ._eventCalendarGridBody_1sxmx_415 {
10877
10927
  display: flex;
10878
10928
  flex: 1;
10879
10929
  flex-direction: column;
@@ -10881,7 +10931,7 @@
10881
10931
  min-inline-size: 0;
10882
10932
  position: relative;
10883
10933
  }
10884
- ._eventCalendarGridBody_58b8y_378:after {
10934
+ ._eventCalendarGridBody_1sxmx_415:after {
10885
10935
  background:
10886
10936
  linear-gradient(
10887
10937
  to top,
@@ -10896,20 +10946,20 @@
10896
10946
  transition: opacity .2s ease;
10897
10947
  z-index: var(--z-index-decorator);
10898
10948
  }
10899
- ._eventCalendarHideBottomFade_58b8y_402:after {
10949
+ ._eventCalendarHideBottomFade_1sxmx_439:after {
10900
10950
  opacity: 0;
10901
10951
  }
10902
- ._eventCalendarGridBodyContent_58b8y_410 {
10952
+ ._eventCalendarGridBodyContent_1sxmx_447 {
10903
10953
  overflow: hidden auto !important;
10904
10954
  }
10905
- ._eventCalendarTimeColumn_58b8y_219 {
10955
+ ._eventCalendarTimeColumn_1sxmx_256 {
10906
10956
  background-color: var(--surface-neutral-secondary);
10907
10957
  border-inline-end: var(--border-sm) solid var(--border-neutral-tertiary);
10908
10958
  box-sizing: border-box;
10909
10959
  flex-shrink: 0;
10910
10960
  inline-size: 68px;
10911
10961
  }
10912
- ._eventCalendarTimeSlotLabel_58b8y_422 {
10962
+ ._eventCalendarTimeSlotLabel_1sxmx_459 {
10913
10963
  block-size: 60px;
10914
10964
  color: var(--text-neutral-secondary);
10915
10965
  font-size: var(--body-md-size);
@@ -10918,35 +10968,35 @@
10918
10968
  position: relative;
10919
10969
  text-align: end;
10920
10970
  }
10921
- ._eventCalendarTimeSlotLabel_58b8y_422:first-child {
10971
+ ._eventCalendarTimeSlotLabel_1sxmx_459:first-child {
10922
10972
  visibility: hidden;
10923
10973
  }
10924
- ._eventCalendarMainTimeGridContainer_58b8y_439,
10925
- ._eventCalendarGridContent_58b8y_446 {
10974
+ ._eventCalendarMainTimeGridContainer_1sxmx_476,
10975
+ ._eventCalendarGridContent_1sxmx_483 {
10926
10976
  display: flex;
10927
10977
  flex: 1;
10928
10978
  min-inline-size: 0;
10929
10979
  position: relative;
10930
10980
  }
10931
- ._eventCalendarGridLinesBg_58b8y_453 {
10981
+ ._eventCalendarGridLinesBg_1sxmx_490 {
10932
10982
  inset: 0;
10933
10983
  position: absolute;
10934
10984
  z-index: 0;
10935
10985
  }
10936
- ._eventCalendarHourRow_58b8y_459 {
10986
+ ._eventCalendarHourRow_1sxmx_496 {
10937
10987
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
10938
10988
  box-sizing: border-box;
10939
10989
  }
10940
- ._eventCalendarDayColumn_58b8y_464 {
10990
+ ._eventCalendarDayColumn_1sxmx_501 {
10941
10991
  border-inline-end: var(--border-sm) solid var(--border-neutral-tertiary);
10942
10992
  flex: 1;
10943
10993
  min-inline-size: 0;
10944
10994
  position: relative;
10945
10995
  }
10946
- ._eventCalendarDayColumn_58b8y_464:last-child {
10996
+ ._eventCalendarDayColumn_1sxmx_501:last-child {
10947
10997
  border-inline-end: none;
10948
10998
  }
10949
- ._eventCalendarCurrentTimeIndicator_58b8y_476 {
10999
+ ._eventCalendarCurrentTimeIndicator_1sxmx_513 {
10950
11000
  align-items: center;
10951
11001
  display: flex;
10952
11002
  inline-size: 100%;
@@ -10955,7 +11005,7 @@
10955
11005
  position: absolute;
10956
11006
  z-index: var(--z-index-decorator);
10957
11007
  }
10958
- ._eventCalendarCurrentBadge_58b8y_486 {
11008
+ ._eventCalendarCurrentBadge_1sxmx_523 {
10959
11009
  background: var(--surface-neutral-primary-inverse);
10960
11010
  border-radius: var(--radius-full);
10961
11011
  color: var(--text-neutral-primary-inverse);
@@ -10968,13 +11018,20 @@
10968
11018
  transform: translateY(-50%);
10969
11019
  white-space: nowrap;
10970
11020
  }
10971
- ._eventCalendarCurrentLineDashed_58b8y_514 {
11021
+ ._eventCalendarCurrentLineDashed_1sxmx_551 {
10972
11022
  border-block-start: 1px dashed var(--border-neutral-secondary);
10973
11023
  flex: 1;
10974
11024
  position: relative;
10975
11025
  z-index: var(--z-index-decorator);
10976
11026
  }
10977
- ._eventCalendarCurrentDot_58b8y_525 {
11027
+ ._eventCalendarCurrentLineSolid_1sxmx_560 {
11028
+ border-block-start: 1px solid var(--surface-neutral-primary-inverse);
11029
+ position: absolute;
11030
+ inset-block-start: 50%;
11031
+ transform: translateY(-50%);
11032
+ z-index: var(--z-index-decorator);
11033
+ }
11034
+ ._eventCalendarCurrentDot_1sxmx_570 {
10978
11035
  background-color: var(--surface-neutral-primary-inverse);
10979
11036
  block-size: 6px;
10980
11037
  border-radius: 50%;
@@ -10984,7 +11041,7 @@
10984
11041
  position: absolute;
10985
11042
  z-index: var(--z-index-decorator);
10986
11043
  }
10987
- ._eventCalendarEventCard_58b8y_537 {
11044
+ ._eventCalendarEventCard_1sxmx_582 {
10988
11045
  align-items: flex-start;
10989
11046
  border-inline-start: none;
10990
11047
  border-radius: var(--radius-2xs);
@@ -10997,7 +11054,7 @@
10997
11054
  position: relative;
10998
11055
  transition: background-color var(--motion-duration-fast) ease;
10999
11056
  }
11000
- ._eventCalendarEventCard_58b8y_537:before {
11057
+ ._eventCalendarEventCard_1sxmx_582:before {
11001
11058
  background-color: transparent;
11002
11059
  border-radius: inherit;
11003
11060
  content: "";
@@ -11006,124 +11063,124 @@
11006
11063
  position: absolute;
11007
11064
  transition: background-color .15s ease;
11008
11065
  }
11009
- ._eventCalendarEventCard_58b8y_537:hover:before {
11066
+ ._eventCalendarEventCard_1sxmx_582:hover:before {
11010
11067
  background-color: var(--surface-state-hover);
11011
11068
  }
11012
- ._eventCalendarEventCard_58b8y_537:active:before {
11069
+ ._eventCalendarEventCard_1sxmx_582:active:before {
11013
11070
  background-color: var(--surface-state-press);
11014
11071
  }
11015
- ._eventCalendarEventCard_58b8y_537._eventCalendarEventSelected_58b8y_574:before {
11072
+ ._eventCalendarEventCard_1sxmx_582._eventCalendarEventSelected_1sxmx_619:before {
11016
11073
  background-color: transparent;
11017
11074
  }
11018
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorBlue_58b8y_579 {
11075
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorBlue_1sxmx_624 {
11019
11076
  background-color: var(--surface-accent-blue);
11020
11077
  }
11021
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorRed_58b8y_583 {
11078
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorRed_1sxmx_628 {
11022
11079
  background-color: var(--surface-accent-red);
11023
11080
  }
11024
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorGreen_58b8y_587 {
11081
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorGreen_1sxmx_632 {
11025
11082
  background-color: var(--surface-accent-green);
11026
11083
  }
11027
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorOrange_58b8y_591 {
11084
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorOrange_1sxmx_636 {
11028
11085
  background-color: var(--surface-accent-orange);
11029
11086
  }
11030
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorPurple_58b8y_595 {
11087
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorPurple_1sxmx_640 {
11031
11088
  background-color: var(--surface-accent-purple);
11032
11089
  }
11033
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorMint_58b8y_599 {
11090
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorMint_1sxmx_644 {
11034
11091
  background-color: var(--surface-accent-mint);
11035
11092
  }
11036
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorTeal_58b8y_603 {
11093
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorTeal_1sxmx_648 {
11037
11094
  background-color: var(--surface-accent-teal);
11038
11095
  }
11039
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorIndigo_58b8y_607 {
11096
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorIndigo_1sxmx_652 {
11040
11097
  background-color: var(--surface-accent-indigo);
11041
11098
  }
11042
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorPink_58b8y_611 {
11099
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorPink_1sxmx_656 {
11043
11100
  background-color: var(--surface-accent-pink);
11044
11101
  }
11045
- ._eventCalendarEventSelected_58b8y_574._eventCalendarEventColorYellow_58b8y_615 {
11102
+ ._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorYellow_1sxmx_660 {
11046
11103
  background-color: var(--surface-accent-yellow);
11047
11104
  }
11048
- ._eventCalendarEventWaiting_58b8y_624 {
11105
+ ._eventCalendarEventWaiting_1sxmx_669 {
11049
11106
  background-color: var(--surface-neutral-primary) !important;
11050
11107
  }
11051
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorBlue_58b8y_579 {
11108
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorBlue_1sxmx_624 {
11052
11109
  border: var(--border-sm) solid var(--border-accent-blue-subtle);
11053
11110
  }
11054
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorRed_58b8y_583 {
11111
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorRed_1sxmx_628 {
11055
11112
  border: var(--border-sm) solid var(--border-accent-red-subtle);
11056
11113
  }
11057
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorGreen_58b8y_587 {
11114
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorGreen_1sxmx_632 {
11058
11115
  border: var(--border-sm) solid var(--border-accent-green-subtle);
11059
11116
  }
11060
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorOrange_58b8y_591 {
11117
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorOrange_1sxmx_636 {
11061
11118
  border: var(--border-sm) solid var(--border-accent-orange-subtle);
11062
11119
  }
11063
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorYellow_58b8y_615 {
11120
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorYellow_1sxmx_660 {
11064
11121
  border: var(--border-sm) solid var(--border-accent-yellow-subtle);
11065
11122
  }
11066
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorPurple_58b8y_595 {
11123
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorPurple_1sxmx_640 {
11067
11124
  border: var(--border-sm) solid var(--border-accent-purple-subtle);
11068
11125
  }
11069
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorMint_58b8y_599 {
11126
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorMint_1sxmx_644 {
11070
11127
  border: var(--border-sm) solid var(--border-accent-mint-subtle);
11071
11128
  }
11072
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorTeal_58b8y_603 {
11129
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorTeal_1sxmx_648 {
11073
11130
  border: var(--border-sm) solid var(--border-accent-teal-subtle);
11074
11131
  }
11075
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorIndigo_58b8y_607 {
11132
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorIndigo_1sxmx_652 {
11076
11133
  border: var(--border-sm) solid var(--border-accent-indigo-subtle);
11077
11134
  }
11078
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorPink_58b8y_611 {
11135
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorPink_1sxmx_656 {
11079
11136
  border: var(--border-sm) solid var(--border-accent-pink-subtle);
11080
11137
  }
11081
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorBrown_58b8y_668 {
11138
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorBrown_1sxmx_713 {
11082
11139
  border: var(--border-sm) solid var(--border-accent-brown-subtle);
11083
11140
  }
11084
- ._eventCalendarEventWaiting_58b8y_624._eventCalendarEventColorCyan_58b8y_672 {
11141
+ ._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorCyan_1sxmx_717 {
11085
11142
  border: var(--border-sm) solid var(--border-accent-cyan-subtle);
11086
11143
  }
11087
- ._eventCalendarEventRejected_58b8y_677 {
11144
+ ._eventCalendarEventRejected_1sxmx_722 {
11088
11145
  background-color: var(--surface-neutral-primary) !important;
11089
11146
  }
11090
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorBlue_58b8y_579 {
11147
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorBlue_1sxmx_624 {
11091
11148
  border: var(--border-sm) solid var(--border-accent-blue-subtle);
11092
11149
  }
11093
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorRed_58b8y_583 {
11150
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorRed_1sxmx_628 {
11094
11151
  border: var(--border-sm) solid var(--border-accent-red-subtle);
11095
11152
  }
11096
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorGreen_58b8y_587 {
11153
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorGreen_1sxmx_632 {
11097
11154
  border: var(--border-sm) solid var(--border-accent-green-subtle);
11098
11155
  }
11099
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorOrange_58b8y_591 {
11156
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorOrange_1sxmx_636 {
11100
11157
  border: var(--border-sm) solid var(--border-accent-orange-subtle);
11101
11158
  }
11102
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorYellow_58b8y_615 {
11159
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorYellow_1sxmx_660 {
11103
11160
  border: var(--border-sm) solid var(--border-accent-yellow-subtle);
11104
11161
  }
11105
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorPurple_58b8y_595 {
11162
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorPurple_1sxmx_640 {
11106
11163
  border: var(--border-sm) solid var(--border-accent-purple-subtle);
11107
11164
  }
11108
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorMint_58b8y_599 {
11165
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorMint_1sxmx_644 {
11109
11166
  border: var(--border-sm) solid var(--border-accent-mint-subtle);
11110
11167
  }
11111
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorTeal_58b8y_603 {
11168
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorTeal_1sxmx_648 {
11112
11169
  border: var(--border-sm) solid var(--border-accent-teal-subtle);
11113
11170
  }
11114
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorIndigo_58b8y_607 {
11171
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorIndigo_1sxmx_652 {
11115
11172
  border: var(--border-sm) solid var(--border-accent-indigo-subtle);
11116
11173
  }
11117
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorPink_58b8y_611 {
11174
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorPink_1sxmx_656 {
11118
11175
  border: var(--border-sm) solid var(--border-accent-pink-subtle);
11119
11176
  }
11120
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorBrown_58b8y_668 {
11177
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorBrown_1sxmx_713 {
11121
11178
  border: var(--border-sm) solid var(--border-accent-brown-subtle);
11122
11179
  }
11123
- ._eventCalendarEventRejected_58b8y_677._eventCalendarEventColorCyan_58b8y_672 {
11180
+ ._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorCyan_1sxmx_717 {
11124
11181
  border: var(--border-sm) solid var(--border-accent-cyan-subtle);
11125
11182
  }
11126
- ._eventCalendarEventTitle_58b8y_731 {
11183
+ ._eventCalendarEventTitle_1sxmx_776 {
11127
11184
  color: var(--text-neutral-primary);
11128
11185
  flex-shrink: 0;
11129
11186
  font-family: var(--label-lg-family);
@@ -11137,20 +11194,20 @@
11137
11194
  text-overflow: ellipsis;
11138
11195
  white-space: normal;
11139
11196
  }
11140
- ._eventCalendarEventShort_58b8y_748 {
11197
+ ._eventCalendarEventShort_1sxmx_793 {
11141
11198
  align-items: flex-start;
11142
11199
  justify-content: center;
11143
11200
  padding: 0 var(--space-2xs);
11144
11201
  }
11145
- ._eventCalendarEventShort_58b8y_748 ._eventCalendarEventTitle_58b8y_731 {
11202
+ ._eventCalendarEventShort_1sxmx_793 ._eventCalendarEventTitle_1sxmx_776 {
11146
11203
  display: block;
11147
11204
  line-height: var(--label-lg-line-height);
11148
11205
  overflow: hidden;
11149
11206
  text-overflow: ellipsis;
11150
11207
  white-space: nowrap;
11151
11208
  }
11152
- ._eventCalendarEventTime_58b8y_763,
11153
- ._eventCalendarEventLocation_58b8y_764 {
11209
+ ._eventCalendarEventTime_1sxmx_808,
11210
+ ._eventCalendarEventLocation_1sxmx_809 {
11154
11211
  color: var(--text-neutral-primary);
11155
11212
  font-family: var(--body-sm-family);
11156
11213
  font-size: var(--body-sm-size);
@@ -11162,72 +11219,72 @@
11162
11219
  overflow: hidden;
11163
11220
  overflow-wrap: anywhere;
11164
11221
  }
11165
- ._eventCalendarEventColorBlue_58b8y_579 {
11222
+ ._eventCalendarEventColorBlue_1sxmx_624 {
11166
11223
  background-color: var(--surface-accent-blue-subtle);
11167
11224
  color: var(--text-accent-blue);
11168
11225
  }
11169
- ._eventCalendarEventColorRed_58b8y_583 {
11226
+ ._eventCalendarEventColorRed_1sxmx_628 {
11170
11227
  background-color: var(--surface-accent-red-subtle);
11171
11228
  color: var(--text-accent-red);
11172
11229
  }
11173
- ._eventCalendarEventColorGreen_58b8y_587 {
11230
+ ._eventCalendarEventColorGreen_1sxmx_632 {
11174
11231
  background-color: var(--surface-accent-green-subtle);
11175
11232
  color: var(--text-accent-green);
11176
11233
  }
11177
- ._eventCalendarEventColorOrange_58b8y_591 {
11234
+ ._eventCalendarEventColorOrange_1sxmx_636 {
11178
11235
  background-color: var(--surface-accent-orange-subtle);
11179
11236
  color: var(--text-accent-orange);
11180
11237
  }
11181
- ._eventCalendarEventColorPurple_58b8y_595 {
11238
+ ._eventCalendarEventColorPurple_1sxmx_640 {
11182
11239
  background-color: var(--surface-accent-purple-subtle);
11183
11240
  color: var(--text-accent-purple);
11184
11241
  }
11185
- ._eventCalendarEventColorMint_58b8y_599 {
11242
+ ._eventCalendarEventColorMint_1sxmx_644 {
11186
11243
  background-color: var(--surface-accent-mint-subtle);
11187
11244
  color: var(--text-accent-mint);
11188
11245
  }
11189
- ._eventCalendarEventColorTeal_58b8y_603 {
11246
+ ._eventCalendarEventColorTeal_1sxmx_648 {
11190
11247
  background-color: var(--surface-accent-teal-subtle);
11191
11248
  color: var(--text-accent-teal);
11192
11249
  }
11193
- ._eventCalendarEventColorIndigo_58b8y_607 {
11250
+ ._eventCalendarEventColorIndigo_1sxmx_652 {
11194
11251
  background-color: var(--surface-accent-indigo-subtle);
11195
11252
  color: var(--text-accent-indigo);
11196
11253
  }
11197
- ._eventCalendarEventColorPink_58b8y_611 {
11254
+ ._eventCalendarEventColorPink_1sxmx_656 {
11198
11255
  background-color: var(--surface-accent-pink-subtle);
11199
11256
  color: var(--text-accent-pink);
11200
11257
  }
11201
- ._eventCalendarEventColorYellow_58b8y_615 {
11258
+ ._eventCalendarEventColorYellow_1sxmx_660 {
11202
11259
  background-color: var(--surface-accent-yellow-subtle);
11203
11260
  color: var(--text-accent-yellow);
11204
11261
  }
11205
- ._eventCalendarEventColorBrown_58b8y_668 {
11262
+ ._eventCalendarEventColorBrown_1sxmx_713 {
11206
11263
  background-color: var(--surface-accent-brown-subtle);
11207
11264
  color: var(--text-accent-brown);
11208
11265
  }
11209
- ._eventCalendarEventColorCyan_58b8y_672 {
11266
+ ._eventCalendarEventColorCyan_1sxmx_717 {
11210
11267
  background-color: var(--surface-accent-cyan-subtle);
11211
11268
  color: var(--text-accent-cyan);
11212
11269
  }
11213
- ._eventCalendarMonthView_58b8y_854 {
11270
+ ._eventCalendarMonthView_1sxmx_899 {
11214
11271
  display: grid;
11215
11272
  flex: 1;
11216
11273
  grid-auto-rows: minmax(0, 1fr);
11217
11274
  min-block-size: 0;
11218
11275
  overflow-y: auto;
11219
11276
  }
11220
- ._eventCalendarMonthWeekRow_58b8y_862 {
11277
+ ._eventCalendarMonthWeekRow_1sxmx_907 {
11221
11278
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
11222
11279
  display: grid;
11223
11280
  flex: 1;
11224
11281
  grid-template-columns: repeat(7, minmax(0, 1fr));
11225
11282
  min-block-size: 0;
11226
11283
  }
11227
- ._eventCalendarMonthWeekRow_58b8y_862:last-child {
11284
+ ._eventCalendarMonthWeekRow_1sxmx_907:last-child {
11228
11285
  border-block-end: none;
11229
11286
  }
11230
- ._eventCalendarMonthDayCell_58b8y_875 {
11287
+ ._eventCalendarMonthDayCell_1sxmx_920 {
11231
11288
  background-color: var(--surface-neutral-secondary);
11232
11289
  border-inline-end: var(--border-sm) solid var(--border-neutral-tertiary);
11233
11290
  display: flex;
@@ -11238,16 +11295,16 @@
11238
11295
  overflow: hidden;
11239
11296
  padding: var(--space-2xs);
11240
11297
  }
11241
- ._eventCalendarMonthDayCellCurrentMonth_58b8y_892 {
11298
+ ._eventCalendarMonthDayCellCurrentMonth_1sxmx_937 {
11242
11299
  background-color: var(--surface-neutral-primary);
11243
11300
  opacity: 1;
11244
11301
  }
11245
- ._eventCalendarMonthDayCellToday_58b8y_897 {
11302
+ ._eventCalendarMonthDayCellToday_1sxmx_942 {
11246
11303
  background-color: var(--surface-neutral-primary);
11247
11304
  position: relative;
11248
11305
  z-index: 1;
11249
11306
  }
11250
- ._eventCalendarMonthDayCellToday_58b8y_897:after {
11307
+ ._eventCalendarMonthDayCellToday_1sxmx_942:after {
11251
11308
  border: var(--border-md) solid var(--text-neutral-primary);
11252
11309
  border-radius: var(--radius-2xs);
11253
11310
  content: "";
@@ -11255,7 +11312,7 @@
11255
11312
  pointer-events: none;
11256
11313
  position: absolute;
11257
11314
  }
11258
- ._eventCalendarMonthDayNumber_58b8y_914 {
11315
+ ._eventCalendarMonthDayNumber_1sxmx_959 {
11259
11316
  align-self: flex-start;
11260
11317
  color: var(--text-neutral-primary);
11261
11318
  font-family: var(--title-md-family);
@@ -11268,10 +11325,10 @@
11268
11325
  padding-inline-start: var(--space-4xs);
11269
11326
  text-align: center;
11270
11327
  }
11271
- ._eventCalendarMonthDayNumberToday_58b8y_932 {
11328
+ ._eventCalendarMonthDayNumberToday_1sxmx_977 {
11272
11329
  font-weight: var(--typeface-weight-bold);
11273
11330
  }
11274
- ._eventCalendarMonthEventPill_58b8y_936 {
11331
+ ._eventCalendarMonthEventPill_1sxmx_981 {
11275
11332
  align-items: center;
11276
11333
  border-color: transparent;
11277
11334
  border-radius: var(--radius-3xs);
@@ -11288,7 +11345,7 @@
11288
11345
  position: relative;
11289
11346
  transition: background-color .15s ease;
11290
11347
  }
11291
- ._eventCalendarMonthEventPill_58b8y_936:before {
11348
+ ._eventCalendarMonthEventPill_1sxmx_981:before {
11292
11349
  background-color: transparent;
11293
11350
  border-radius: inherit;
11294
11351
  content: "";
@@ -11297,13 +11354,13 @@
11297
11354
  position: absolute;
11298
11355
  transition: background-color .15s ease;
11299
11356
  }
11300
- ._eventCalendarMonthEventPill_58b8y_936:hover:before {
11357
+ ._eventCalendarMonthEventPill_1sxmx_981:hover:before {
11301
11358
  background-color: var(--surface-state-hover);
11302
11359
  }
11303
- ._eventCalendarMonthEventPill_58b8y_936:active:before {
11360
+ ._eventCalendarMonthEventPill_1sxmx_981:active:before {
11304
11361
  background-color: var(--surface-state-press);
11305
11362
  }
11306
- ._eventCalendarMonthEventTitle_58b8y_977 {
11363
+ ._eventCalendarMonthEventTitle_1sxmx_1022 {
11307
11364
  color: var(--text-neutral-primary);
11308
11365
  flex: 1;
11309
11366
  font-family: var(--label-lg-family);
@@ -11316,7 +11373,7 @@
11316
11373
  text-overflow: ellipsis;
11317
11374
  white-space: nowrap;
11318
11375
  }
11319
- ._eventCalendarMonthEventTime_58b8y_993 {
11376
+ ._eventCalendarMonthEventTime_1sxmx_1038 {
11320
11377
  color: var(--text-neutral-primary);
11321
11378
  flex-shrink: 0;
11322
11379
  font-family: var(--body-sm-family);
@@ -11330,7 +11387,7 @@
11330
11387
  text-overflow: ellipsis;
11331
11388
  white-space: nowrap;
11332
11389
  }
11333
- ._eventCalendarMonthMoreEvents_58b8y_1010 {
11390
+ ._eventCalendarMonthMoreEvents_1sxmx_1055 {
11334
11391
  color: var(--text-neutral-primary);
11335
11392
  font-family: var(--label-lg-family);
11336
11393
  font-size: var(--label-lg-size);
@@ -11340,7 +11397,7 @@
11340
11397
  line-height: var(--label-lg-line-height);
11341
11398
  padding-inline-start: var(--space-4xs);
11342
11399
  }
11343
- ._eventCalendarYearView_58b8y_1022 {
11400
+ ._eventCalendarYearView_1sxmx_1067 {
11344
11401
  background-color: var(--surface-neutral-primary);
11345
11402
  block-size: 100%;
11346
11403
  display: grid;
@@ -11349,24 +11406,24 @@
11349
11406
  overflow-y: auto;
11350
11407
  padding: var(--space-xl);
11351
11408
  }
11352
- ._eventCalendarMiniCalendar_58b8y_1033 {
11409
+ ._eventCalendarMiniCalendar_1sxmx_1078 {
11353
11410
  background-color: transparent !important;
11354
11411
  inline-size: auto !important;
11355
11412
  }
11356
- ._eventCalendarYearMonthItem_58b8y_1039 {
11413
+ ._eventCalendarYearMonthItem_1sxmx_1084 {
11357
11414
  display: flex;
11358
11415
  flex-direction: column;
11359
11416
  gap: var(--space-sm);
11360
11417
  max-inline-size: 320px;
11361
11418
  }
11362
- ._eventCalendarYearMonthTitle_58b8y_1046 {
11419
+ ._eventCalendarYearMonthTitle_1sxmx_1091 {
11363
11420
  color: var(--text-neutral-primary);
11364
11421
  font-family: var(--title-md-family);
11365
11422
  font-size: var(--title-md-size);
11366
11423
  font-weight: var(--typeface-weight-medium);
11367
11424
  padding-inline-start: var(--space-2xs);
11368
11425
  }
11369
- ._eventCalendarScheduleView_58b8y_1055 {
11426
+ ._eventCalendarScheduleView_1sxmx_1100 {
11370
11427
  background-color: var(--surface-neutral-primary);
11371
11428
  block-size: 100%;
11372
11429
  display: flex;
@@ -11374,7 +11431,7 @@
11374
11431
  min-block-size: 0;
11375
11432
  position: relative;
11376
11433
  }
11377
- ._eventCalendarScheduleView_58b8y_1055:before {
11434
+ ._eventCalendarScheduleView_1sxmx_1100:before {
11378
11435
  background:
11379
11436
  linear-gradient(
11380
11437
  to bottom,
@@ -11389,7 +11446,7 @@
11389
11446
  transition: opacity .2s ease;
11390
11447
  z-index: 30;
11391
11448
  }
11392
- ._eventCalendarScheduleView_58b8y_1055:after {
11449
+ ._eventCalendarScheduleView_1sxmx_1100:after {
11393
11450
  background:
11394
11451
  linear-gradient(
11395
11452
  to top,
@@ -11404,15 +11461,15 @@
11404
11461
  transition: opacity .2s ease;
11405
11462
  z-index: 30;
11406
11463
  }
11407
- ._eventCalendarScheduleContent_58b8y_1094 {
11464
+ ._eventCalendarScheduleContent_1sxmx_1139 {
11408
11465
  display: flex;
11409
11466
  flex-direction: column;
11410
11467
  }
11411
- ._eventCalendarScheduleDayRow_58b8y_1099 {
11468
+ ._eventCalendarScheduleDayRow_1sxmx_1144 {
11412
11469
  display: flex;
11413
11470
  margin-block-end: var(--space-sm);
11414
11471
  }
11415
- ._eventCalendarScheduleDayHeader_58b8y_1104 {
11472
+ ._eventCalendarScheduleDayHeader_1sxmx_1149 {
11416
11473
  align-items: center;
11417
11474
  box-sizing: border-box;
11418
11475
  display: flex;
@@ -11421,7 +11478,7 @@
11421
11478
  inline-size: 60px;
11422
11479
  padding: var(--space-4xs);
11423
11480
  }
11424
- ._eventCalendarScheduleDayDate_58b8y_1114 {
11481
+ ._eventCalendarScheduleDayDate_1sxmx_1159 {
11425
11482
  align-items: center;
11426
11483
  box-sizing: border-box;
11427
11484
  display: flex;
@@ -11432,27 +11489,27 @@
11432
11489
  min-block-size: 64px;
11433
11490
  padding-block-start: var(--space-xs);
11434
11491
  }
11435
- ._eventCalendarScheduleDayToday_58b8y_1126 {
11492
+ ._eventCalendarScheduleDayToday_1sxmx_1171 {
11436
11493
  background-color: transparent;
11437
11494
  border: var(--border-md) solid var(--border-neutral-primary);
11438
11495
  border-radius: var(--radius-2xs);
11439
11496
  color: var(--text-neutral-primary);
11440
11497
  }
11441
- ._eventCalendarScheduleDayNumber_58b8y_1133 {
11498
+ ._eventCalendarScheduleDayNumber_1sxmx_1178 {
11442
11499
  font-family: var(--title-md-family);
11443
11500
  font-size: var(--title-md-size);
11444
11501
  font-weight: var(--title-md-weight-emphasize);
11445
11502
  }
11446
- ._eventCalendarScheduleDayName_58b8y_1139 {
11503
+ ._eventCalendarScheduleDayName_1sxmx_1184 {
11447
11504
  color: var(--text-neutral-secondary);
11448
11505
  font-size: var(--body-sm-size);
11449
11506
  margin-block-start: var(--space-5xs);
11450
11507
  }
11451
- ._eventCalendarScheduleDayToday_58b8y_1126 ._eventCalendarScheduleDayName_58b8y_1139 {
11508
+ ._eventCalendarScheduleDayToday_1sxmx_1171 ._eventCalendarScheduleDayName_1sxmx_1184 {
11452
11509
  color: var(--text-neutral-secondary);
11453
11510
  opacity: 1;
11454
11511
  }
11455
- ._eventCalendarScheduleDayEvents_58b8y_1150 {
11512
+ ._eventCalendarScheduleDayEvents_1sxmx_1195 {
11456
11513
  display: flex;
11457
11514
  flex: 1;
11458
11515
  flex-direction: column;
@@ -11460,7 +11517,7 @@
11460
11517
  min-inline-size: 0;
11461
11518
  padding: var(--space-4xs);
11462
11519
  }
11463
- ._eventCalendarScheduleEventCard_58b8y_1159 {
11520
+ ._eventCalendarScheduleEventCard_1sxmx_1204 {
11464
11521
  block-size: auto !important;
11465
11522
  flex-shrink: 0;
11466
11523
  inline-size: 100% !important;
@@ -11469,7 +11526,7 @@
11469
11526
  min-block-size: 64px;
11470
11527
  position: relative !important;
11471
11528
  }
11472
- ._eventCalendarScheduleTimeIndicator_58b8y_1169 {
11529
+ ._eventCalendarScheduleTimeIndicator_1sxmx_1214 {
11473
11530
  block-size: 0;
11474
11531
  display: flex;
11475
11532
  inline-size: 100%;
@@ -11478,7 +11535,7 @@
11478
11535
  position: relative;
11479
11536
  z-index: var(--z-index-docked);
11480
11537
  }
11481
- ._eventCalendarScheduleTimeBadge_58b8y_1179 {
11538
+ ._eventCalendarScheduleTimeBadge_1sxmx_1224 {
11482
11539
  align-items: center;
11483
11540
  background-color: var(--surface-neutral-primary-inverse);
11484
11541
  border-radius: var(--radius-full);
@@ -11493,7 +11550,7 @@
11493
11550
  white-space: nowrap;
11494
11551
  z-index: 1;
11495
11552
  }
11496
- ._eventCalendarScheduleTimeIndicator_58b8y_1169:before {
11553
+ ._eventCalendarScheduleTimeIndicator_1sxmx_1214:before {
11497
11554
  background-color: var(--surface-neutral-primary-inverse);
11498
11555
  block-size: 6px;
11499
11556
  border: none;
@@ -11506,15 +11563,15 @@
11506
11563
  transform: translate(-50%, -50%);
11507
11564
  z-index: 1;
11508
11565
  }
11509
- ._eventCalendarScheduleTimeLine_58b8y_1212 {
11566
+ ._eventCalendarScheduleTimeLine_1sxmx_1257 {
11510
11567
  background-color: var(--surface-neutral-primary-inverse);
11511
11568
  block-size: 2px;
11512
11569
  inset-block-start: -1px;
11513
11570
  inset-inline: 0;
11514
11571
  position: absolute;
11515
11572
  }
11516
- ._eventCalendarEventRejected_58b8y_677 ._eventCalendarEventTitle_58b8y_731,
11517
- ._eventCalendarEventRejected_58b8y_677 ._eventCalendarMonthEventTitle_58b8y_977 {
11573
+ ._eventCalendarEventRejected_1sxmx_722 ._eventCalendarEventTitle_1sxmx_776,
11574
+ ._eventCalendarEventRejected_1sxmx_722 ._eventCalendarMonthEventTitle_1sxmx_1022 {
11518
11575
  text-decoration: line-through;
11519
11576
  }
11520
11577
  ._fabRoot_3hno1_8 {
@@ -14935,7 +14992,7 @@
14935
14992
  font-size: var(--label-sm-size);
14936
14993
  font-weight: var(--typeface-weight-medium);
14937
14994
  }
14938
- ._tabsRoot_1tz2f_5 {
14995
+ ._tabsRoot_y6fdg_5 {
14939
14996
  display: block;
14940
14997
  max-inline-size: 100%;
14941
14998
  overflow: hidden;
@@ -14943,54 +15000,54 @@
14943
15000
  scrollbar-width: none;
14944
15001
  transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
14945
15002
  }
14946
- ._tabsRootElevated_1tz2f_17 {
15003
+ ._tabsRootElevated_y6fdg_17 {
14947
15004
  background-color: var(--surface-neutral-elevator);
14948
15005
  box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
14949
15006
  }
14950
- ._tabsRootSticky_1tz2f_26 {
15007
+ ._tabsRootSticky_y6fdg_26 {
14951
15008
  background-color: transparent;
14952
15009
  inset-block-start: 0;
14953
15010
  position: sticky;
14954
15011
  transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out), box-shadow var(--motion-duration-normal) var(--motion-ease-in-out);
14955
15012
  z-index: var(--z-index-decorator);
14956
15013
  }
14957
- ._tabsRootPill_1tz2f_38 {
15014
+ ._tabsRootPill_y6fdg_38 {
14958
15015
  background-color: var(--surface-neutral-secondary);
14959
15016
  border-radius: var(--radius-full);
14960
15017
  padding: var(--space-3xs);
14961
15018
  }
14962
- ._tabsRootPill_1tz2f_38 ._tabsIndicator_1tz2f_44 {
15019
+ ._tabsRootPill_y6fdg_38 ._tabsIndicator_y6fdg_44 {
14963
15020
  background-color: var(--surface-neutral-primary);
14964
15021
  box-shadow: var(--shadow-sm);
14965
15022
  inset-block: var(--space-3xs);
14966
15023
  }
14967
- ._tabsRootSmall_1tz2f_51 ._tabsTab_1tz2f_51 {
15024
+ ._tabsRootSmall_y6fdg_51 ._tabsTab_y6fdg_51 {
14968
15025
  block-size: var(--dimensions-32);
14969
15026
  font-size: var(--label-md-size);
14970
15027
  }
14971
- ._tabsRootMedium_1tz2f_56 ._tabsTab_1tz2f_51 {
15028
+ ._tabsRootMedium_y6fdg_56 ._tabsTab_y6fdg_51 {
14972
15029
  block-size: var(--dimensions-44);
14973
15030
  }
14974
- ._tabsRootLarge_1tz2f_60 ._tabsTab_1tz2f_51 {
15031
+ ._tabsRootLarge_y6fdg_60 ._tabsTab_y6fdg_51 {
14975
15032
  block-size: var(--dimensions-56);
14976
15033
  font-size: var(--title-sm-size);
14977
15034
  }
14978
- ._tabsRootPill_1tz2f_38 ._tabsTab_1tz2f_51 {
15035
+ ._tabsRootPill_y6fdg_38 ._tabsTab_y6fdg_51 {
14979
15036
  border-radius: var(--radius-full);
14980
15037
  padding-block: 0;
14981
15038
  z-index: 1;
14982
15039
  }
14983
- ._tabsRootPill_1tz2f_38 ._tabsTabActive_1tz2f_72 {
15040
+ ._tabsRootPill_y6fdg_38 ._tabsTabActive_y6fdg_72 {
14984
15041
  color: var(--text-neutral-primary);
14985
15042
  }
14986
- ._tabsRootPill_1tz2f_38 ._tabsTabContent_1tz2f_76:after {
15043
+ ._tabsRootPill_y6fdg_38 ._tabsTabContent_y6fdg_76:after {
14987
15044
  display: none;
14988
15045
  }
14989
- ._tabsRootStuck_1tz2f_82 {
15046
+ ._tabsRootStuck_y6fdg_82 {
14990
15047
  background-color: var(--surface-neutral-elevator);
14991
15048
  box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
14992
15049
  }
14993
- ._tabsScrollContainer_1tz2f_92 {
15050
+ ._tabsScrollContainer_y6fdg_92 {
14994
15051
  --tabs-fade-left: 0px;
14995
15052
  --tabs-fade-right: 0px;
14996
15053
  --tabs-nav-left: 0px;
@@ -15028,10 +15085,10 @@
15028
15085
  mask-position: 0 0;
15029
15086
  -webkit-mask-position: 0 0;
15030
15087
  }
15031
- ._tabsScrollContainer_1tz2f_92::-webkit-scrollbar {
15088
+ ._tabsScrollContainer_y6fdg_92::-webkit-scrollbar {
15032
15089
  display: none;
15033
15090
  }
15034
- ._tabsMaskWrapper_1tz2f_134 {
15091
+ ._tabsMaskWrapper_y6fdg_134 {
15035
15092
  display: flex;
15036
15093
  flex-grow: 1;
15037
15094
  min-inline-size: 0;
@@ -15040,7 +15097,7 @@
15040
15097
  width: 100%;
15041
15098
  z-index: 0;
15042
15099
  }
15043
- ._tabsList_1tz2f_144 {
15100
+ ._tabsList_y6fdg_144 {
15044
15101
  box-sizing: border-box;
15045
15102
  display: flex;
15046
15103
  gap: var(--space-sm);
@@ -15050,27 +15107,27 @@
15050
15107
  overflow-x: auto;
15051
15108
  padding-block: 0;
15052
15109
  padding-block-end: var(--dimensions-1);
15053
- padding-inline: var(--dimensions-4) var(--dimensions-4);
15110
+ padding-inline: 0 var(--dimensions-4);
15054
15111
  position: relative;
15055
15112
  scrollbar-width: none;
15056
15113
  z-index: 0;
15057
15114
  }
15058
- ._tabsList_1tz2f_144::-webkit-scrollbar {
15115
+ ._tabsList_y6fdg_144::-webkit-scrollbar {
15059
15116
  display: none;
15060
15117
  }
15061
- ._tabsListPadded_1tz2f_166 {
15118
+ ._tabsListPadded_y6fdg_166 {
15062
15119
  padding-inline-end: var(--tabs-padding, var(--space-sm));
15063
15120
  }
15064
15121
  @media (hover: hover) and (pointer: fine) {
15065
- ._tabsScrollContainer_1tz2f_92 {
15122
+ ._tabsScrollContainer_y6fdg_92 {
15066
15123
  --tabs-nav-left-effective: var(--tabs-nav-left);
15067
15124
  --tabs-nav-right-effective: var(--tabs-nav-right);
15068
15125
  }
15069
- ._tabsNavButton_1tz2f_176 {
15126
+ ._tabsNavButton_y6fdg_176 {
15070
15127
  display: flex;
15071
15128
  }
15072
15129
  }
15073
- ._tabsNavSlot_1tz2f_181 {
15130
+ ._tabsNavSlot_y6fdg_181 {
15074
15131
  align-items: center;
15075
15132
  display: flex;
15076
15133
  inline-size: var(--dimensions-44);
@@ -15081,18 +15138,18 @@
15081
15138
  transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
15082
15139
  z-index: 2;
15083
15140
  }
15084
- ._tabsNavSlotLeft_1tz2f_193 {
15141
+ ._tabsNavSlotLeft_y6fdg_193 {
15085
15142
  inset-inline-start: 0;
15086
15143
  justify-content: flex-start;
15087
15144
  }
15088
- ._tabsNavSlotRight_1tz2f_198 {
15145
+ ._tabsNavSlotRight_y6fdg_198 {
15089
15146
  inset-inline-end: 0;
15090
15147
  justify-content: flex-end;
15091
15148
  }
15092
- ._tabsGradientVisible_1tz2f_203 {
15149
+ ._tabsGradientVisible_y6fdg_203 {
15093
15150
  opacity: 1;
15094
15151
  }
15095
- ._tabsTab_1tz2f_51 {
15152
+ ._tabsTab_y6fdg_51 {
15096
15153
  align-items: center;
15097
15154
  background: none;
15098
15155
  block-size: var(--dimensions-44);
@@ -15115,7 +15172,7 @@
15115
15172
  transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
15116
15173
  white-space: nowrap;
15117
15174
  }
15118
- ._tabsNavButton_1tz2f_176 {
15175
+ ._tabsNavButton_y6fdg_176 {
15119
15176
  align-items: center;
15120
15177
  background: var(--surface-neutral-primary);
15121
15178
  block-size: var(--dimensions-32);
@@ -15132,10 +15189,10 @@
15132
15189
  transition: all var(--motion-duration-normal) ease-in-out;
15133
15190
  z-index: 3;
15134
15191
  }
15135
- ._tabsGradientVisible_1tz2f_203 ._tabsNavButton_1tz2f_176 {
15192
+ ._tabsGradientVisible_y6fdg_203 ._tabsNavButton_y6fdg_176 {
15136
15193
  pointer-events: auto;
15137
15194
  }
15138
- ._tabsNavButton_1tz2f_176:after {
15195
+ ._tabsNavButton_y6fdg_176:after {
15139
15196
  background-color: transparent;
15140
15197
  content: "";
15141
15198
  inset: 0;
@@ -15144,30 +15201,30 @@
15144
15201
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
15145
15202
  z-index: 0;
15146
15203
  }
15147
- ._tabsNavButton_1tz2f_176:hover:after {
15204
+ ._tabsNavButton_y6fdg_176:hover:after {
15148
15205
  background-color: var(--surface-state-hover);
15149
15206
  }
15150
- ._tabsNavButton_1tz2f_176 svg {
15207
+ ._tabsNavButton_y6fdg_176 svg {
15151
15208
  block-size: var(--dimensions-20);
15152
15209
  inline-size: var(--dimensions-20);
15153
15210
  position: relative;
15154
15211
  z-index: 1;
15155
15212
  }
15156
- ._tabsRootStuck_1tz2f_82 ._tabsNavButton_1tz2f_176,
15157
- ._tabsRootElevated_1tz2f_17 ._tabsNavButton_1tz2f_176 {
15213
+ ._tabsRootStuck_y6fdg_82 ._tabsNavButton_y6fdg_176,
15214
+ ._tabsRootElevated_y6fdg_17 ._tabsNavButton_y6fdg_176 {
15158
15215
  background: var(--surface-neutral-elevator);
15159
15216
  }
15160
- ._tabsTab_1tz2f_51:hover:not(:disabled),
15161
- ._tabsTab_1tz2f_51:active:not(:disabled),
15162
- ._tabsTab_1tz2f_51:focus-visible:not(:disabled) {
15217
+ ._tabsTab_y6fdg_51:hover:not(:disabled),
15218
+ ._tabsTab_y6fdg_51:active:not(:disabled),
15219
+ ._tabsTab_y6fdg_51:focus-visible:not(:disabled) {
15163
15220
  color: var(--text-neutral-primary);
15164
15221
  }
15165
- ._tabsTabActive_1tz2f_72 {
15222
+ ._tabsTabActive_y6fdg_72 {
15166
15223
  color: var(--text-neutral-primary);
15167
15224
  }
15168
- ._tabsTab_1tz2f_51:hover:not(:disabled, ._tabsTabActive_1tz2f_72) ._tabsTabContent_1tz2f_76:before,
15169
- ._tabsTab_1tz2f_51:active:not(:disabled, ._tabsTabActive_1tz2f_72) ._tabsTabContent_1tz2f_76:before,
15170
- ._tabsTab_1tz2f_51:focus-visible:not(:disabled, ._tabsTabActive_1tz2f_72) ._tabsTabContent_1tz2f_76:before {
15225
+ ._tabsTab_y6fdg_51:hover:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before,
15226
+ ._tabsTab_y6fdg_51:active:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before,
15227
+ ._tabsTab_y6fdg_51:focus-visible:not(:disabled, ._tabsTabActive_y6fdg_72) ._tabsTabContent_y6fdg_76:before {
15171
15228
  background-color: var(--surface-state-hover);
15172
15229
  block-size: var(--dimensions-2);
15173
15230
  border-radius: var(--radius-full);
@@ -15177,7 +15234,7 @@
15177
15234
  position: absolute;
15178
15235
  z-index: var(--z-index-base);
15179
15236
  }
15180
- ._tabsTabContent_1tz2f_76 {
15237
+ ._tabsTabContent_y6fdg_76 {
15181
15238
  align-items: center;
15182
15239
  block-size: auto;
15183
15240
  border-radius: var(--radius-2xs);
@@ -15189,7 +15246,7 @@
15189
15246
  position: relative;
15190
15247
  transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out);
15191
15248
  }
15192
- ._tabsTabContent_1tz2f_76:after {
15249
+ ._tabsTabContent_y6fdg_76:after {
15193
15250
  background-color: transparent;
15194
15251
  border-radius: inherit;
15195
15252
  content: "";
@@ -15199,47 +15256,47 @@
15199
15256
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
15200
15257
  z-index: 0;
15201
15258
  }
15202
- ._tabsTab_1tz2f_51:hover:not(:disabled) ._tabsTabContent_1tz2f_76:after,
15203
- ._tabsTab_1tz2f_51:focus-visible:not(:disabled) ._tabsTabContent_1tz2f_76:after {
15259
+ ._tabsTab_y6fdg_51:hover:not(:disabled) ._tabsTabContent_y6fdg_76:after,
15260
+ ._tabsTab_y6fdg_51:focus-visible:not(:disabled) ._tabsTabContent_y6fdg_76:after {
15204
15261
  background-color: var(--surface-state-hover);
15205
15262
  }
15206
- ._tabsTab_1tz2f_51:focus-visible:not(:disabled) ._tabsTabContent_1tz2f_76:after {
15263
+ ._tabsTab_y6fdg_51:focus-visible:not(:disabled) ._tabsTabContent_y6fdg_76:after {
15207
15264
  box-shadow: inset 0 0 0 var(--dimensions-2) var(--border-state-focus);
15208
15265
  }
15209
- ._tabsTab_1tz2f_51:active:not(:disabled) ._tabsTabContent_1tz2f_76:after {
15266
+ ._tabsTab_y6fdg_51:active:not(:disabled) ._tabsTabContent_y6fdg_76:after {
15210
15267
  background-color: var(--surface-state-press);
15211
15268
  }
15212
- ._tabsTabContent_1tz2f_76 > * {
15269
+ ._tabsTabContent_y6fdg_76 > * {
15213
15270
  position: relative;
15214
15271
  z-index: 1;
15215
15272
  }
15216
- ._tabsTabStacked_1tz2f_376 ._tabsTabContent_1tz2f_76 {
15273
+ ._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
15217
15274
  border-radius: var(--radius-2xs);
15218
15275
  flex-direction: column;
15219
15276
  }
15220
- ._tabsTabTextOnly_1tz2f_381 {
15277
+ ._tabsTabTextOnly_y6fdg_381 {
15221
15278
  --tabs-indicator-offset: -7px;
15222
15279
  padding-block: var(--space-3xs) var(--space-2xs);
15223
15280
  }
15224
- ._tabsTabTextOnly_1tz2f_381 ._tabsTabContent_1tz2f_76 {
15281
+ ._tabsTabTextOnly_y6fdg_381 ._tabsTabContent_y6fdg_76 {
15225
15282
  block-size: auto;
15226
15283
  }
15227
- ._tabsTabIconOnly_1tz2f_398 {
15284
+ ._tabsTabIconOnly_y6fdg_398 {
15228
15285
  block-size: var(--dimensions-44);
15229
15286
  inline-size: var(--dimensions-44);
15230
15287
  padding-inline: var(--dimensions-6) var(--dimensions-6);
15231
15288
  }
15232
- ._tabsTabIcon_1tz2f_398 {
15289
+ ._tabsTabIcon_y6fdg_398 {
15233
15290
  align-items: center;
15234
15291
  color: inherit;
15235
15292
  display: flex;
15236
15293
  justify-content: center;
15237
15294
  }
15238
- ._tabsTabIcon_1tz2f_398 svg {
15295
+ ._tabsTabIcon_y6fdg_398 svg {
15239
15296
  block-size: var(--dimensions-24);
15240
15297
  inline-size: var(--dimensions-24);
15241
15298
  }
15242
- ._tabsTabChevron_1tz2f_421 {
15299
+ ._tabsTabChevron_y6fdg_421 {
15243
15300
  align-items: center;
15244
15301
  border-radius: var(--radius-full);
15245
15302
  display: flex;
@@ -15251,17 +15308,17 @@
15251
15308
  position: relative;
15252
15309
  transition: background-color var(--motion-duration-normal) var(--motion-ease-in-out), transform var(--motion-duration-normal) var(--motion-ease-in-out);
15253
15310
  }
15254
- ._tabsTabChevron_1tz2f_421 svg {
15311
+ ._tabsTabChevron_y6fdg_421 svg {
15255
15312
  block-size: var(--dimensions-20);
15256
15313
  inline-size: var(--dimensions-20);
15257
15314
  position: relative;
15258
15315
  transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
15259
15316
  z-index: 1;
15260
15317
  }
15261
- ._tabsTabChevronRotated_1tz2f_451 svg {
15318
+ ._tabsTabChevronRotated_y6fdg_451 svg {
15262
15319
  transform: rotate(180deg);
15263
15320
  }
15264
- ._tabsIndicator_1tz2f_44 {
15321
+ ._tabsIndicator_y6fdg_44 {
15265
15322
  background-color: var(--foreground-neutral-primary);
15266
15323
  block-size: var(--dimensions-2);
15267
15324
  border-radius: var(--radius-full);
@@ -15270,14 +15327,14 @@
15270
15327
  transition: inset-inline-start var(--motion-duration-medium) var(--motion-ease-standard), inline-size var(--motion-duration-medium) var(--motion-ease-standard);
15271
15328
  z-index: var(--z-index-base);
15272
15329
  }
15273
- ._tabsTab_1tz2f_51:disabled {
15330
+ ._tabsTab_y6fdg_51:disabled {
15274
15331
  cursor: not-allowed;
15275
15332
  opacity: var(--opacity-disabled);
15276
15333
  }
15277
- ._tabsTab_1tz2f_51:focus-visible {
15334
+ ._tabsTab_y6fdg_51:focus-visible {
15278
15335
  outline: none;
15279
15336
  }
15280
- ._tabsTab_1tz2f_51._tabsTabStacked_1tz2f_376 {
15337
+ ._tabsTab_y6fdg_51._tabsTabStacked_y6fdg_376 {
15281
15338
  --tabs-indicator-offset: -5px;
15282
15339
  block-size: var(--dimensions-68);
15283
15340
  flex-direction: column;
@@ -15289,17 +15346,20 @@
15289
15346
  line-height: var(--label-md-line-height);
15290
15347
  padding-block: var(--space-2xs) var(--space-2xs);
15291
15348
  }
15292
- ._tabsTabStacked_1tz2f_376 ._tabsTabContent_1tz2f_76 {
15349
+ ._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
15293
15350
  border-radius: var(--radius-sm);
15294
15351
  flex-direction: column;
15295
15352
  }
15296
- ._textAreaRoot_12ple_1 {
15353
+ ._textAreaRoot_l8j9m_1 {
15297
15354
  display: flex;
15298
15355
  flex-direction: column;
15299
15356
  font-family: var(--body-lg-family);
15300
15357
  inline-size: 100%;
15301
15358
  }
15302
- ._textAreaOutsideLabel_12ple_8 {
15359
+ ._widthAuto_l8j9m_8 {
15360
+ inline-size: auto;
15361
+ }
15362
+ ._textAreaOutsideLabel_l8j9m_12 {
15303
15363
  color: var(--text-neutral-primary);
15304
15364
  display: block;
15305
15365
  font-family: var(--title-md-family);
@@ -15309,10 +15369,10 @@
15309
15369
  line-height: var(--title-md-line-height);
15310
15370
  margin-block-end: var(--space-5xs);
15311
15371
  }
15312
- ._textAreaRequiredIndicator_12ple_19 {
15372
+ ._textAreaRequiredIndicator_l8j9m_23 {
15313
15373
  color: var(--text-state-error);
15314
15374
  }
15315
- ._textAreaInput_12ple_23 {
15375
+ ._textAreaInput_l8j9m_27 {
15316
15376
  background-color: transparent;
15317
15377
  border: var(--border-sm) solid var(--border-neutral-tertiary);
15318
15378
  border-radius: var(--radius-2xs);
@@ -15329,57 +15389,57 @@
15329
15389
  padding: var(--space-2xs) var(--space-xs);
15330
15390
  transition: all var(--motion-duration-normal) var(--motion-ease-standard);
15331
15391
  }
15332
- ._textAreaInput_12ple_23::placeholder {
15392
+ ._textAreaInput_l8j9m_27::placeholder {
15333
15393
  color: var(--text-neutral-secondary);
15334
15394
  }
15335
- ._textAreaInput_12ple_23::selection {
15395
+ ._textAreaInput_l8j9m_27::selection {
15336
15396
  background-color: var(--surface-state-press);
15337
15397
  color: var(--text-neutral-primary);
15338
15398
  }
15339
- ._textAreaInput_12ple_23:hover:not(._disabled_12ple_55, ._error_12ple_55) {
15399
+ ._textAreaInput_l8j9m_27:hover:not(._disabled_l8j9m_59, ._error_l8j9m_59) {
15340
15400
  background-color: var(--surface-state-hover);
15341
15401
  border-color: var(--border-state-hover);
15342
15402
  }
15343
- ._textAreaInput_12ple_23:focus-visible:not(._disabled_12ple_55, ._error_12ple_55) {
15403
+ ._textAreaInput_l8j9m_27:focus-visible:not(._disabled_l8j9m_59, ._error_l8j9m_59) {
15344
15404
  background-color: var(--surface-state-hover);
15345
15405
  border-color: var(--border-state-focus);
15346
15406
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
15347
15407
  }
15348
- ._focused_12ple_69:not(._error_12ple_55) {
15408
+ ._focused_l8j9m_73:not(._error_l8j9m_59) {
15349
15409
  background-color: transparent;
15350
15410
  border-color: var(--border-state-focus);
15351
15411
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
15352
15412
  }
15353
- ._error_12ple_55 {
15413
+ ._error_l8j9m_59 {
15354
15414
  background-color: var(--surface-accent-red-subtle);
15355
15415
  border-color: var(--border-state-error);
15356
15416
  }
15357
- ._focused_12ple_69._error_12ple_55 {
15417
+ ._focused_l8j9m_73._error_l8j9m_59 {
15358
15418
  box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
15359
15419
  }
15360
- ._disabled_12ple_55 {
15420
+ ._disabled_l8j9m_59 {
15361
15421
  background-color: var(--surface-state-disabled);
15362
15422
  cursor: not-allowed;
15363
15423
  opacity: var(--opacity-disabled);
15364
15424
  }
15365
- ._textAreaFooter_12ple_97 {
15425
+ ._textAreaFooter_l8j9m_101 {
15366
15426
  align-items: center;
15367
15427
  display: flex;
15368
15428
  gap: var(--space-xs);
15369
15429
  justify-content: space-between;
15370
15430
  margin-block-start: var(--space-5xs);
15371
15431
  }
15372
- ._textAreaHelperText_12ple_105 {
15432
+ ._textAreaHelperText_l8j9m_109 {
15373
15433
  color: var(--text-neutral-primary);
15374
15434
  font-family: var(--body-sm-family);
15375
15435
  font-size: var(--body-sm-size);
15376
15436
  font-weight: var(--body-sm-weight);
15377
15437
  line-height: var(--body-sm-line-height);
15378
15438
  }
15379
- ._textAreaErrorText_12ple_113 {
15439
+ ._textAreaErrorText_l8j9m_117 {
15380
15440
  color: var(--text-state-error);
15381
15441
  }
15382
- ._textAreaCharCount_12ple_117 {
15442
+ ._textAreaCharCount_l8j9m_121 {
15383
15443
  color: var(--text-neutral-primary);
15384
15444
  font-family: var(--body-sm-family);
15385
15445
  font-size: var(--body-sm-size);
@@ -15926,7 +15986,7 @@
15926
15986
  border-radius: 0 !important;
15927
15987
  margin: 0 !important;
15928
15988
  }
15929
- ._root_1cjar_1 {
15989
+ ._root_1sjpo_1 {
15930
15990
  background-color: var(--surface-neutral-primary);
15931
15991
  color: var(--text-neutral-primary);
15932
15992
  display: flex;
@@ -15935,18 +15995,25 @@
15935
15995
  min-block-size: 100dvh;
15936
15996
  position: relative;
15937
15997
  }
15938
- ._hero_1cjar_11 {
15998
+ ._hero_1sjpo_11 {
15939
15999
  background-color: var(--surface-neutral-primary);
15940
16000
  padding-block: var(--space-xl) var(--space-xl);
15941
16001
  }
15942
- ._header_1cjar_16 {
16002
+ ._header_1sjpo_16 {
15943
16003
  background-color: var(--surface-neutral-primary);
15944
16004
  flex-shrink: 0;
15945
16005
  inset-block-start: 0;
15946
16006
  position: sticky;
15947
16007
  z-index: var(--z-index-sticky);
15948
16008
  }
15949
- ._subHeader_1cjar_24 {
16009
+ ._headerWrapper_1sjpo_24 {
16010
+ inline-size: 100%;
16011
+ }
16012
+ ._headerWrapperSubHeaderStuck_1sjpo_28 .phx-app-bar {
16013
+ border-block-end: none;
16014
+ box-shadow: none;
16015
+ }
16016
+ ._subHeader_1sjpo_33 {
15950
16017
  background-color: var(--surface-neutral-primary);
15951
16018
  flex-shrink: 0;
15952
16019
  inset-block-start: 0;
@@ -15954,12 +16021,12 @@
15954
16021
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), transform var(--motion-duration-medium) var(--motion-ease-standard);
15955
16022
  z-index: calc(var(--z-index-sticky) - 1);
15956
16023
  }
15957
- ._subHeaderStuck_1cjar_35 {
16024
+ ._subHeaderStuck_1sjpo_44 {
15958
16025
  background-color: var(--surface-neutral-elevator);
15959
16026
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
15960
16027
  box-shadow: var(--shadow-sm);
15961
16028
  }
15962
- ._main_1cjar_42 {
16029
+ ._main_1sjpo_51 {
15963
16030
  display: flex;
15964
16031
  flex: 1;
15965
16032
  flex-direction: column;
@@ -15967,23 +16034,24 @@
15967
16034
  min-block-size: 0;
15968
16035
  overflow-y: auto;
15969
16036
  }
15970
- ._content_1cjar_51 {
16037
+ ._content_1sjpo_60 {
15971
16038
  display: flex;
15972
16039
  flex: 1;
15973
16040
  flex-direction: column;
15974
16041
  inline-size: 100%;
15975
16042
  }
15976
- ._footer_1cjar_58 {
15977
- background-color: var(--surface-neutral-primary);
15978
- border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
16043
+ ._footer_1sjpo_67 {
16044
+ background-color: transparent;
16045
+ border-block-start: var(--border-sm) solid transparent;
15979
16046
  flex-shrink: 0;
15980
16047
  inline-size: 100%;
15981
16048
  inset-block-end: 0;
16049
+ min-block-size: calc(var(--dimensions-68) + env(safe-area-inset-bottom));
15982
16050
  padding-block-end: env(safe-area-inset-bottom);
15983
16051
  position: sticky;
15984
16052
  z-index: var(--z-index-sticky);
15985
16053
  }
15986
- ._sentinel_1cjar_70 {
16054
+ ._sentinel_1sjpo_80 {
15987
16055
  block-size: 1px;
15988
16056
  inline-size: 100%;
15989
16057
  inset-block-start: 0;
@@ -16226,27 +16294,25 @@
16226
16294
  ._footerSpacer_1gg05_169 {
16227
16295
  block-size: 34px;
16228
16296
  }
16229
- ._dashboardRoot_1ouqv_1 {
16297
+ ._dashboardRoot_qze8t_1 {
16230
16298
  background-color: var(--surface-neutral-primary);
16231
16299
  display: flex;
16232
16300
  min-block-size: 100vh;
16233
16301
  }
16234
- ._mainWrapper_1ouqv_7 {
16302
+ ._mainWrapper_qze8t_7 {
16235
16303
  display: flex;
16236
16304
  flex-direction: column;
16237
16305
  flex-grow: 1;
16238
16306
  min-inline-size: 0;
16239
16307
  }
16240
- ._sentinel_1ouqv_14 {
16308
+ ._sentinel_qze8t_14 {
16241
16309
  block-size: 1px;
16242
16310
  inline-size: 100%;
16243
- inset-block-start: 0;
16311
+ margin-block-end: calc(-1 * var(--dimensions-1));
16244
16312
  opacity: 0;
16245
16313
  pointer-events: none;
16246
- position: absolute;
16247
- z-index: -1;
16248
16314
  }
16249
- ._dashboardHeader_1ouqv_25 {
16315
+ ._dashboardHeader_qze8t_22 {
16250
16316
  background-color: var(--surface-neutral-primary);
16251
16317
  flex-shrink: 0;
16252
16318
  inline-size: 100%;
@@ -16255,21 +16321,21 @@
16255
16321
  transition: background-color var(--motion-duration-normal) ease-in-out, box-shadow var(--motion-duration-normal) ease-in-out;
16256
16322
  z-index: 500;
16257
16323
  }
16258
- ._dashboardHeaderStuck_1ouqv_36 {
16324
+ ._dashboardHeaderStuck_qze8t_33 {
16259
16325
  background-color: var(--surface-neutral-primary);
16260
16326
  box-shadow: none;
16261
16327
  }
16262
- ._dashboardHeaderStuckNoShadow_1ouqv_42 {
16328
+ ._dashboardHeaderStuckNoShadow_qze8t_39 {
16263
16329
  -webkit-backdrop-filter: blur(12px);
16264
16330
  backdrop-filter: blur(12px);
16265
16331
  background-color: var(--surface-neutral-primary);
16266
16332
  box-shadow: none;
16267
16333
  }
16268
- ._dashboardHero_1ouqv_48 {
16334
+ ._dashboardHero_qze8t_45 {
16269
16335
  background-color: var(--surface-neutral-primary);
16270
16336
  padding-block: var(--space-xl) var(--space-xl);
16271
16337
  }
16272
- ._dashboardSubHeader_1ouqv_53 {
16338
+ ._dashboardSubHeader_qze8t_50 {
16273
16339
  background-color: var(--surface-neutral-primary);
16274
16340
  display: grid;
16275
16341
  grid-template-rows: 1fr;
@@ -16282,25 +16348,25 @@
16282
16348
  opacity var(--motion-duration-medium) var(--motion-ease-standard);
16283
16349
  z-index: 499;
16284
16350
  }
16285
- ._dashboardSubHeader_1ouqv_53 > * {
16351
+ ._dashboardSubHeader_qze8t_50 > * {
16286
16352
  overflow: hidden;
16287
16353
  }
16288
- ._dashboardSubHeaderHidden_1ouqv_73 {
16354
+ ._dashboardSubHeaderHidden_qze8t_70 {
16289
16355
  grid-template-rows: 0fr;
16290
16356
  opacity: 0;
16291
16357
  transform: translateY(-100%);
16292
16358
  }
16293
- ._dashboardSubHeaderStuck_1ouqv_80 {
16359
+ ._dashboardSubHeaderStuck_qze8t_77 {
16294
16360
  -webkit-backdrop-filter: blur(12px);
16295
16361
  backdrop-filter: blur(12px);
16296
- background-color: var(--surface-neutral-primary);
16297
- box-shadow: none;
16362
+ background-color: var(--surface-neutral-elevator);
16363
+ box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
16298
16364
  }
16299
- ._dashboardSubHeaderStuck_1ouqv_80 .phx-tabs,
16300
- ._dashboardSubHeaderStuck_1ouqv_80 .phx-chip-bar {
16365
+ ._dashboardSubHeaderStuck_qze8t_77 .phx-tabs,
16366
+ ._dashboardSubHeaderStuck_qze8t_77 .phx-chip-bar {
16301
16367
  box-shadow: none !important;
16302
16368
  }
16303
- ._dashboardMain_1ouqv_94 {
16369
+ ._dashboardMain_qze8t_93 {
16304
16370
  inline-size: 100%;
16305
16371
  }
16306
16372
  ._dashboardRoot_6poxn_1 {