@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.
- package/dist/index.css +517 -451
- package/dist/index.js +7499 -7379
- package/dist/index.mjs +7569 -7449
- package/package.json +36 -35
- 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
|
-
.
|
|
7619
|
-
background-color: var(--surface-neutral-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7646
|
+
._bottomNavigationRootIndicator_1m59l_41 {
|
|
7639
7647
|
block-size: calc(var(--dimensions-44) + env(safe-area-inset-bottom));
|
|
7640
7648
|
}
|
|
7641
|
-
.
|
|
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
|
-
.
|
|
7663
|
+
._bottomNavigationItem_1m59l_45:disabled {
|
|
7656
7664
|
cursor: not-allowed;
|
|
7657
7665
|
opacity: var(--opacity-disabled);
|
|
7658
7666
|
}
|
|
7659
|
-
.
|
|
7660
|
-
.
|
|
7661
|
-
.
|
|
7662
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7684
|
+
._bottomNavigationRootLabel_1m59l_36 ._bottomNavigationItemContent_1m59l_75 {
|
|
7677
7685
|
gap: var(--space-4xs);
|
|
7678
7686
|
}
|
|
7679
|
-
.
|
|
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
|
-
.
|
|
7698
|
+
._bottomNavigationItemActive_1m59l_70:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
|
|
7691
7699
|
background-color: transparent;
|
|
7692
7700
|
}
|
|
7693
|
-
.
|
|
7701
|
+
._bottomNavigationItem_1m59l_45:hover:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
|
|
7694
7702
|
background-color: var(--surface-state-hover);
|
|
7695
7703
|
}
|
|
7696
|
-
.
|
|
7704
|
+
._bottomNavigationItem_1m59l_45:active:not(:disabled) ._bottomNavigationItemContent_1m59l_75:after {
|
|
7697
7705
|
background-color: var(--surface-state-press);
|
|
7698
7706
|
}
|
|
7699
|
-
.
|
|
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
|
-
.
|
|
7710
|
+
._bottomNavigationItemContent_1m59l_75 > * {
|
|
7703
7711
|
position: relative;
|
|
7704
7712
|
z-index: 1;
|
|
7705
7713
|
}
|
|
7706
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9698
|
+
._widthAuto_1hm8u_9 {
|
|
9691
9699
|
inline-size: auto;
|
|
9692
9700
|
}
|
|
9693
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9721
|
+
._dropdownTriggerWrapper_1hm8u_37 {
|
|
9714
9722
|
position: relative;
|
|
9715
9723
|
}
|
|
9716
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
9764
|
+
transform-origin: left top;
|
|
9757
9765
|
transition: all var(--motion-duration-normal) var(--motion-ease-standard);
|
|
9758
9766
|
}
|
|
9759
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9804
|
+
._dropdownTrailingCompact_1hm8u_133 {
|
|
9785
9805
|
min-inline-size: auto;
|
|
9786
9806
|
}
|
|
9787
|
-
.
|
|
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
|
-
.
|
|
9814
|
+
._dropdownClearButton_1hm8u_137 svg {
|
|
9795
9815
|
block-size: var(--dimensions-20) !important;
|
|
9796
9816
|
inline-size: var(--dimensions-20) !important;
|
|
9797
9817
|
}
|
|
9798
|
-
.
|
|
9818
|
+
._dropdownTriggerInsideLabel_1hm8u_151 {
|
|
9799
9819
|
padding-inline: var(--space-xs) var(--space-xs);
|
|
9800
9820
|
}
|
|
9801
|
-
.
|
|
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
|
-
.
|
|
9825
|
+
._large_1hm8u_162 {
|
|
9806
9826
|
min-block-size: var(--dimensions-56);
|
|
9807
9827
|
}
|
|
9808
|
-
.
|
|
9828
|
+
._large_1hm8u_162._dropdownTriggerOutsideLabel_1hm8u_156 {
|
|
9809
9829
|
min-block-size: var(--dimensions-44);
|
|
9810
9830
|
}
|
|
9811
|
-
.
|
|
9831
|
+
._medium_1hm8u_101 {
|
|
9812
9832
|
font-size: var(--body-md-size);
|
|
9813
9833
|
min-block-size: var(--dimensions-44);
|
|
9814
9834
|
}
|
|
9815
|
-
.
|
|
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
|
-
.
|
|
9839
|
+
._medium_1hm8u_101._dropdownTriggerOutsideLabel_1hm8u_156 {
|
|
9820
9840
|
min-block-size: var(--dimensions-36);
|
|
9821
9841
|
}
|
|
9822
|
-
.
|
|
9823
|
-
.
|
|
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
|
-
.
|
|
9831
|
-
.
|
|
9832
|
-
.
|
|
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
|
-
.
|
|
9837
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9879
|
+
._dropdownTriggerError_1hm8u_210 {
|
|
9860
9880
|
background-color: var(--surface-accent-red-subtle);
|
|
9861
9881
|
border-color: var(--border-state-error);
|
|
9862
9882
|
}
|
|
9863
|
-
.
|
|
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
|
-
.
|
|
9888
|
+
._dropdownValueTextPlaceholder_1hm8u_246 {
|
|
9869
9889
|
color: var(--text-neutral-secondary);
|
|
9870
9890
|
}
|
|
9871
|
-
.
|
|
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
|
-
.
|
|
9896
|
+
._medium_1hm8u_101 ._dropdownValueTextWithInlineLabel_1hm8u_250 {
|
|
9877
9897
|
padding-block: var(--space-sm) var(--space-3xs);
|
|
9878
9898
|
}
|
|
9879
|
-
.
|
|
9899
|
+
._dropdownValueTextVisible_1hm8u_261 {
|
|
9880
9900
|
opacity: var(--opacity-visible);
|
|
9881
9901
|
}
|
|
9882
|
-
.
|
|
9902
|
+
._dropdownChevronIconRotated_1hm8u_265 {
|
|
9883
9903
|
transform: rotate(180deg);
|
|
9884
9904
|
}
|
|
9885
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9921
|
+
._dropdownHelperText_1hm8u_279._dropdownHelperTextError_1hm8u_288 {
|
|
9902
9922
|
color: var(--text-state-error);
|
|
9903
9923
|
}
|
|
9904
|
-
.
|
|
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
|
-
.
|
|
9931
|
+
._fixedWidth_75dpd_9 {
|
|
9912
9932
|
inline-size: var(--dimensions-320);
|
|
9913
9933
|
}
|
|
9914
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9947
|
+
._datePickerTriggerWrapper_75dpd_29 {
|
|
9928
9948
|
position: relative;
|
|
9929
9949
|
}
|
|
9930
|
-
.
|
|
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
|
-
.
|
|
9964
|
+
._datePickerTriggerInsideLabel_75dpd_51 {
|
|
9945
9965
|
padding-inline: var(--space-xs) var(--space-xs);
|
|
9946
9966
|
}
|
|
9947
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
9987
|
+
._datePickerTriggerError_75dpd_68 {
|
|
9968
9988
|
background-color: var(--surface-neutral-on-surface);
|
|
9969
9989
|
border-color: var(--border-state-error);
|
|
9970
9990
|
}
|
|
9971
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
10022
|
+
transform-origin: left top;
|
|
10003
10023
|
transition: all var(--motion-duration-normal) var(--motion-ease-standard);
|
|
10004
10024
|
}
|
|
10005
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10043
|
+
._datePickerValueTextPlaceholder_75dpd_158 {
|
|
10024
10044
|
color: var(--text-neutral-secondary);
|
|
10025
10045
|
}
|
|
10026
|
-
.
|
|
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
|
-
.
|
|
10051
|
+
._datePickerValueTextVisible_75dpd_169 {
|
|
10032
10052
|
opacity: var(--opacity-visible);
|
|
10033
10053
|
}
|
|
10034
|
-
.
|
|
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
|
-
.
|
|
10073
|
+
._datePickerInput_75dpd_173:focus {
|
|
10054
10074
|
text-overflow: clip;
|
|
10055
10075
|
}
|
|
10056
|
-
.
|
|
10076
|
+
._datePickerInput_75dpd_173::placeholder {
|
|
10057
10077
|
color: var(--text-neutral-secondary);
|
|
10058
10078
|
}
|
|
10059
|
-
.
|
|
10079
|
+
._datePickerInputWithInlineLabel_75dpd_201 {
|
|
10060
10080
|
opacity: var(--opacity-hidden);
|
|
10061
10081
|
padding-block: var(--space-md) var(--space-2xs);
|
|
10062
10082
|
}
|
|
10063
|
-
.
|
|
10083
|
+
._datePickerInputVisible_75dpd_206 {
|
|
10064
10084
|
opacity: var(--opacity-visible);
|
|
10065
10085
|
}
|
|
10066
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10101
|
+
._datePickerClearButton_75dpd_219 svg {
|
|
10082
10102
|
block-size: var(--dimensions-20) !important;
|
|
10083
10103
|
inline-size: var(--dimensions-20) !important;
|
|
10084
10104
|
}
|
|
10085
|
-
.
|
|
10105
|
+
._datePickerPopover_75dpd_236 {
|
|
10086
10106
|
z-index: var(--z-index-max);
|
|
10087
10107
|
}
|
|
10088
|
-
.
|
|
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
|
-
.
|
|
10116
|
+
._datePickerHelperTextError_75dpd_251 {
|
|
10097
10117
|
color: var(--text-semantics-red-primary);
|
|
10098
10118
|
}
|
|
10099
|
-
.
|
|
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
|
-
.
|
|
10127
|
+
._fixedWidth_90zm7_16 {
|
|
10108
10128
|
inline-size: var(--dimensions-320);
|
|
10109
10129
|
}
|
|
10110
|
-
.
|
|
10130
|
+
._dateRangePickerTriggerWrapper_90zm7_20 {
|
|
10111
10131
|
position: relative;
|
|
10112
10132
|
}
|
|
10113
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10150
|
+
._dateRangePickerCalendars_90zm7_51 {
|
|
10131
10151
|
display: flex;
|
|
10132
10152
|
gap: var(--space-xl);
|
|
10133
10153
|
padding: var(--space-sm);
|
|
10134
10154
|
}
|
|
10135
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10188
|
+
._dateRangePickerTrigger_90zm7_20:hover {
|
|
10169
10189
|
background-color: var(--surface-state-hover);
|
|
10170
10190
|
border-color: var(--border-state-hover);
|
|
10171
10191
|
}
|
|
10172
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10202
|
+
._dateRangePickerTriggerError_90zm7_125 {
|
|
10183
10203
|
background-color: var(--surface-neutral-on-surface);
|
|
10184
10204
|
border-color: var(--border-state-error);
|
|
10185
10205
|
}
|
|
10186
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10220
|
+
._dateRangePickerTriggerInsideLabel_90zm7_146 {
|
|
10201
10221
|
min-block-size: var(--dimensions-56);
|
|
10202
10222
|
padding: 0 var(--space-xs);
|
|
10203
10223
|
}
|
|
10204
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10249
|
+
._dateRangePickerPlaceholder_90zm7_181 {
|
|
10230
10250
|
color: var(--text-neutral-secondary);
|
|
10231
10251
|
}
|
|
10232
|
-
.
|
|
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
|
-
.
|
|
10271
|
+
._dateRangePickerInput_90zm7_185:focus {
|
|
10252
10272
|
text-overflow: clip;
|
|
10253
10273
|
}
|
|
10254
|
-
.
|
|
10274
|
+
._dateRangePickerInput_90zm7_185::placeholder {
|
|
10255
10275
|
color: var(--text-neutral-secondary);
|
|
10256
10276
|
}
|
|
10257
|
-
.
|
|
10277
|
+
._dateRangePickerInputWithInlineLabel_90zm7_213 {
|
|
10258
10278
|
opacity: var(--opacity-hidden);
|
|
10259
10279
|
padding-block: var(--space-md) var(--space-2xs);
|
|
10260
10280
|
}
|
|
10261
|
-
.
|
|
10281
|
+
._dateRangePickerInputVisible_90zm7_218 {
|
|
10262
10282
|
opacity: var(--opacity-visible);
|
|
10263
10283
|
}
|
|
10264
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10298
|
+
._dateRangePickerPopover_90zm7_245 {
|
|
10279
10299
|
position: absolute;
|
|
10280
10300
|
z-index: var(--z-index-dropdown);
|
|
10281
10301
|
}
|
|
10282
|
-
.
|
|
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
|
-
.
|
|
10320
|
+
._dateRangePickerPresetButton_90zm7_253:hover {
|
|
10301
10321
|
background-color: var(--surface-state-hover);
|
|
10302
10322
|
}
|
|
10303
|
-
.
|
|
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
|
-
.
|
|
10311
|
-
animation: _fade-
|
|
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-
|
|
10337
|
+
z-index: calc(var(--z-index-modal) + 1);
|
|
10318
10338
|
}
|
|
10319
|
-
.
|
|
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
|
-
.
|
|
10329
|
-
animation: _scale-
|
|
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
|
-
.
|
|
10360
|
+
._dialogSizeSmall_q50ky_51 {
|
|
10341
10361
|
inline-size: 360px;
|
|
10342
10362
|
}
|
|
10343
10363
|
@media (max-width: 600px) {
|
|
10344
|
-
.
|
|
10364
|
+
._dialogContainer_q50ky_17 {
|
|
10345
10365
|
padding: var(--space-sm);
|
|
10346
10366
|
}
|
|
10347
|
-
.
|
|
10367
|
+
._dialogRoot_q50ky_31 {
|
|
10348
10368
|
max-block-size: calc(100dvh - var(--space-5xl));
|
|
10349
10369
|
}
|
|
10350
10370
|
}
|
|
10351
|
-
.
|
|
10371
|
+
._dialogSizeMedium_q50ky_68 {
|
|
10352
10372
|
inline-size: 600px;
|
|
10353
10373
|
}
|
|
10354
|
-
.
|
|
10374
|
+
._dialogSizeLarge_q50ky_73 {
|
|
10355
10375
|
inline-size: 900px;
|
|
10356
10376
|
}
|
|
10357
|
-
.
|
|
10377
|
+
._dialogSizeXlarge_q50ky_78 {
|
|
10358
10378
|
inline-size: 1140px;
|
|
10359
10379
|
}
|
|
10360
|
-
.
|
|
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
|
-
.
|
|
10388
|
+
._dialogHeaderWithDivider_q50ky_94 {
|
|
10369
10389
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
10370
10390
|
}
|
|
10371
|
-
.
|
|
10391
|
+
._dialogHeaderCenter_q50ky_98 {
|
|
10372
10392
|
align-items: center;
|
|
10373
10393
|
text-align: center;
|
|
10374
10394
|
}
|
|
10375
|
-
.
|
|
10395
|
+
._dialogHeaderCenter_q50ky_98._dialogHeaderWithClose_q50ky_104 {
|
|
10376
10396
|
padding-inline: var(--dimensions-48);
|
|
10377
10397
|
}
|
|
10378
|
-
.
|
|
10398
|
+
._dialogHeaderLeft_q50ky_109 {
|
|
10379
10399
|
align-items: flex-start;
|
|
10380
10400
|
text-align: start;
|
|
10381
10401
|
}
|
|
10382
|
-
.
|
|
10402
|
+
._dialogHeaderLeft_q50ky_109._dialogHeaderWithClose_q50ky_104 {
|
|
10383
10403
|
padding-inline-end: var(--dimensions-48);
|
|
10384
10404
|
}
|
|
10385
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10435
|
+
._dialogCloseButton_q50ky_143:hover {
|
|
10416
10436
|
background-color: var(--surface-state-hover) !important;
|
|
10417
10437
|
}
|
|
10418
|
-
.
|
|
10438
|
+
._dialogCloseButton_q50ky_143:active {
|
|
10419
10439
|
background-color: var(--surface-state-press) !important;
|
|
10420
10440
|
}
|
|
10421
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10455
|
+
._dialogContentNoPadding_q50ky_183 {
|
|
10436
10456
|
padding: 0;
|
|
10437
10457
|
}
|
|
10438
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10483
|
+
._dialogContentGradientVisible_q50ky_215 {
|
|
10464
10484
|
opacity: 1;
|
|
10465
10485
|
}
|
|
10466
|
-
.
|
|
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
|
-
.
|
|
10493
|
+
._dialogFooterWithDivider_q50ky_229 {
|
|
10474
10494
|
border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
10475
10495
|
}
|
|
10476
|
-
.
|
|
10496
|
+
._dialogFooterHorizontal_q50ky_234 {
|
|
10477
10497
|
align-items: center;
|
|
10478
10498
|
flex-direction: row;
|
|
10479
10499
|
justify-content: flex-end;
|
|
10480
10500
|
}
|
|
10481
|
-
.
|
|
10501
|
+
._dialogFooterVertical_q50ky_241 {
|
|
10482
10502
|
flex-direction: column;
|
|
10483
10503
|
}
|
|
10484
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10516
|
+
._dialogButtonGroupVertical_q50ky_261 {
|
|
10497
10517
|
flex-direction: column-reverse;
|
|
10498
10518
|
inline-size: 100%;
|
|
10499
10519
|
}
|
|
10500
|
-
.
|
|
10520
|
+
._dialogButtonGroupVertical_q50ky_261 > * {
|
|
10501
10521
|
inline-size: 100%;
|
|
10502
10522
|
}
|
|
10503
|
-
@keyframes _fade-
|
|
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-
|
|
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
|
-
.
|
|
10541
|
+
._confirmSizeSmall_q50ky_303 {
|
|
10522
10542
|
inline-size: 360px;
|
|
10523
10543
|
}
|
|
10524
|
-
.
|
|
10544
|
+
._confirmSizeLarge_q50ky_308 {
|
|
10525
10545
|
inline-size: 600px;
|
|
10526
10546
|
}
|
|
10527
|
-
.
|
|
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
|
-
.
|
|
10559
|
+
._confirmCloseButton_q50ky_314:hover {
|
|
10540
10560
|
background-color: var(--surface-state-hover) !important;
|
|
10541
10561
|
}
|
|
10542
|
-
.
|
|
10562
|
+
._confirmCloseButton_q50ky_314:active {
|
|
10543
10563
|
background-color: var(--surface-state-press) !important;
|
|
10544
10564
|
}
|
|
10545
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10579
|
+
._confirmIcon_q50ky_346 svg {
|
|
10560
10580
|
block-size: var(--dimensions-48);
|
|
10561
10581
|
inline-size: var(--dimensions-48);
|
|
10562
10582
|
}
|
|
10563
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10601
|
+
._confirmFooter_q50ky_381 {
|
|
10582
10602
|
display: flex;
|
|
10583
10603
|
gap: var(--space-2xs);
|
|
10584
10604
|
padding: var(--space-sm);
|
|
10585
10605
|
}
|
|
10586
|
-
.
|
|
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
|
-
.
|
|
10611
|
+
._confirmFooter_q50ky_381 ._dialogButtonGroup_q50ky_253 > * {
|
|
10592
10612
|
flex: 1;
|
|
10593
10613
|
}
|
|
10594
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10621
|
-
.
|
|
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
|
-
.
|
|
10646
|
+
._eventCalendarNavigation_1sxmx_54 {
|
|
10627
10647
|
align-items: center;
|
|
10628
10648
|
display: flex;
|
|
10629
10649
|
gap: var(--space-2xs);
|
|
10630
10650
|
}
|
|
10631
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10669
|
+
._eventCalendarAddEventButton_1sxmx_87 {
|
|
10647
10670
|
margin-block-start: var(--space-sm);
|
|
10648
10671
|
}
|
|
10649
|
-
.
|
|
10672
|
+
._eventCalendarSidebarGroup_1sxmx_97 {
|
|
10650
10673
|
display: flex;
|
|
10651
10674
|
flex-direction: column;
|
|
10652
10675
|
}
|
|
10653
|
-
.
|
|
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
|
-
.
|
|
10685
|
+
._eventCalendarSidebarGroupHeader_1sxmx_102:hover {
|
|
10663
10686
|
background-color: var(--surface-neutral-secondary);
|
|
10664
10687
|
}
|
|
10665
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10708
|
+
._eventCalendarSidebarGroupChevronExpanded_1sxmx_141 {
|
|
10686
10709
|
transform: rotate(180deg);
|
|
10687
10710
|
}
|
|
10688
|
-
.
|
|
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
|
-
.
|
|
10716
|
+
._eventCalendarSidebarGroupContentWrapperExpanded_1sxmx_153 {
|
|
10694
10717
|
grid-template-rows: 1fr;
|
|
10695
10718
|
}
|
|
10696
|
-
.
|
|
10719
|
+
._eventCalendarSidebarGroupContent_1sxmx_146 {
|
|
10697
10720
|
min-block-size: 0;
|
|
10698
10721
|
overflow: hidden;
|
|
10699
10722
|
}
|
|
10700
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10829
|
+
._eventCalendarDayHeader_1sxmx_277:last-child {
|
|
10780
10830
|
border-inline-end: none;
|
|
10781
10831
|
}
|
|
10782
|
-
.
|
|
10832
|
+
._eventCalendarTodayHeader_1sxmx_294 {
|
|
10783
10833
|
position: relative;
|
|
10784
10834
|
}
|
|
10785
|
-
.
|
|
10835
|
+
._eventCalendarTodayHeader_1sxmx_294:after {
|
|
10786
10836
|
display: none;
|
|
10787
10837
|
}
|
|
10788
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10817
|
-
.
|
|
10866
|
+
._eventCalendarTodayHeader_1sxmx_294 ._eventCalendarDayDateNumber_1sxmx_322,
|
|
10867
|
+
._eventCalendarTodayHeader_1sxmx_294 ._eventCalendarDayName_1sxmx_331 {
|
|
10818
10868
|
color: var(--text-neutral-primary);
|
|
10819
10869
|
}
|
|
10820
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10901
|
+
._eventCalendarAllDayGridCell_1sxmx_380:last-child {
|
|
10852
10902
|
border-inline-end: none;
|
|
10853
10903
|
}
|
|
10854
|
-
.
|
|
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
|
-
.
|
|
10869
|
-
.
|
|
10918
|
+
._eventCalendarHideTopFade_1sxmx_404 ._eventCalendarAllDayRow_1sxmx_349:after,
|
|
10919
|
+
._eventCalendarHideTopFade_1sxmx_404:before {
|
|
10870
10920
|
opacity: 0;
|
|
10871
10921
|
}
|
|
10872
|
-
.
|
|
10922
|
+
._eventCalendarAllDayLabel_1sxmx_409 {
|
|
10873
10923
|
color: var(--text-neutral-secondary);
|
|
10874
10924
|
font-size: var(--body-md-size);
|
|
10875
10925
|
}
|
|
10876
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10949
|
+
._eventCalendarHideBottomFade_1sxmx_439:after {
|
|
10900
10950
|
opacity: 0;
|
|
10901
10951
|
}
|
|
10902
|
-
.
|
|
10952
|
+
._eventCalendarGridBodyContent_1sxmx_447 {
|
|
10903
10953
|
overflow: hidden auto !important;
|
|
10904
10954
|
}
|
|
10905
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10971
|
+
._eventCalendarTimeSlotLabel_1sxmx_459:first-child {
|
|
10922
10972
|
visibility: hidden;
|
|
10923
10973
|
}
|
|
10924
|
-
.
|
|
10925
|
-
.
|
|
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
|
-
.
|
|
10981
|
+
._eventCalendarGridLinesBg_1sxmx_490 {
|
|
10932
10982
|
inset: 0;
|
|
10933
10983
|
position: absolute;
|
|
10934
10984
|
z-index: 0;
|
|
10935
10985
|
}
|
|
10936
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
10996
|
+
._eventCalendarDayColumn_1sxmx_501:last-child {
|
|
10947
10997
|
border-inline-end: none;
|
|
10948
10998
|
}
|
|
10949
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11066
|
+
._eventCalendarEventCard_1sxmx_582:hover:before {
|
|
11010
11067
|
background-color: var(--surface-state-hover);
|
|
11011
11068
|
}
|
|
11012
|
-
.
|
|
11069
|
+
._eventCalendarEventCard_1sxmx_582:active:before {
|
|
11013
11070
|
background-color: var(--surface-state-press);
|
|
11014
11071
|
}
|
|
11015
|
-
.
|
|
11072
|
+
._eventCalendarEventCard_1sxmx_582._eventCalendarEventSelected_1sxmx_619:before {
|
|
11016
11073
|
background-color: transparent;
|
|
11017
11074
|
}
|
|
11018
|
-
.
|
|
11075
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorBlue_1sxmx_624 {
|
|
11019
11076
|
background-color: var(--surface-accent-blue);
|
|
11020
11077
|
}
|
|
11021
|
-
.
|
|
11078
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorRed_1sxmx_628 {
|
|
11022
11079
|
background-color: var(--surface-accent-red);
|
|
11023
11080
|
}
|
|
11024
|
-
.
|
|
11081
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorGreen_1sxmx_632 {
|
|
11025
11082
|
background-color: var(--surface-accent-green);
|
|
11026
11083
|
}
|
|
11027
|
-
.
|
|
11084
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorOrange_1sxmx_636 {
|
|
11028
11085
|
background-color: var(--surface-accent-orange);
|
|
11029
11086
|
}
|
|
11030
|
-
.
|
|
11087
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorPurple_1sxmx_640 {
|
|
11031
11088
|
background-color: var(--surface-accent-purple);
|
|
11032
11089
|
}
|
|
11033
|
-
.
|
|
11090
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorMint_1sxmx_644 {
|
|
11034
11091
|
background-color: var(--surface-accent-mint);
|
|
11035
11092
|
}
|
|
11036
|
-
.
|
|
11093
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorTeal_1sxmx_648 {
|
|
11037
11094
|
background-color: var(--surface-accent-teal);
|
|
11038
11095
|
}
|
|
11039
|
-
.
|
|
11096
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorIndigo_1sxmx_652 {
|
|
11040
11097
|
background-color: var(--surface-accent-indigo);
|
|
11041
11098
|
}
|
|
11042
|
-
.
|
|
11099
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorPink_1sxmx_656 {
|
|
11043
11100
|
background-color: var(--surface-accent-pink);
|
|
11044
11101
|
}
|
|
11045
|
-
.
|
|
11102
|
+
._eventCalendarEventSelected_1sxmx_619._eventCalendarEventColorYellow_1sxmx_660 {
|
|
11046
11103
|
background-color: var(--surface-accent-yellow);
|
|
11047
11104
|
}
|
|
11048
|
-
.
|
|
11105
|
+
._eventCalendarEventWaiting_1sxmx_669 {
|
|
11049
11106
|
background-color: var(--surface-neutral-primary) !important;
|
|
11050
11107
|
}
|
|
11051
|
-
.
|
|
11108
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorBlue_1sxmx_624 {
|
|
11052
11109
|
border: var(--border-sm) solid var(--border-accent-blue-subtle);
|
|
11053
11110
|
}
|
|
11054
|
-
.
|
|
11111
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorRed_1sxmx_628 {
|
|
11055
11112
|
border: var(--border-sm) solid var(--border-accent-red-subtle);
|
|
11056
11113
|
}
|
|
11057
|
-
.
|
|
11114
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorGreen_1sxmx_632 {
|
|
11058
11115
|
border: var(--border-sm) solid var(--border-accent-green-subtle);
|
|
11059
11116
|
}
|
|
11060
|
-
.
|
|
11117
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorOrange_1sxmx_636 {
|
|
11061
11118
|
border: var(--border-sm) solid var(--border-accent-orange-subtle);
|
|
11062
11119
|
}
|
|
11063
|
-
.
|
|
11120
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorYellow_1sxmx_660 {
|
|
11064
11121
|
border: var(--border-sm) solid var(--border-accent-yellow-subtle);
|
|
11065
11122
|
}
|
|
11066
|
-
.
|
|
11123
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorPurple_1sxmx_640 {
|
|
11067
11124
|
border: var(--border-sm) solid var(--border-accent-purple-subtle);
|
|
11068
11125
|
}
|
|
11069
|
-
.
|
|
11126
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorMint_1sxmx_644 {
|
|
11070
11127
|
border: var(--border-sm) solid var(--border-accent-mint-subtle);
|
|
11071
11128
|
}
|
|
11072
|
-
.
|
|
11129
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorTeal_1sxmx_648 {
|
|
11073
11130
|
border: var(--border-sm) solid var(--border-accent-teal-subtle);
|
|
11074
11131
|
}
|
|
11075
|
-
.
|
|
11132
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorIndigo_1sxmx_652 {
|
|
11076
11133
|
border: var(--border-sm) solid var(--border-accent-indigo-subtle);
|
|
11077
11134
|
}
|
|
11078
|
-
.
|
|
11135
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorPink_1sxmx_656 {
|
|
11079
11136
|
border: var(--border-sm) solid var(--border-accent-pink-subtle);
|
|
11080
11137
|
}
|
|
11081
|
-
.
|
|
11138
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorBrown_1sxmx_713 {
|
|
11082
11139
|
border: var(--border-sm) solid var(--border-accent-brown-subtle);
|
|
11083
11140
|
}
|
|
11084
|
-
.
|
|
11141
|
+
._eventCalendarEventWaiting_1sxmx_669._eventCalendarEventColorCyan_1sxmx_717 {
|
|
11085
11142
|
border: var(--border-sm) solid var(--border-accent-cyan-subtle);
|
|
11086
11143
|
}
|
|
11087
|
-
.
|
|
11144
|
+
._eventCalendarEventRejected_1sxmx_722 {
|
|
11088
11145
|
background-color: var(--surface-neutral-primary) !important;
|
|
11089
11146
|
}
|
|
11090
|
-
.
|
|
11147
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorBlue_1sxmx_624 {
|
|
11091
11148
|
border: var(--border-sm) solid var(--border-accent-blue-subtle);
|
|
11092
11149
|
}
|
|
11093
|
-
.
|
|
11150
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorRed_1sxmx_628 {
|
|
11094
11151
|
border: var(--border-sm) solid var(--border-accent-red-subtle);
|
|
11095
11152
|
}
|
|
11096
|
-
.
|
|
11153
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorGreen_1sxmx_632 {
|
|
11097
11154
|
border: var(--border-sm) solid var(--border-accent-green-subtle);
|
|
11098
11155
|
}
|
|
11099
|
-
.
|
|
11156
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorOrange_1sxmx_636 {
|
|
11100
11157
|
border: var(--border-sm) solid var(--border-accent-orange-subtle);
|
|
11101
11158
|
}
|
|
11102
|
-
.
|
|
11159
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorYellow_1sxmx_660 {
|
|
11103
11160
|
border: var(--border-sm) solid var(--border-accent-yellow-subtle);
|
|
11104
11161
|
}
|
|
11105
|
-
.
|
|
11162
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorPurple_1sxmx_640 {
|
|
11106
11163
|
border: var(--border-sm) solid var(--border-accent-purple-subtle);
|
|
11107
11164
|
}
|
|
11108
|
-
.
|
|
11165
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorMint_1sxmx_644 {
|
|
11109
11166
|
border: var(--border-sm) solid var(--border-accent-mint-subtle);
|
|
11110
11167
|
}
|
|
11111
|
-
.
|
|
11168
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorTeal_1sxmx_648 {
|
|
11112
11169
|
border: var(--border-sm) solid var(--border-accent-teal-subtle);
|
|
11113
11170
|
}
|
|
11114
|
-
.
|
|
11171
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorIndigo_1sxmx_652 {
|
|
11115
11172
|
border: var(--border-sm) solid var(--border-accent-indigo-subtle);
|
|
11116
11173
|
}
|
|
11117
|
-
.
|
|
11174
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorPink_1sxmx_656 {
|
|
11118
11175
|
border: var(--border-sm) solid var(--border-accent-pink-subtle);
|
|
11119
11176
|
}
|
|
11120
|
-
.
|
|
11177
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorBrown_1sxmx_713 {
|
|
11121
11178
|
border: var(--border-sm) solid var(--border-accent-brown-subtle);
|
|
11122
11179
|
}
|
|
11123
|
-
.
|
|
11180
|
+
._eventCalendarEventRejected_1sxmx_722._eventCalendarEventColorCyan_1sxmx_717 {
|
|
11124
11181
|
border: var(--border-sm) solid var(--border-accent-cyan-subtle);
|
|
11125
11182
|
}
|
|
11126
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11153
|
-
.
|
|
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
|
-
.
|
|
11222
|
+
._eventCalendarEventColorBlue_1sxmx_624 {
|
|
11166
11223
|
background-color: var(--surface-accent-blue-subtle);
|
|
11167
11224
|
color: var(--text-accent-blue);
|
|
11168
11225
|
}
|
|
11169
|
-
.
|
|
11226
|
+
._eventCalendarEventColorRed_1sxmx_628 {
|
|
11170
11227
|
background-color: var(--surface-accent-red-subtle);
|
|
11171
11228
|
color: var(--text-accent-red);
|
|
11172
11229
|
}
|
|
11173
|
-
.
|
|
11230
|
+
._eventCalendarEventColorGreen_1sxmx_632 {
|
|
11174
11231
|
background-color: var(--surface-accent-green-subtle);
|
|
11175
11232
|
color: var(--text-accent-green);
|
|
11176
11233
|
}
|
|
11177
|
-
.
|
|
11234
|
+
._eventCalendarEventColorOrange_1sxmx_636 {
|
|
11178
11235
|
background-color: var(--surface-accent-orange-subtle);
|
|
11179
11236
|
color: var(--text-accent-orange);
|
|
11180
11237
|
}
|
|
11181
|
-
.
|
|
11238
|
+
._eventCalendarEventColorPurple_1sxmx_640 {
|
|
11182
11239
|
background-color: var(--surface-accent-purple-subtle);
|
|
11183
11240
|
color: var(--text-accent-purple);
|
|
11184
11241
|
}
|
|
11185
|
-
.
|
|
11242
|
+
._eventCalendarEventColorMint_1sxmx_644 {
|
|
11186
11243
|
background-color: var(--surface-accent-mint-subtle);
|
|
11187
11244
|
color: var(--text-accent-mint);
|
|
11188
11245
|
}
|
|
11189
|
-
.
|
|
11246
|
+
._eventCalendarEventColorTeal_1sxmx_648 {
|
|
11190
11247
|
background-color: var(--surface-accent-teal-subtle);
|
|
11191
11248
|
color: var(--text-accent-teal);
|
|
11192
11249
|
}
|
|
11193
|
-
.
|
|
11250
|
+
._eventCalendarEventColorIndigo_1sxmx_652 {
|
|
11194
11251
|
background-color: var(--surface-accent-indigo-subtle);
|
|
11195
11252
|
color: var(--text-accent-indigo);
|
|
11196
11253
|
}
|
|
11197
|
-
.
|
|
11254
|
+
._eventCalendarEventColorPink_1sxmx_656 {
|
|
11198
11255
|
background-color: var(--surface-accent-pink-subtle);
|
|
11199
11256
|
color: var(--text-accent-pink);
|
|
11200
11257
|
}
|
|
11201
|
-
.
|
|
11258
|
+
._eventCalendarEventColorYellow_1sxmx_660 {
|
|
11202
11259
|
background-color: var(--surface-accent-yellow-subtle);
|
|
11203
11260
|
color: var(--text-accent-yellow);
|
|
11204
11261
|
}
|
|
11205
|
-
.
|
|
11262
|
+
._eventCalendarEventColorBrown_1sxmx_713 {
|
|
11206
11263
|
background-color: var(--surface-accent-brown-subtle);
|
|
11207
11264
|
color: var(--text-accent-brown);
|
|
11208
11265
|
}
|
|
11209
|
-
.
|
|
11266
|
+
._eventCalendarEventColorCyan_1sxmx_717 {
|
|
11210
11267
|
background-color: var(--surface-accent-cyan-subtle);
|
|
11211
11268
|
color: var(--text-accent-cyan);
|
|
11212
11269
|
}
|
|
11213
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11284
|
+
._eventCalendarMonthWeekRow_1sxmx_907:last-child {
|
|
11228
11285
|
border-block-end: none;
|
|
11229
11286
|
}
|
|
11230
|
-
.
|
|
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
|
-
.
|
|
11298
|
+
._eventCalendarMonthDayCellCurrentMonth_1sxmx_937 {
|
|
11242
11299
|
background-color: var(--surface-neutral-primary);
|
|
11243
11300
|
opacity: 1;
|
|
11244
11301
|
}
|
|
11245
|
-
.
|
|
11302
|
+
._eventCalendarMonthDayCellToday_1sxmx_942 {
|
|
11246
11303
|
background-color: var(--surface-neutral-primary);
|
|
11247
11304
|
position: relative;
|
|
11248
11305
|
z-index: 1;
|
|
11249
11306
|
}
|
|
11250
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11328
|
+
._eventCalendarMonthDayNumberToday_1sxmx_977 {
|
|
11272
11329
|
font-weight: var(--typeface-weight-bold);
|
|
11273
11330
|
}
|
|
11274
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11357
|
+
._eventCalendarMonthEventPill_1sxmx_981:hover:before {
|
|
11301
11358
|
background-color: var(--surface-state-hover);
|
|
11302
11359
|
}
|
|
11303
|
-
.
|
|
11360
|
+
._eventCalendarMonthEventPill_1sxmx_981:active:before {
|
|
11304
11361
|
background-color: var(--surface-state-press);
|
|
11305
11362
|
}
|
|
11306
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11409
|
+
._eventCalendarMiniCalendar_1sxmx_1078 {
|
|
11353
11410
|
background-color: transparent !important;
|
|
11354
11411
|
inline-size: auto !important;
|
|
11355
11412
|
}
|
|
11356
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11464
|
+
._eventCalendarScheduleContent_1sxmx_1139 {
|
|
11408
11465
|
display: flex;
|
|
11409
11466
|
flex-direction: column;
|
|
11410
11467
|
}
|
|
11411
|
-
.
|
|
11468
|
+
._eventCalendarScheduleDayRow_1sxmx_1144 {
|
|
11412
11469
|
display: flex;
|
|
11413
11470
|
margin-block-end: var(--space-sm);
|
|
11414
11471
|
}
|
|
11415
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11508
|
+
._eventCalendarScheduleDayToday_1sxmx_1171 ._eventCalendarScheduleDayName_1sxmx_1184 {
|
|
11452
11509
|
color: var(--text-neutral-secondary);
|
|
11453
11510
|
opacity: 1;
|
|
11454
11511
|
}
|
|
11455
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
11517
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15028
|
+
._tabsRootMedium_y6fdg_56 ._tabsTab_y6fdg_51 {
|
|
14972
15029
|
block-size: var(--dimensions-44);
|
|
14973
15030
|
}
|
|
14974
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15040
|
+
._tabsRootPill_y6fdg_38 ._tabsTabActive_y6fdg_72 {
|
|
14984
15041
|
color: var(--text-neutral-primary);
|
|
14985
15042
|
}
|
|
14986
|
-
.
|
|
15043
|
+
._tabsRootPill_y6fdg_38 ._tabsTabContent_y6fdg_76:after {
|
|
14987
15044
|
display: none;
|
|
14988
15045
|
}
|
|
14989
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15088
|
+
._tabsScrollContainer_y6fdg_92::-webkit-scrollbar {
|
|
15032
15089
|
display: none;
|
|
15033
15090
|
}
|
|
15034
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
15110
|
+
padding-inline: 0 var(--dimensions-4);
|
|
15054
15111
|
position: relative;
|
|
15055
15112
|
scrollbar-width: none;
|
|
15056
15113
|
z-index: 0;
|
|
15057
15114
|
}
|
|
15058
|
-
.
|
|
15115
|
+
._tabsList_y6fdg_144::-webkit-scrollbar {
|
|
15059
15116
|
display: none;
|
|
15060
15117
|
}
|
|
15061
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15126
|
+
._tabsNavButton_y6fdg_176 {
|
|
15070
15127
|
display: flex;
|
|
15071
15128
|
}
|
|
15072
15129
|
}
|
|
15073
|
-
.
|
|
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
|
-
.
|
|
15141
|
+
._tabsNavSlotLeft_y6fdg_193 {
|
|
15085
15142
|
inset-inline-start: 0;
|
|
15086
15143
|
justify-content: flex-start;
|
|
15087
15144
|
}
|
|
15088
|
-
.
|
|
15145
|
+
._tabsNavSlotRight_y6fdg_198 {
|
|
15089
15146
|
inset-inline-end: 0;
|
|
15090
15147
|
justify-content: flex-end;
|
|
15091
15148
|
}
|
|
15092
|
-
.
|
|
15149
|
+
._tabsGradientVisible_y6fdg_203 {
|
|
15093
15150
|
opacity: 1;
|
|
15094
15151
|
}
|
|
15095
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15192
|
+
._tabsGradientVisible_y6fdg_203 ._tabsNavButton_y6fdg_176 {
|
|
15136
15193
|
pointer-events: auto;
|
|
15137
15194
|
}
|
|
15138
|
-
.
|
|
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
|
-
.
|
|
15204
|
+
._tabsNavButton_y6fdg_176:hover:after {
|
|
15148
15205
|
background-color: var(--surface-state-hover);
|
|
15149
15206
|
}
|
|
15150
|
-
.
|
|
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
|
-
.
|
|
15157
|
-
.
|
|
15213
|
+
._tabsRootStuck_y6fdg_82 ._tabsNavButton_y6fdg_176,
|
|
15214
|
+
._tabsRootElevated_y6fdg_17 ._tabsNavButton_y6fdg_176 {
|
|
15158
15215
|
background: var(--surface-neutral-elevator);
|
|
15159
15216
|
}
|
|
15160
|
-
.
|
|
15161
|
-
.
|
|
15162
|
-
.
|
|
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
|
-
.
|
|
15222
|
+
._tabsTabActive_y6fdg_72 {
|
|
15166
15223
|
color: var(--text-neutral-primary);
|
|
15167
15224
|
}
|
|
15168
|
-
.
|
|
15169
|
-
.
|
|
15170
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15203
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15266
|
+
._tabsTab_y6fdg_51:active:not(:disabled) ._tabsTabContent_y6fdg_76:after {
|
|
15210
15267
|
background-color: var(--surface-state-press);
|
|
15211
15268
|
}
|
|
15212
|
-
.
|
|
15269
|
+
._tabsTabContent_y6fdg_76 > * {
|
|
15213
15270
|
position: relative;
|
|
15214
15271
|
z-index: 1;
|
|
15215
15272
|
}
|
|
15216
|
-
.
|
|
15273
|
+
._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
|
|
15217
15274
|
border-radius: var(--radius-2xs);
|
|
15218
15275
|
flex-direction: column;
|
|
15219
15276
|
}
|
|
15220
|
-
.
|
|
15277
|
+
._tabsTabTextOnly_y6fdg_381 {
|
|
15221
15278
|
--tabs-indicator-offset: -7px;
|
|
15222
15279
|
padding-block: var(--space-3xs) var(--space-2xs);
|
|
15223
15280
|
}
|
|
15224
|
-
.
|
|
15281
|
+
._tabsTabTextOnly_y6fdg_381 ._tabsTabContent_y6fdg_76 {
|
|
15225
15282
|
block-size: auto;
|
|
15226
15283
|
}
|
|
15227
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15295
|
+
._tabsTabIcon_y6fdg_398 svg {
|
|
15239
15296
|
block-size: var(--dimensions-24);
|
|
15240
15297
|
inline-size: var(--dimensions-24);
|
|
15241
15298
|
}
|
|
15242
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15318
|
+
._tabsTabChevronRotated_y6fdg_451 svg {
|
|
15262
15319
|
transform: rotate(180deg);
|
|
15263
15320
|
}
|
|
15264
|
-
.
|
|
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
|
-
.
|
|
15330
|
+
._tabsTab_y6fdg_51:disabled {
|
|
15274
15331
|
cursor: not-allowed;
|
|
15275
15332
|
opacity: var(--opacity-disabled);
|
|
15276
15333
|
}
|
|
15277
|
-
.
|
|
15334
|
+
._tabsTab_y6fdg_51:focus-visible {
|
|
15278
15335
|
outline: none;
|
|
15279
15336
|
}
|
|
15280
|
-
.
|
|
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
|
-
.
|
|
15349
|
+
._tabsTabStacked_y6fdg_376 ._tabsTabContent_y6fdg_76 {
|
|
15293
15350
|
border-radius: var(--radius-sm);
|
|
15294
15351
|
flex-direction: column;
|
|
15295
15352
|
}
|
|
15296
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15372
|
+
._textAreaRequiredIndicator_l8j9m_23 {
|
|
15313
15373
|
color: var(--text-state-error);
|
|
15314
15374
|
}
|
|
15315
|
-
.
|
|
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
|
-
.
|
|
15392
|
+
._textAreaInput_l8j9m_27::placeholder {
|
|
15333
15393
|
color: var(--text-neutral-secondary);
|
|
15334
15394
|
}
|
|
15335
|
-
.
|
|
15395
|
+
._textAreaInput_l8j9m_27::selection {
|
|
15336
15396
|
background-color: var(--surface-state-press);
|
|
15337
15397
|
color: var(--text-neutral-primary);
|
|
15338
15398
|
}
|
|
15339
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15413
|
+
._error_l8j9m_59 {
|
|
15354
15414
|
background-color: var(--surface-accent-red-subtle);
|
|
15355
15415
|
border-color: var(--border-state-error);
|
|
15356
15416
|
}
|
|
15357
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15439
|
+
._textAreaErrorText_l8j9m_117 {
|
|
15380
15440
|
color: var(--text-state-error);
|
|
15381
15441
|
}
|
|
15382
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15977
|
-
background-color:
|
|
15978
|
-
border-block-start: var(--border-sm) solid
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
16308
|
+
._sentinel_qze8t_14 {
|
|
16241
16309
|
block-size: 1px;
|
|
16242
16310
|
inline-size: 100%;
|
|
16243
|
-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
16324
|
+
._dashboardHeaderStuck_qze8t_33 {
|
|
16259
16325
|
background-color: var(--surface-neutral-primary);
|
|
16260
16326
|
box-shadow: none;
|
|
16261
16327
|
}
|
|
16262
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
16351
|
+
._dashboardSubHeader_qze8t_50 > * {
|
|
16286
16352
|
overflow: hidden;
|
|
16287
16353
|
}
|
|
16288
|
-
.
|
|
16354
|
+
._dashboardSubHeaderHidden_qze8t_70 {
|
|
16289
16355
|
grid-template-rows: 0fr;
|
|
16290
16356
|
opacity: 0;
|
|
16291
16357
|
transform: translateY(-100%);
|
|
16292
16358
|
}
|
|
16293
|
-
.
|
|
16359
|
+
._dashboardSubHeaderStuck_qze8t_77 {
|
|
16294
16360
|
-webkit-backdrop-filter: blur(12px);
|
|
16295
16361
|
backdrop-filter: blur(12px);
|
|
16296
|
-
background-color: var(--surface-neutral-
|
|
16297
|
-
box-shadow:
|
|
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
|
-
.
|
|
16300
|
-
.
|
|
16365
|
+
._dashboardSubHeaderStuck_qze8t_77 .phx-tabs,
|
|
16366
|
+
._dashboardSubHeaderStuck_qze8t_77 .phx-chip-bar {
|
|
16301
16367
|
box-shadow: none !important;
|
|
16302
16368
|
}
|
|
16303
|
-
.
|
|
16369
|
+
._dashboardMain_qze8t_93 {
|
|
16304
16370
|
inline-size: 100%;
|
|
16305
16371
|
}
|
|
16306
16372
|
._dashboardRoot_6poxn_1 {
|