@photonix/basic 2.0.4 → 2.0.6
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 +521 -396
- package/dist/index.js +6631 -6569
- package/dist/index.mjs +6740 -6678
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -5512,7 +5512,7 @@
|
|
|
5512
5512
|
._customScrollbarTrackHorizontal_hlks5_43 ._customScrollbarThumbMedium_hlks5_114 {
|
|
5513
5513
|
block-size: 8px;
|
|
5514
5514
|
}
|
|
5515
|
-
.
|
|
5515
|
+
._searchFieldRoot_peg80_1 {
|
|
5516
5516
|
align-items: center;
|
|
5517
5517
|
background-color: var(--surface-neutral-on-surface);
|
|
5518
5518
|
block-size: var(--dimensions-48);
|
|
@@ -5522,26 +5522,30 @@
|
|
|
5522
5522
|
cursor: text;
|
|
5523
5523
|
display: flex;
|
|
5524
5524
|
font-family: var(--body-lg-family);
|
|
5525
|
+
inline-size: 100%;
|
|
5525
5526
|
padding: 0 var(--space-xs);
|
|
5526
5527
|
transition: all var(--motion-duration-normal) var(--motion-ease-standard);
|
|
5527
5528
|
}
|
|
5528
|
-
.
|
|
5529
|
+
._widthAuto_peg80_18 {
|
|
5530
|
+
inline-size: auto;
|
|
5531
|
+
}
|
|
5532
|
+
._searchFieldRounded_peg80_23 {
|
|
5529
5533
|
border-radius: var(--radius-full);
|
|
5530
5534
|
}
|
|
5531
|
-
.
|
|
5535
|
+
._searchFieldRoot_peg80_1:hover:not(._searchFieldDisabled_peg80_28) {
|
|
5532
5536
|
background-color: var(--surface-state-hover);
|
|
5533
5537
|
border-color: var(--border-state-hover);
|
|
5534
5538
|
}
|
|
5535
|
-
.
|
|
5539
|
+
._searchFieldFocused_peg80_34 {
|
|
5536
5540
|
border-color: var(--border-state-focus);
|
|
5537
5541
|
box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
|
|
5538
5542
|
}
|
|
5539
|
-
.
|
|
5543
|
+
._searchFieldDisabled_peg80_28 {
|
|
5540
5544
|
background-color: var(--surface-state-disabled);
|
|
5541
5545
|
cursor: not-allowed;
|
|
5542
5546
|
opacity: var(--opacity-disabled);
|
|
5543
5547
|
}
|
|
5544
|
-
.
|
|
5548
|
+
._searchFieldIcon_peg80_47 {
|
|
5545
5549
|
align-items: center;
|
|
5546
5550
|
color: var(--foreground-neutral-primary);
|
|
5547
5551
|
display: flex;
|
|
@@ -5549,7 +5553,7 @@
|
|
|
5549
5553
|
justify-content: center;
|
|
5550
5554
|
margin-inline-end: var(--space-xs);
|
|
5551
5555
|
}
|
|
5552
|
-
.
|
|
5556
|
+
._searchFieldInput_peg80_56 {
|
|
5553
5557
|
background: transparent;
|
|
5554
5558
|
border: none;
|
|
5555
5559
|
caret-color: var(--text-neutral-primary);
|
|
@@ -5567,34 +5571,34 @@
|
|
|
5567
5571
|
text-overflow: ellipsis;
|
|
5568
5572
|
white-space: nowrap;
|
|
5569
5573
|
}
|
|
5570
|
-
.
|
|
5571
|
-
.
|
|
5574
|
+
._searchFieldInput_peg80_56::-webkit-search-cancel-button,
|
|
5575
|
+
._searchFieldInput_peg80_56::-webkit-search-decoration {
|
|
5572
5576
|
appearance: none;
|
|
5573
5577
|
}
|
|
5574
|
-
.
|
|
5578
|
+
._searchFieldInput_peg80_56:focus {
|
|
5575
5579
|
text-overflow: clip;
|
|
5576
5580
|
}
|
|
5577
|
-
.
|
|
5581
|
+
._searchFieldInput_peg80_56::placeholder {
|
|
5578
5582
|
color: var(--text-neutral-secondary);
|
|
5579
5583
|
}
|
|
5580
|
-
.
|
|
5584
|
+
._searchFieldInput_peg80_56::selection {
|
|
5581
5585
|
background-color: var(--surface-state-press);
|
|
5582
5586
|
color: var(--text-neutral-primary);
|
|
5583
5587
|
}
|
|
5584
|
-
.
|
|
5588
|
+
._searchFieldTrailingGroup_peg80_99 {
|
|
5585
5589
|
align-items: center;
|
|
5586
5590
|
display: flex;
|
|
5587
5591
|
gap: var(--space-xs);
|
|
5588
5592
|
margin-inline-start: var(--space-xs);
|
|
5589
5593
|
}
|
|
5590
|
-
.
|
|
5594
|
+
._searchFieldClearButton_peg80_106 {
|
|
5591
5595
|
block-size: var(--dimensions-20) !important;
|
|
5592
5596
|
inline-size: var(--dimensions-20) !important;
|
|
5593
5597
|
min-block-size: var(--dimensions-20) !important;
|
|
5594
5598
|
min-inline-size: var(--dimensions-20) !important;
|
|
5595
5599
|
padding: 0 !important;
|
|
5596
5600
|
}
|
|
5597
|
-
.
|
|
5601
|
+
._searchFieldClearButton_peg80_106 svg {
|
|
5598
5602
|
block-size: var(--dimensions-20) !important;
|
|
5599
5603
|
inline-size: var(--dimensions-20) !important;
|
|
5600
5604
|
}
|
|
@@ -7771,7 +7775,7 @@
|
|
|
7771
7775
|
inline-size: var(--dimensions-24);
|
|
7772
7776
|
justify-content: center;
|
|
7773
7777
|
}
|
|
7774
|
-
.
|
|
7778
|
+
._dropdownListRoot_1mw3t_1 {
|
|
7775
7779
|
background-color: var(--surface-neutral-elevator);
|
|
7776
7780
|
border: var(--border-xs) solid var(--border-neutral-tertiary);
|
|
7777
7781
|
border-radius: var(--radius-sm);
|
|
@@ -7783,22 +7787,22 @@
|
|
|
7783
7787
|
padding: var(--space-2xs) 0;
|
|
7784
7788
|
isolation: isolate;
|
|
7785
7789
|
}
|
|
7786
|
-
.
|
|
7790
|
+
._dropdownListSearchWrapper_1mw3t_18 {
|
|
7787
7791
|
padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
|
|
7788
7792
|
}
|
|
7789
|
-
.
|
|
7793
|
+
._dropdownListItemsListContainer_1mw3t_23 {
|
|
7790
7794
|
overflow: hidden;
|
|
7791
7795
|
position: relative;
|
|
7792
7796
|
}
|
|
7793
|
-
.
|
|
7797
|
+
._dropdownListItemsList_1mw3t_23 {
|
|
7794
7798
|
overflow-y: auto;
|
|
7795
7799
|
position: relative;
|
|
7796
7800
|
z-index: var(--z-local-below);
|
|
7797
7801
|
}
|
|
7798
|
-
.
|
|
7802
|
+
._dropdownListItemsList_1mw3t_23:focus {
|
|
7799
7803
|
outline: none;
|
|
7800
7804
|
}
|
|
7801
|
-
.
|
|
7805
|
+
._dropdownListGradient_1mw3t_40 {
|
|
7802
7806
|
block-size: var(--dimensions-32);
|
|
7803
7807
|
inset-inline: 0;
|
|
7804
7808
|
opacity: 0;
|
|
@@ -7807,7 +7811,7 @@
|
|
|
7807
7811
|
transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
|
|
7808
7812
|
z-index: var(--z-local-above);
|
|
7809
7813
|
}
|
|
7810
|
-
.
|
|
7814
|
+
._dropdownListGradientTop_1mw3t_52 {
|
|
7811
7815
|
background:
|
|
7812
7816
|
linear-gradient(
|
|
7813
7817
|
to bottom,
|
|
@@ -7815,7 +7819,7 @@
|
|
|
7815
7819
|
transparent 100%);
|
|
7816
7820
|
inset-block-start: 0;
|
|
7817
7821
|
}
|
|
7818
|
-
.
|
|
7822
|
+
._dropdownListGradientBottom_1mw3t_59 {
|
|
7819
7823
|
background:
|
|
7820
7824
|
linear-gradient(
|
|
7821
7825
|
to top,
|
|
@@ -7823,24 +7827,24 @@
|
|
|
7823
7827
|
transparent 100%);
|
|
7824
7828
|
inset-block-end: 0;
|
|
7825
7829
|
}
|
|
7826
|
-
.
|
|
7830
|
+
._dropdownListGradientVisible_1mw3t_66 {
|
|
7827
7831
|
opacity: 1;
|
|
7828
7832
|
}
|
|
7829
|
-
.
|
|
7833
|
+
._dropdownListItemWrapper_1mw3t_71 {
|
|
7830
7834
|
padding: 0 var(--space-2xs);
|
|
7831
7835
|
}
|
|
7832
|
-
.
|
|
7836
|
+
._dropdownListItemWrapperWithDivider_1mw3t_76 {
|
|
7833
7837
|
padding: var(--space-2xs) var(--space-2xs);
|
|
7834
7838
|
}
|
|
7835
|
-
.
|
|
7839
|
+
._dropdownListItemWrapperWithDivider_1mw3t_76:not(:last-child) {
|
|
7836
7840
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
7837
7841
|
}
|
|
7838
|
-
.
|
|
7842
|
+
._dropdownListItemWrapperWithBottomDivider_1mw3t_85 {
|
|
7839
7843
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
7840
7844
|
margin-block-end: var(--space-2xs);
|
|
7841
7845
|
padding-block-end: var(--space-2xs);
|
|
7842
7846
|
}
|
|
7843
|
-
.
|
|
7847
|
+
._dropdownListItem_1mw3t_23 {
|
|
7844
7848
|
align-items: center;
|
|
7845
7849
|
background-color: transparent;
|
|
7846
7850
|
block-size: var(--dimensions-48);
|
|
@@ -7854,10 +7858,10 @@
|
|
|
7854
7858
|
position: relative;
|
|
7855
7859
|
transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
|
|
7856
7860
|
}
|
|
7857
|
-
.
|
|
7861
|
+
._dropdownListItemSm_1mw3t_108 {
|
|
7858
7862
|
block-size: var(--dimensions-32);
|
|
7859
7863
|
}
|
|
7860
|
-
.
|
|
7864
|
+
._dropdownListItem_1mw3t_23:after {
|
|
7861
7865
|
background-color: transparent;
|
|
7862
7866
|
content: "";
|
|
7863
7867
|
inset: 0;
|
|
@@ -7866,42 +7870,42 @@
|
|
|
7866
7870
|
transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
|
|
7867
7871
|
z-index: var(--z-local-below);
|
|
7868
7872
|
}
|
|
7869
|
-
.
|
|
7873
|
+
._dropdownListItem_1mw3t_23:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
|
|
7870
7874
|
background-color: var(--surface-state-hover);
|
|
7871
7875
|
}
|
|
7872
|
-
.
|
|
7876
|
+
._dropdownListItem_1mw3t_23:active:not(._dropdownListItemDisabled_1mw3t_124):after {
|
|
7873
7877
|
background-color: var(--surface-state-press);
|
|
7874
7878
|
}
|
|
7875
|
-
.
|
|
7879
|
+
._dropdownListItem_1mw3t_23:focus-visible:after {
|
|
7876
7880
|
background-color: var(--surface-state-hover);
|
|
7877
7881
|
}
|
|
7878
|
-
.
|
|
7882
|
+
._dropdownListItem_1mw3t_23:focus-visible {
|
|
7879
7883
|
outline: var(--border-md) solid var(--border-state-focus);
|
|
7880
7884
|
outline-offset: calc(var(--border-md) * -1);
|
|
7881
7885
|
}
|
|
7882
|
-
.
|
|
7886
|
+
._dropdownListItemFocused_1mw3t_146 {
|
|
7883
7887
|
outline: var(--border-md) solid var(--border-state-focus);
|
|
7884
7888
|
outline-offset: calc(var(--border-md) * -1);
|
|
7885
7889
|
}
|
|
7886
|
-
.
|
|
7890
|
+
._dropdownListItemFocused_1mw3t_146:after {
|
|
7887
7891
|
background-color: var(--surface-state-hover);
|
|
7888
7892
|
}
|
|
7889
|
-
.
|
|
7893
|
+
._dropdownListItemSelected_1mw3t_160:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
|
|
7890
7894
|
background-color: var(--surface-state-hover);
|
|
7891
7895
|
}
|
|
7892
|
-
.
|
|
7896
|
+
._dropdownListItemSelected_1mw3t_160:active:not(._dropdownListItemDisabled_1mw3t_124):after {
|
|
7893
7897
|
background-color: var(--surface-state-press);
|
|
7894
7898
|
}
|
|
7895
|
-
.
|
|
7899
|
+
._dropdownListItemDisabled_1mw3t_124 {
|
|
7896
7900
|
cursor: not-allowed;
|
|
7897
7901
|
opacity: var(--opacity-disabled);
|
|
7898
7902
|
}
|
|
7899
|
-
.
|
|
7903
|
+
._dropdownListCheckbox_1mw3t_176 {
|
|
7900
7904
|
block-size: var(--dimensions-24) !important;
|
|
7901
7905
|
flex-shrink: 0;
|
|
7902
7906
|
inline-size: var(--dimensions-24) !important;
|
|
7903
7907
|
}
|
|
7904
|
-
.
|
|
7908
|
+
._dropdownListItemIcon_1mw3t_183 {
|
|
7905
7909
|
align-items: center;
|
|
7906
7910
|
block-size: var(--dimensions-24);
|
|
7907
7911
|
color: var(--foreground-neutral-primary);
|
|
@@ -7912,7 +7916,7 @@
|
|
|
7912
7916
|
position: relative;
|
|
7913
7917
|
z-index: var(--z-local-content);
|
|
7914
7918
|
}
|
|
7915
|
-
.
|
|
7919
|
+
._dropdownListItemLabel_1mw3t_196 {
|
|
7916
7920
|
color: var(--text-neutral-primary);
|
|
7917
7921
|
flex: 1;
|
|
7918
7922
|
font-family: var(--body-lg-family);
|
|
@@ -7922,7 +7926,7 @@
|
|
|
7922
7926
|
position: relative;
|
|
7923
7927
|
z-index: var(--z-local-content);
|
|
7924
7928
|
}
|
|
7925
|
-
.
|
|
7929
|
+
._dropdownListCheckmark_1mw3t_208 {
|
|
7926
7930
|
align-items: center;
|
|
7927
7931
|
block-size: var(--dimensions-24);
|
|
7928
7932
|
color: var(--text-neutral-primary);
|
|
@@ -7931,22 +7935,22 @@
|
|
|
7931
7935
|
inline-size: var(--dimensions-24);
|
|
7932
7936
|
justify-content: center;
|
|
7933
7937
|
}
|
|
7934
|
-
.
|
|
7938
|
+
._dropdownListEmptyState_1mw3t_219 {
|
|
7935
7939
|
color: var(--text-neutral-secondary);
|
|
7936
7940
|
font-family: var(--body-lg-family);
|
|
7937
7941
|
font-size: var(--body-lg-size);
|
|
7938
7942
|
padding: var(--space-sm) var(--space-xs);
|
|
7939
7943
|
text-align: center;
|
|
7940
7944
|
}
|
|
7941
|
-
.
|
|
7945
|
+
._dropdownListItemSm_1mw3t_108 ._dropdownListItemLabel_1mw3t_196 {
|
|
7942
7946
|
font-family: var(--body-md-family);
|
|
7943
7947
|
font-size: var(--body-md-size);
|
|
7944
7948
|
font-weight: var(--body-md-weight);
|
|
7945
7949
|
line-height: var(--body-md-line-height);
|
|
7946
7950
|
}
|
|
7947
|
-
.
|
|
7948
|
-
.
|
|
7949
|
-
.
|
|
7951
|
+
._dropdownListItemSm_1mw3t_108 ._dropdownListItemIcon_1mw3t_183,
|
|
7952
|
+
._dropdownListItemSm_1mw3t_108 ._dropdownListCheckmark_1mw3t_208,
|
|
7953
|
+
._dropdownListItemSm_1mw3t_108 ._dropdownListCheckbox_1mw3t_176 {
|
|
7950
7954
|
block-size: var(--dimensions-20) !important;
|
|
7951
7955
|
inline-size: var(--dimensions-20) !important;
|
|
7952
7956
|
}
|
|
@@ -8570,31 +8574,38 @@
|
|
|
8570
8574
|
position: absolute;
|
|
8571
8575
|
z-index: var(--z-local-content);
|
|
8572
8576
|
}
|
|
8573
|
-
.
|
|
8577
|
+
._chartContainer_ksry0_6 {
|
|
8574
8578
|
inline-size: 100%;
|
|
8575
8579
|
isolation: isolate;
|
|
8576
8580
|
outline: none;
|
|
8577
8581
|
position: relative;
|
|
8578
8582
|
}
|
|
8579
|
-
.
|
|
8583
|
+
._chartContainer_ksry0_6 * {
|
|
8580
8584
|
box-shadow: none !important;
|
|
8581
8585
|
outline: none !important;
|
|
8582
8586
|
outline: 0 !important;
|
|
8583
8587
|
}
|
|
8584
|
-
.
|
|
8585
|
-
.
|
|
8586
|
-
.
|
|
8588
|
+
._chartContainer_ksry0_6 *:focus,
|
|
8589
|
+
._chartContainer_ksry0_6 *:focus-visible,
|
|
8590
|
+
._chartContainer_ksry0_6 *:active {
|
|
8587
8591
|
box-shadow: none !important;
|
|
8588
8592
|
outline: none !important;
|
|
8589
8593
|
outline: 0 !important;
|
|
8590
8594
|
}
|
|
8591
|
-
.
|
|
8595
|
+
._chartContainer_ksry0_6 .recharts-text {
|
|
8592
8596
|
font-family: var(--body-sm-family);
|
|
8593
8597
|
}
|
|
8594
|
-
.
|
|
8598
|
+
._chartContainer_ksry0_6 .recharts-cartesian-axis-tick text,
|
|
8599
|
+
._chartContainer_ksry0_6 .recharts-polar-angle-axis text,
|
|
8600
|
+
._chartContainer_ksry0_6 .recharts-polar-radius-axis text {
|
|
8601
|
+
font-size: var(--body-sm-size) !important;
|
|
8602
|
+
}
|
|
8603
|
+
._chartContainer_ksry0_6 .recharts-legend-item-text {
|
|
8604
|
+
color: var(--text-neutral-primary) !important;
|
|
8595
8605
|
font-family: var(--body-sm-family) !important;
|
|
8606
|
+
font-size: var(--body-sm-size) !important;
|
|
8596
8607
|
}
|
|
8597
|
-
.
|
|
8608
|
+
._chartTooltip_ksry0_56 {
|
|
8598
8609
|
background-color: var(--surface-neutral-elevator);
|
|
8599
8610
|
border: var(--border-xs) solid var(--border-neutral-tertiary);
|
|
8600
8611
|
border-radius: var(--radius-sm);
|
|
@@ -8606,14 +8617,13 @@
|
|
|
8606
8617
|
padding: var(--space-xs) var(--space-sm);
|
|
8607
8618
|
z-index: var(--z-local-top);
|
|
8608
8619
|
}
|
|
8609
|
-
.
|
|
8620
|
+
._chartTooltipLabel_ksry0_70 {
|
|
8610
8621
|
color: var(--text-neutral-secondary);
|
|
8611
|
-
font-family: var(--
|
|
8612
|
-
font-size: var(--
|
|
8613
|
-
font-weight: var(--
|
|
8614
|
-
margin-block-end: var(--space-xs);
|
|
8622
|
+
font-family: var(--body-sm-family);
|
|
8623
|
+
font-size: var(--body-sm-size);
|
|
8624
|
+
font-weight: var(--body-sm-weight-emphasize);
|
|
8615
8625
|
}
|
|
8616
|
-
.
|
|
8626
|
+
._chartTooltipItem_ksry0_77 {
|
|
8617
8627
|
align-items: center;
|
|
8618
8628
|
color: var(--text-neutral-primary);
|
|
8619
8629
|
display: flex;
|
|
@@ -8621,29 +8631,29 @@
|
|
|
8621
8631
|
font-size: var(--body-sm-size);
|
|
8622
8632
|
gap: var(--space-xs);
|
|
8623
8633
|
}
|
|
8624
|
-
.
|
|
8634
|
+
._chartTooltipIndicator_ksry0_86 {
|
|
8625
8635
|
block-size: var(--dimensions-8);
|
|
8626
8636
|
border-radius: var(--radius-xs);
|
|
8627
8637
|
inline-size: var(--dimensions-8);
|
|
8628
8638
|
}
|
|
8629
|
-
.
|
|
8639
|
+
._chartTooltipValue_ksry0_92 {
|
|
8630
8640
|
font-feature-settings: "tnum";
|
|
8631
8641
|
font-variant-numeric: tabular-nums;
|
|
8632
8642
|
font-weight: var(--typeface-weight-bold);
|
|
8633
8643
|
margin-inline-start: auto;
|
|
8634
8644
|
}
|
|
8635
|
-
.
|
|
8645
|
+
._chartTooltipDivider_ksry0_99 {
|
|
8636
8646
|
background-color: var(--border-neutral-tertiary);
|
|
8637
8647
|
block-size: var(--border-xs);
|
|
8638
8648
|
inline-size: 100%;
|
|
8639
8649
|
margin-block: var(--space-2xs);
|
|
8640
8650
|
}
|
|
8641
|
-
.
|
|
8651
|
+
._chartTooltipBreakdown_ksry0_106 {
|
|
8642
8652
|
display: flex;
|
|
8643
8653
|
flex-direction: column;
|
|
8644
8654
|
gap: var(--space-3xs);
|
|
8645
8655
|
}
|
|
8646
|
-
.
|
|
8656
|
+
._chartTooltipSubItem_ksry0_112 {
|
|
8647
8657
|
align-items: center;
|
|
8648
8658
|
color: var(--text-neutral-secondary);
|
|
8649
8659
|
display: flex;
|
|
@@ -8651,27 +8661,27 @@
|
|
|
8651
8661
|
font-size: var(--body-sm-size);
|
|
8652
8662
|
gap: var(--space-xs);
|
|
8653
8663
|
}
|
|
8654
|
-
.
|
|
8664
|
+
._chartTooltipSubIndicator_ksry0_121 {
|
|
8655
8665
|
block-size: var(--dimensions-6);
|
|
8656
8666
|
border-radius: var(--radius-full);
|
|
8657
8667
|
inline-size: var(--dimensions-6);
|
|
8658
8668
|
}
|
|
8659
|
-
.
|
|
8669
|
+
._chartTooltipSubValue_ksry0_127 {
|
|
8660
8670
|
font-feature-settings: "tnum";
|
|
8661
8671
|
font-variant-numeric: tabular-nums;
|
|
8662
8672
|
font-weight: var(--typeface-weight-bold);
|
|
8663
8673
|
margin-inline-start: auto;
|
|
8664
8674
|
}
|
|
8665
|
-
.
|
|
8675
|
+
._chartLegend_ksry0_135 {
|
|
8666
8676
|
display: flex;
|
|
8667
8677
|
flex-wrap: wrap;
|
|
8668
8678
|
gap: var(--space-md);
|
|
8669
8679
|
justify-content: center;
|
|
8670
8680
|
margin-block-start: var(--space-md);
|
|
8671
8681
|
}
|
|
8672
|
-
.
|
|
8682
|
+
._chartLegendItem_ksry0_143 {
|
|
8673
8683
|
align-items: center;
|
|
8674
|
-
color: var(--text-neutral-
|
|
8684
|
+
color: var(--text-neutral-primary) !important;
|
|
8675
8685
|
cursor: pointer;
|
|
8676
8686
|
display: flex;
|
|
8677
8687
|
font-family: var(--body-sm-family);
|
|
@@ -8680,10 +8690,10 @@
|
|
|
8680
8690
|
opacity: 1;
|
|
8681
8691
|
transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
|
|
8682
8692
|
}
|
|
8683
|
-
.
|
|
8693
|
+
._chartLegendItemInactive_ksry0_155 {
|
|
8684
8694
|
opacity: var(--opacity-muted);
|
|
8685
8695
|
}
|
|
8686
|
-
.
|
|
8696
|
+
._chartLegendIndicator_ksry0_159 {
|
|
8687
8697
|
block-size: var(--dimensions-8);
|
|
8688
8698
|
border-radius: var(--radius-full);
|
|
8689
8699
|
inline-size: var(--dimensions-8);
|
|
@@ -9776,7 +9786,7 @@
|
|
|
9776
9786
|
._dataTableContainer_dflxv_24:last-child ._dataTableBody_dflxv_255 tr:last-child ._dataTableTd_dflxv_268:last-child {
|
|
9777
9787
|
border-end-end-radius: var(--radius-xs);
|
|
9778
9788
|
}
|
|
9779
|
-
.
|
|
9789
|
+
._paginationRoot_lndl7_1 {
|
|
9780
9790
|
align-items: center;
|
|
9781
9791
|
box-sizing: border-box;
|
|
9782
9792
|
display: flex;
|
|
@@ -9786,7 +9796,18 @@
|
|
|
9786
9796
|
padding: 0 var(--space-sm);
|
|
9787
9797
|
position: relative;
|
|
9788
9798
|
}
|
|
9789
|
-
.
|
|
9799
|
+
._paginationRootCompact_lndl7_12 {
|
|
9800
|
+
display: grid;
|
|
9801
|
+
gap: var(--space-sm);
|
|
9802
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
9803
|
+
}
|
|
9804
|
+
._paginationRootStacked_lndl7_18 {
|
|
9805
|
+
display: flex;
|
|
9806
|
+
flex-direction: column;
|
|
9807
|
+
gap: var(--space-sm);
|
|
9808
|
+
padding-block: var(--space-sm);
|
|
9809
|
+
}
|
|
9810
|
+
._paginationItemRange_lndl7_25 {
|
|
9790
9811
|
align-items: baseline;
|
|
9791
9812
|
color: var(--text-neutral-secondary);
|
|
9792
9813
|
display: flex;
|
|
@@ -9796,11 +9817,11 @@
|
|
|
9796
9817
|
gap: var(--space-2xs);
|
|
9797
9818
|
line-height: var(--body-md-line-height);
|
|
9798
9819
|
}
|
|
9799
|
-
.
|
|
9820
|
+
._paginationItemRangeText_lndl7_36 {
|
|
9800
9821
|
color: var(--text-neutral-primary);
|
|
9801
9822
|
font-weight: 700;
|
|
9802
9823
|
}
|
|
9803
|
-
.
|
|
9824
|
+
._paginationNav_lndl7_41 {
|
|
9804
9825
|
align-items: center;
|
|
9805
9826
|
display: flex;
|
|
9806
9827
|
gap: var(--space-sm);
|
|
@@ -9808,12 +9829,36 @@
|
|
|
9808
9829
|
position: absolute;
|
|
9809
9830
|
transform: translate(-50%);
|
|
9810
9831
|
}
|
|
9811
|
-
.
|
|
9832
|
+
._paginationRootCompact_lndl7_12 ._paginationNav_lndl7_41 {
|
|
9833
|
+
inset-inline-start: auto;
|
|
9834
|
+
justify-content: center;
|
|
9835
|
+
min-inline-size: 0;
|
|
9836
|
+
position: static;
|
|
9837
|
+
transform: none;
|
|
9838
|
+
}
|
|
9839
|
+
._paginationMetaRow_lndl7_58 {
|
|
9840
|
+
align-items: center;
|
|
9841
|
+
display: flex;
|
|
9842
|
+
gap: var(--space-lg);
|
|
9843
|
+
inline-size: 100%;
|
|
9844
|
+
justify-content: space-between;
|
|
9845
|
+
}
|
|
9846
|
+
._paginationNavRow_lndl7_66 {
|
|
9847
|
+
display: flex;
|
|
9848
|
+
inline-size: 100%;
|
|
9849
|
+
justify-content: center;
|
|
9850
|
+
}
|
|
9851
|
+
._paginationNavRow_lndl7_66 ._paginationNav_lndl7_41 {
|
|
9852
|
+
inset-inline-start: auto;
|
|
9853
|
+
position: static;
|
|
9854
|
+
transform: none;
|
|
9855
|
+
}
|
|
9856
|
+
._paginationNumbers_lndl7_78 {
|
|
9812
9857
|
align-items: center;
|
|
9813
9858
|
display: flex;
|
|
9814
9859
|
gap: var(--space-2xs);
|
|
9815
9860
|
}
|
|
9816
|
-
.
|
|
9861
|
+
._paginationButton_lndl7_85 {
|
|
9817
9862
|
align-items: center;
|
|
9818
9863
|
background-color: transparent;
|
|
9819
9864
|
block-size: var(--dimensions-44);
|
|
@@ -9834,7 +9879,7 @@
|
|
|
9834
9879
|
padding: 0 var(--space-2xs);
|
|
9835
9880
|
position: relative;
|
|
9836
9881
|
}
|
|
9837
|
-
.
|
|
9882
|
+
._paginationButton_lndl7_85:after {
|
|
9838
9883
|
background-color: transparent;
|
|
9839
9884
|
content: "";
|
|
9840
9885
|
inset: 0;
|
|
@@ -9843,23 +9888,23 @@
|
|
|
9843
9888
|
transition: background-color var(--motion-duration-normal) ease-out;
|
|
9844
9889
|
z-index: var(--z-local-below);
|
|
9845
9890
|
}
|
|
9846
|
-
.
|
|
9891
|
+
._paginationButton_lndl7_85:hover:not(:disabled):after {
|
|
9847
9892
|
background-color: var(--surface-state-hover);
|
|
9848
9893
|
}
|
|
9849
|
-
.
|
|
9894
|
+
._paginationButton_lndl7_85:active:not(:disabled):after {
|
|
9850
9895
|
background-color: var(--surface-state-press);
|
|
9851
9896
|
}
|
|
9852
|
-
.
|
|
9897
|
+
._paginationButtonActive_lndl7_129 {
|
|
9853
9898
|
background-color: var(--surface-neutral-primary-inverse);
|
|
9854
9899
|
color: var(--text-neutral-primary-inverse);
|
|
9855
9900
|
}
|
|
9856
|
-
.
|
|
9901
|
+
._paginationButtonActive_lndl7_129:hover:not(:disabled):after {
|
|
9857
9902
|
background-color: var(--surface-state-inverse-hover);
|
|
9858
9903
|
}
|
|
9859
|
-
.
|
|
9904
|
+
._paginationButtonActive_lndl7_129:active:not(:disabled):after {
|
|
9860
9905
|
background-color: var(--surface-state-inverse-press);
|
|
9861
9906
|
}
|
|
9862
|
-
.
|
|
9907
|
+
._paginationEllipsis_lndl7_144 {
|
|
9863
9908
|
align-items: center;
|
|
9864
9909
|
block-size: var(--dimensions-44);
|
|
9865
9910
|
color: var(--foreground-neutral-secondary);
|
|
@@ -9871,12 +9916,13 @@
|
|
|
9871
9916
|
-webkit-user-select: none;
|
|
9872
9917
|
user-select: none;
|
|
9873
9918
|
}
|
|
9874
|
-
.
|
|
9919
|
+
._paginationItemsPerPage_lndl7_157 {
|
|
9875
9920
|
align-items: center;
|
|
9876
9921
|
display: flex;
|
|
9877
9922
|
gap: var(--space-sm);
|
|
9923
|
+
justify-self: end;
|
|
9878
9924
|
}
|
|
9879
|
-
.
|
|
9925
|
+
._paginationItemsPerPageLabel_lndl7_164 {
|
|
9880
9926
|
color: var(--text-neutral-secondary);
|
|
9881
9927
|
font-family: var(--body-md-family);
|
|
9882
9928
|
font-size: var(--body-md-size);
|
|
@@ -9884,9 +9930,15 @@
|
|
|
9884
9930
|
line-height: var(--body-md-line-height);
|
|
9885
9931
|
white-space: nowrap;
|
|
9886
9932
|
}
|
|
9887
|
-
.
|
|
9933
|
+
._paginationItemsPerPageDropdown_lndl7_173 {
|
|
9888
9934
|
inline-size: var(--dimensions-80);
|
|
9889
9935
|
}
|
|
9936
|
+
._paginationRootCompact_lndl7_12 ._paginationItemsPerPage_lndl7_157 {
|
|
9937
|
+
gap: var(--space-none);
|
|
9938
|
+
}
|
|
9939
|
+
._paginationRootCompact_lndl7_12 ._paginationItemsPerPageDropdown_lndl7_173 {
|
|
9940
|
+
inline-size: var(--dimensions-72);
|
|
9941
|
+
}
|
|
9890
9942
|
@keyframes _slide-from-bottom_pnr8r_1 {
|
|
9891
9943
|
0% {
|
|
9892
9944
|
transform: translateY(100%);
|
|
@@ -10191,13 +10243,13 @@
|
|
|
10191
10243
|
text-overflow: ellipsis;
|
|
10192
10244
|
white-space: nowrap;
|
|
10193
10245
|
}
|
|
10194
|
-
.
|
|
10246
|
+
._toolbarRoot_1ns6f_1 {
|
|
10195
10247
|
background-color: transparent;
|
|
10196
10248
|
border-block-start: var(--border-sm) solid transparent;
|
|
10197
10249
|
box-sizing: border-box;
|
|
10198
10250
|
display: flex;
|
|
10199
10251
|
flex-direction: column;
|
|
10200
|
-
gap: var(--space-
|
|
10252
|
+
gap: var(--space-2xs);
|
|
10201
10253
|
inline-size: 100%;
|
|
10202
10254
|
inset-block-end: 0;
|
|
10203
10255
|
inset-inline: 0;
|
|
@@ -10210,24 +10262,24 @@
|
|
|
10210
10262
|
border-color var(--motion-duration-normal) var(--motion-ease-in-out);
|
|
10211
10263
|
z-index: var(--z-index-sticky);
|
|
10212
10264
|
}
|
|
10213
|
-
.
|
|
10265
|
+
._toolbarFixed_1ns6f_30 {
|
|
10214
10266
|
position: fixed;
|
|
10215
10267
|
}
|
|
10216
|
-
.
|
|
10268
|
+
._toolbarElevated_1ns6f_35 {
|
|
10217
10269
|
background-color: var(--surface-neutral-elevator);
|
|
10218
10270
|
border-block-start-color: var(--border-neutral-tertiary);
|
|
10219
10271
|
box-shadow: var(--up-sm-ambient-x) var(--up-sm-ambient-y) var(--up-sm-ambient-blur) var(--up-sm-ambient-spread) var(--up-sm-ambient-color), var(--up-sm-cast-x) var(--up-sm-cast-y) var(--up-sm-cast-blur) 0 var(--up-sm-cast-color);
|
|
10220
10272
|
}
|
|
10221
|
-
.
|
|
10273
|
+
._toolbarResponsive_1ns6f_46 {
|
|
10222
10274
|
max-inline-size: 360px;
|
|
10223
10275
|
}
|
|
10224
10276
|
@media (min-width: 600px) {
|
|
10225
|
-
.
|
|
10277
|
+
._toolbarResponsive_1ns6f_46 {
|
|
10226
10278
|
max-inline-size: 600px;
|
|
10227
10279
|
}
|
|
10228
10280
|
}
|
|
10229
10281
|
@media (min-width: 900px) {
|
|
10230
|
-
.
|
|
10282
|
+
._toolbarResponsive_1ns6f_46 {
|
|
10231
10283
|
max-inline-size: 900px;
|
|
10232
10284
|
}
|
|
10233
10285
|
}
|
|
@@ -12506,14 +12558,196 @@
|
|
|
12506
12558
|
transform: rotate(360deg);
|
|
12507
12559
|
}
|
|
12508
12560
|
}
|
|
12509
|
-
.
|
|
12561
|
+
._attachmentRoot_zdxto_7 {
|
|
12562
|
+
--attachment-radius: var(--radius-2xs);
|
|
12563
|
+
align-items: center;
|
|
12564
|
+
border: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
12565
|
+
border-radius: var(--attachment-radius);
|
|
12566
|
+
box-sizing: border-box;
|
|
12567
|
+
display: inline-flex;
|
|
12568
|
+
flex-direction: row;
|
|
12569
|
+
gap: var(--space-sm);
|
|
12570
|
+
overflow: hidden;
|
|
12571
|
+
padding: var(--space-xs);
|
|
12572
|
+
position: relative;
|
|
12573
|
+
transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
|
|
12574
|
+
}
|
|
12575
|
+
._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
|
|
12576
|
+
padding-block: var(--space-4xs);
|
|
12577
|
+
padding-inline: var(--space-4xs) var(--space-xs);
|
|
12578
|
+
}
|
|
12579
|
+
._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
|
|
12580
|
+
padding-inline: var(--space-4xs) var(--space-xl);
|
|
12581
|
+
}
|
|
12582
|
+
._attachmentDisabled_zdxto_32 {
|
|
12583
|
+
cursor: not-allowed;
|
|
12584
|
+
opacity: var(--opacity-disabled);
|
|
12585
|
+
pointer-events: none;
|
|
12586
|
+
}
|
|
12587
|
+
._attachmentSm_zdxto_43 {
|
|
12588
|
+
max-inline-size: var(--dimensions-200);
|
|
12589
|
+
}
|
|
12590
|
+
._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
|
|
12591
|
+
block-size: var(--dimensions-40);
|
|
12592
|
+
}
|
|
12593
|
+
._attachmentMd_zdxto_52 {
|
|
12594
|
+
max-inline-size: var(--dimensions-240);
|
|
12595
|
+
}
|
|
12596
|
+
._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
|
|
12597
|
+
block-size: var(--dimensions-80);
|
|
12598
|
+
}
|
|
12599
|
+
._attachmentLg_zdxto_61 {
|
|
12600
|
+
max-inline-size: var(--dimensions-280);
|
|
12601
|
+
}
|
|
12602
|
+
._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
|
|
12603
|
+
block-size: var(--dimensions-120);
|
|
12604
|
+
}
|
|
12605
|
+
._attachmentMedia_zdxto_23 {
|
|
12606
|
+
gap: 0;
|
|
12607
|
+
padding: 0;
|
|
12608
|
+
}
|
|
12609
|
+
._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
|
|
12610
|
+
block-size: var(--dimensions-40);
|
|
12611
|
+
border: none;
|
|
12612
|
+
inline-size: var(--dimensions-40);
|
|
12613
|
+
}
|
|
12614
|
+
._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
|
|
12615
|
+
block-size: var(--dimensions-80);
|
|
12616
|
+
border: none;
|
|
12617
|
+
inline-size: var(--dimensions-80);
|
|
12618
|
+
}
|
|
12619
|
+
._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
|
|
12620
|
+
block-size: var(--dimensions-120);
|
|
12621
|
+
border: none;
|
|
12622
|
+
inline-size: var(--dimensions-120);
|
|
12623
|
+
}
|
|
12624
|
+
._attachmentPreview_zdxto_105 {
|
|
12625
|
+
align-items: center;
|
|
12626
|
+
background-color: var(--surface-neutral-secondary);
|
|
12627
|
+
border-radius: var(--attachment-radius);
|
|
12628
|
+
display: flex;
|
|
12629
|
+
flex-shrink: 0;
|
|
12630
|
+
justify-content: center;
|
|
12631
|
+
overflow: hidden;
|
|
12632
|
+
position: relative;
|
|
12633
|
+
}
|
|
12634
|
+
._attachmentThumbnail_zdxto_116 {
|
|
12635
|
+
block-size: 100%;
|
|
12636
|
+
display: block;
|
|
12637
|
+
inline-size: 100%;
|
|
12638
|
+
object-fit: cover;
|
|
12639
|
+
}
|
|
12640
|
+
._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
|
|
12641
|
+
._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
|
|
12642
|
+
block-size: 100%;
|
|
12643
|
+
border-radius: var(--attachment-radius);
|
|
12644
|
+
inline-size: 100%;
|
|
12645
|
+
}
|
|
12646
|
+
._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
|
|
12647
|
+
aspect-ratio: 1;
|
|
12648
|
+
block-size: 100%;
|
|
12649
|
+
border-radius: calc(var(--attachment-radius) - var(--space-4xs));
|
|
12650
|
+
inline-size: auto;
|
|
12651
|
+
}
|
|
12652
|
+
._attachmentVideoOverlay_zdxto_139 {
|
|
12653
|
+
background-color: var(--color-overlay);
|
|
12654
|
+
inset: 0;
|
|
12655
|
+
position: absolute;
|
|
12656
|
+
}
|
|
12657
|
+
._attachmentPlayOverlay_zdxto_146 {
|
|
12658
|
+
align-items: center;
|
|
12659
|
+
color: var(--foreground-neutral-primary-inverse);
|
|
12660
|
+
display: flex;
|
|
12661
|
+
inset-block-start: 50%;
|
|
12662
|
+
inset-inline-start: 50%;
|
|
12663
|
+
justify-content: center;
|
|
12664
|
+
position: absolute;
|
|
12665
|
+
transform: translate(-50%, -50%);
|
|
12666
|
+
}
|
|
12667
|
+
._attachmentFileIcon_zdxto_159 {
|
|
12668
|
+
align-items: center;
|
|
12669
|
+
color: var(--foreground-neutral-secondary);
|
|
12670
|
+
display: flex;
|
|
12671
|
+
justify-content: center;
|
|
12672
|
+
}
|
|
12673
|
+
._attachmentInfo_zdxto_170 {
|
|
12674
|
+
display: flex;
|
|
12675
|
+
flex: 1;
|
|
12676
|
+
flex-direction: column;
|
|
12677
|
+
gap: var(--space-5xs);
|
|
12678
|
+
min-inline-size: 0;
|
|
12679
|
+
}
|
|
12680
|
+
._attachmentRemove_zdxto_182 {
|
|
12681
|
+
block-size: var(--dimensions-20) !important;
|
|
12682
|
+
inline-size: var(--dimensions-20) !important;
|
|
12683
|
+
inset-block-start: var(--space-5xs);
|
|
12684
|
+
inset-inline-end: var(--space-5xs);
|
|
12685
|
+
min-block-size: 0 !important;
|
|
12686
|
+
min-inline-size: 0 !important;
|
|
12687
|
+
padding: 0 !important;
|
|
12688
|
+
position: absolute;
|
|
12689
|
+
z-index: 1;
|
|
12690
|
+
}
|
|
12691
|
+
._attachmentRemoveMedia_zdxto_194 {
|
|
12692
|
+
background-color: var(--surface-neutral-primary) !important;
|
|
12693
|
+
}
|
|
12694
|
+
._attachmentRemove_zdxto_182 svg {
|
|
12695
|
+
block-size: var(--dimensions-16);
|
|
12696
|
+
inline-size: var(--dimensions-16);
|
|
12697
|
+
}
|
|
12698
|
+
._fileUploadRoot_16fp2_2 {
|
|
12699
|
+
--file-upload-drop-zone-min-height: var(--dimensions-160);
|
|
12700
|
+
--file-upload-drop-zone-padding: var(--space-lg);
|
|
12701
|
+
--file-upload-drop-zone-gap: var(--space-sm);
|
|
12702
|
+
--file-upload-text-gap: var(--space-5xs);
|
|
12703
|
+
--file-upload-title-size: var(--title-md-size);
|
|
12704
|
+
--file-upload-title-line-height: var(--title-md-line-height);
|
|
12705
|
+
--file-upload-subtitle-size: var(--body-sm-size);
|
|
12706
|
+
--file-upload-subtitle-line-height: var(--body-sm-line-height);
|
|
12707
|
+
--file-upload-square-size: var(--dimensions-160);
|
|
12510
12708
|
display: flex;
|
|
12511
12709
|
flex-direction: column;
|
|
12512
12710
|
font-family: var(--body-md-family);
|
|
12513
12711
|
gap: var(--space-2xs);
|
|
12514
12712
|
inline-size: 100%;
|
|
12515
12713
|
}
|
|
12516
|
-
.
|
|
12714
|
+
._fileUploadRootSizeSM_16fp2_19 {
|
|
12715
|
+
--file-upload-drop-zone-min-height: var(--dimensions-112);
|
|
12716
|
+
--file-upload-drop-zone-padding: var(--space-md);
|
|
12717
|
+
--file-upload-drop-zone-gap: var(--space-xs);
|
|
12718
|
+
--file-upload-text-gap: var(--space-6xs);
|
|
12719
|
+
--file-upload-title-size: var(--title-sm-size);
|
|
12720
|
+
--file-upload-title-line-height: var(--title-sm-line-height);
|
|
12721
|
+
--file-upload-subtitle-size: 11px;
|
|
12722
|
+
--file-upload-subtitle-line-height: 14px;
|
|
12723
|
+
--file-upload-square-size: var(--dimensions-112);
|
|
12724
|
+
}
|
|
12725
|
+
._fileUploadRootSizeMD_16fp2_31 {
|
|
12726
|
+
--file-upload-drop-zone-min-height: var(--dimensions-136);
|
|
12727
|
+
--file-upload-drop-zone-padding: var(--space-md);
|
|
12728
|
+
--file-upload-drop-zone-gap: var(--space-xs);
|
|
12729
|
+
--file-upload-text-gap: var(--space-5xs);
|
|
12730
|
+
--file-upload-title-size: var(--title-sm-size);
|
|
12731
|
+
--file-upload-title-line-height: var(--title-sm-line-height);
|
|
12732
|
+
--file-upload-subtitle-size: var(--body-sm-size);
|
|
12733
|
+
--file-upload-subtitle-line-height: var(--body-sm-line-height);
|
|
12734
|
+
--file-upload-square-size: var(--dimensions-136);
|
|
12735
|
+
}
|
|
12736
|
+
._fileUploadRootSizeLG_16fp2_43 {
|
|
12737
|
+
--file-upload-drop-zone-min-height: var(--dimensions-160);
|
|
12738
|
+
--file-upload-drop-zone-padding: var(--space-lg);
|
|
12739
|
+
--file-upload-drop-zone-gap: var(--space-sm);
|
|
12740
|
+
--file-upload-text-gap: var(--space-5xs);
|
|
12741
|
+
--file-upload-title-size: var(--title-md-size);
|
|
12742
|
+
--file-upload-title-line-height: var(--title-md-line-height);
|
|
12743
|
+
--file-upload-subtitle-size: var(--body-sm-size);
|
|
12744
|
+
--file-upload-subtitle-line-height: var(--body-sm-line-height);
|
|
12745
|
+
--file-upload-square-size: var(--dimensions-160);
|
|
12746
|
+
}
|
|
12747
|
+
._fileUploadRootVariantSquare_16fp2_55 {
|
|
12748
|
+
inline-size: auto;
|
|
12749
|
+
}
|
|
12750
|
+
._fileUploadDropZone_16fp2_60 {
|
|
12517
12751
|
align-items: center;
|
|
12518
12752
|
background-color: var(--surface-neutral-secondary);
|
|
12519
12753
|
border: var(--border-sm) dashed var(--border-neutral-secondary);
|
|
@@ -12522,67 +12756,80 @@
|
|
|
12522
12756
|
cursor: pointer;
|
|
12523
12757
|
display: flex;
|
|
12524
12758
|
flex-direction: column;
|
|
12525
|
-
gap: var(--
|
|
12759
|
+
gap: var(--file-upload-drop-zone-gap);
|
|
12526
12760
|
justify-content: center;
|
|
12527
|
-
min-block-size: var(--
|
|
12528
|
-
padding: var(--
|
|
12761
|
+
min-block-size: var(--file-upload-drop-zone-min-height);
|
|
12762
|
+
padding: var(--file-upload-drop-zone-padding);
|
|
12529
12763
|
stroke-dasharray: 4 4;
|
|
12530
12764
|
text-align: center;
|
|
12531
12765
|
transition: all var(--motion-duration-normal) ease-in-out;
|
|
12532
12766
|
}
|
|
12533
|
-
.
|
|
12767
|
+
._fileUploadDropZoneSquare_16fp2_79 {
|
|
12768
|
+
aspect-ratio: 1;
|
|
12769
|
+
inline-size: min(100%, var(--file-upload-square-size));
|
|
12770
|
+
min-block-size: 0;
|
|
12771
|
+
}
|
|
12772
|
+
._fileUploadDropZone_16fp2_60:hover:not(._fileUploadDropZoneDisabled_16fp2_85) {
|
|
12534
12773
|
background-color: var(--surface-state-hover);
|
|
12535
12774
|
border-color: var(--border-state-hover);
|
|
12536
12775
|
}
|
|
12537
|
-
.
|
|
12776
|
+
._fileUploadDropZone_16fp2_60._fileUploadDropZoneActive_16fp2_90 {
|
|
12538
12777
|
background-color: var(--surface-accent-blue-subtle) !important;
|
|
12539
12778
|
border-color: var(--border-state-hover) !important;
|
|
12540
12779
|
}
|
|
12541
|
-
.
|
|
12780
|
+
._fileUploadDropZone_16fp2_60._fileUploadDropZoneDisabled_16fp2_85 {
|
|
12542
12781
|
background-color: var(--surface-state-disabled);
|
|
12543
12782
|
cursor: not-allowed;
|
|
12544
12783
|
opacity: var(--opacity-disabled);
|
|
12545
12784
|
}
|
|
12546
|
-
.
|
|
12785
|
+
._fileUploadDropZone_16fp2_60._fileUploadDropZoneError_16fp2_101 {
|
|
12547
12786
|
background-color: var(--surface-accent-red-subtle);
|
|
12548
12787
|
border-color: var(--border-state-error);
|
|
12549
12788
|
}
|
|
12550
|
-
.
|
|
12789
|
+
._fileUploadTextContainer_16fp2_107 {
|
|
12551
12790
|
display: flex;
|
|
12552
12791
|
flex-direction: column;
|
|
12553
|
-
gap: var(--
|
|
12792
|
+
gap: var(--file-upload-text-gap);
|
|
12554
12793
|
}
|
|
12555
|
-
.
|
|
12794
|
+
._fileUploadIcon_16fp2_113 {
|
|
12556
12795
|
color: var(--foreground-neutral-primary);
|
|
12557
12796
|
}
|
|
12558
|
-
.
|
|
12797
|
+
._fileUploadTitle_16fp2_117 {
|
|
12559
12798
|
color: var(--text-neutral-primary);
|
|
12560
12799
|
font-family: var(--title-md-family);
|
|
12561
|
-
font-size: var(--title-
|
|
12800
|
+
font-size: var(--file-upload-title-size);
|
|
12562
12801
|
font-weight: var(--title-md-weight-emphasize);
|
|
12563
|
-
line-height: var(--title-
|
|
12802
|
+
line-height: var(--file-upload-title-line-height);
|
|
12564
12803
|
}
|
|
12565
|
-
.
|
|
12804
|
+
._fileUploadSubtitle_16fp2_125 {
|
|
12566
12805
|
color: var(--text-neutral-secondary);
|
|
12567
12806
|
font-family: var(--body-sm-family);
|
|
12568
|
-
font-size: var(--
|
|
12807
|
+
font-size: var(--file-upload-subtitle-size);
|
|
12569
12808
|
font-weight: var(--body-sm-weight);
|
|
12570
|
-
line-height: var(--
|
|
12809
|
+
line-height: var(--file-upload-subtitle-line-height);
|
|
12571
12810
|
}
|
|
12572
|
-
.
|
|
12811
|
+
._fileUploadBrowseLink_16fp2_133 {
|
|
12573
12812
|
color: var(--foreground-brand-primary);
|
|
12574
12813
|
font-weight: var(--typeface-weight-medium);
|
|
12575
12814
|
text-decoration: underline;
|
|
12576
12815
|
}
|
|
12577
|
-
.
|
|
12816
|
+
._fileUploadHiddenInput_16fp2_141 {
|
|
12578
12817
|
display: none;
|
|
12579
12818
|
}
|
|
12580
|
-
.
|
|
12819
|
+
._fileUploadList_16fp2_146 {
|
|
12581
12820
|
display: flex;
|
|
12582
12821
|
flex-direction: column;
|
|
12583
12822
|
gap: var(--space-4xs);
|
|
12584
12823
|
}
|
|
12585
|
-
.
|
|
12824
|
+
._fileUploadAttachmentGrid_16fp2_152 {
|
|
12825
|
+
display: flex;
|
|
12826
|
+
flex-wrap: wrap;
|
|
12827
|
+
gap: var(--space-sm);
|
|
12828
|
+
}
|
|
12829
|
+
._fileUploadAttachmentItem_16fp2_158 {
|
|
12830
|
+
flex: 0 0 auto;
|
|
12831
|
+
}
|
|
12832
|
+
._fileUploadItem_16fp2_163 {
|
|
12586
12833
|
background-color: var(--surface-neutral-secondary);
|
|
12587
12834
|
border-radius: var(--radius-2xs);
|
|
12588
12835
|
}
|
|
@@ -12814,7 +13061,7 @@
|
|
|
12814
13061
|
._galleryCardTimeAgo_koup6_75 {
|
|
12815
13062
|
color: var(--color-white-60a);
|
|
12816
13063
|
}
|
|
12817
|
-
.
|
|
13064
|
+
._ganttChartRoot_1vcm5_2 {
|
|
12818
13065
|
block-size: auto;
|
|
12819
13066
|
color: var(--text-neutral-primary);
|
|
12820
13067
|
display: flex;
|
|
@@ -12823,30 +13070,30 @@
|
|
|
12823
13070
|
isolation: isolate;
|
|
12824
13071
|
position: relative;
|
|
12825
13072
|
}
|
|
12826
|
-
.
|
|
13073
|
+
._ganttChartHeader_1vcm5_14 {
|
|
12827
13074
|
align-items: center;
|
|
12828
13075
|
background-color: var(--surface-neutral-primary);
|
|
12829
13076
|
display: flex;
|
|
12830
13077
|
justify-content: space-between;
|
|
12831
13078
|
padding: var(--space-sm);
|
|
12832
13079
|
}
|
|
12833
|
-
.
|
|
13080
|
+
._ganttChartHeaderLeft_1vcm5_22 {
|
|
12834
13081
|
align-items: center;
|
|
12835
13082
|
display: flex;
|
|
12836
13083
|
flex: 1;
|
|
12837
13084
|
gap: var(--space-sm);
|
|
12838
13085
|
}
|
|
12839
|
-
.
|
|
13086
|
+
._ganttChartNavigation_1vcm5_31 {
|
|
12840
13087
|
align-items: center;
|
|
12841
13088
|
display: flex;
|
|
12842
13089
|
gap: var(--space-2xs);
|
|
12843
13090
|
}
|
|
12844
|
-
.
|
|
13091
|
+
._ganttChartHeaderRight_1vcm5_39 {
|
|
12845
13092
|
align-items: center;
|
|
12846
13093
|
display: flex;
|
|
12847
13094
|
gap: var(--space-xs);
|
|
12848
13095
|
}
|
|
12849
|
-
.
|
|
13096
|
+
._ganttChartHeaderTitle_1vcm5_45 {
|
|
12850
13097
|
color: var(--text-neutral-primary);
|
|
12851
13098
|
font-family: var(--headline-lg-family);
|
|
12852
13099
|
font-size: var(--headline-lg-size);
|
|
@@ -12856,7 +13103,7 @@
|
|
|
12856
13103
|
line-height: var(--headline-lg-line-height);
|
|
12857
13104
|
white-space: nowrap;
|
|
12858
13105
|
}
|
|
12859
|
-
.
|
|
13106
|
+
._ganttChartBody_1vcm5_61 {
|
|
12860
13107
|
border: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
12861
13108
|
border-radius: var(--radius-xs);
|
|
12862
13109
|
display: flex;
|
|
@@ -12866,21 +13113,22 @@
|
|
|
12866
13113
|
position: relative;
|
|
12867
13114
|
scroll-behavior: smooth;
|
|
12868
13115
|
}
|
|
12869
|
-
.
|
|
13116
|
+
._ganttChartBodyBorderless_1vcm5_73 {
|
|
12870
13117
|
border-block-end: none;
|
|
12871
13118
|
border-inline: none;
|
|
12872
13119
|
border-radius: 0;
|
|
12873
13120
|
}
|
|
12874
|
-
.
|
|
12875
|
-
|
|
13121
|
+
._ganttChartBodyScrollContent_1vcm5_79 {
|
|
13122
|
+
block-size: auto !important;
|
|
13123
|
+
overflow-y: hidden !important;
|
|
12876
13124
|
}
|
|
12877
|
-
.
|
|
13125
|
+
._ganttChartTimelineContainer_1vcm5_84 {
|
|
12878
13126
|
display: flex;
|
|
12879
13127
|
flex-direction: column;
|
|
12880
13128
|
inline-size: fit-content;
|
|
12881
13129
|
position: relative;
|
|
12882
13130
|
}
|
|
12883
|
-
.
|
|
13131
|
+
._ganttChartHeaderRow_1vcm5_97 {
|
|
12884
13132
|
block-size: 60px;
|
|
12885
13133
|
border-block-end: none;
|
|
12886
13134
|
display: flex;
|
|
@@ -12889,7 +13137,7 @@
|
|
|
12889
13137
|
position: sticky;
|
|
12890
13138
|
z-index: var(--z-local-above);
|
|
12891
13139
|
}
|
|
12892
|
-
.
|
|
13140
|
+
._ganttChartHeaderCell_1vcm5_116 {
|
|
12893
13141
|
align-items: center;
|
|
12894
13142
|
background-color: var(--surface-neutral-primary);
|
|
12895
13143
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
@@ -12904,14 +13152,14 @@
|
|
|
12904
13152
|
padding: var(--space-4xs);
|
|
12905
13153
|
z-index: var(--z-local-above);
|
|
12906
13154
|
}
|
|
12907
|
-
.
|
|
13155
|
+
._ganttChartHeaderCell_1vcm5_116:last-child {
|
|
12908
13156
|
border-inline-end: none;
|
|
12909
13157
|
}
|
|
12910
|
-
.
|
|
13158
|
+
._ganttChartHeaderCellToday_1vcm5_146 {
|
|
12911
13159
|
position: relative;
|
|
12912
13160
|
z-index: var(--z-local-above);
|
|
12913
13161
|
}
|
|
12914
|
-
.
|
|
13162
|
+
._ganttChartHeaderContent_1vcm5_153 {
|
|
12915
13163
|
align-items: center;
|
|
12916
13164
|
block-size: 100%;
|
|
12917
13165
|
border-radius: var(--radius-sm);
|
|
@@ -12921,13 +13169,13 @@
|
|
|
12921
13169
|
justify-content: center;
|
|
12922
13170
|
transition: background-color var(--motion-duration-normal);
|
|
12923
13171
|
}
|
|
12924
|
-
.
|
|
13172
|
+
._ganttChartHeaderCellToday_1vcm5_146 ._ganttChartHeaderContent_1vcm5_153 {
|
|
12925
13173
|
background-color: var(--surface-neutral-primary);
|
|
12926
13174
|
border: var(--border-md) solid var(--border-neutral-primary);
|
|
12927
13175
|
border-radius: var(--radius-2xs);
|
|
12928
13176
|
box-shadow: none;
|
|
12929
13177
|
}
|
|
12930
|
-
.
|
|
13178
|
+
._ganttChartHeaderDate_1vcm5_177 {
|
|
12931
13179
|
color: var(--text-neutral-primary);
|
|
12932
13180
|
font-family: var(--title-md-family);
|
|
12933
13181
|
font-size: var(--title-md-size);
|
|
@@ -12936,7 +13184,7 @@
|
|
|
12936
13184
|
letter-spacing: var(--title-md-letter-spacing);
|
|
12937
13185
|
line-height: var(--title-md-line-height);
|
|
12938
13186
|
}
|
|
12939
|
-
.
|
|
13187
|
+
._ganttChartHeaderDateDay_1vcm5_187 {
|
|
12940
13188
|
box-sizing: border-box;
|
|
12941
13189
|
color: var(--text-neutral-secondary);
|
|
12942
13190
|
font-family: var(--body-md-family);
|
|
@@ -12948,7 +13196,7 @@
|
|
|
12948
13196
|
padding-inline-start: var(--space-5xs);
|
|
12949
13197
|
text-align: start;
|
|
12950
13198
|
}
|
|
12951
|
-
.
|
|
13199
|
+
._ganttChartHeaderDay_1vcm5_210 {
|
|
12952
13200
|
color: var(--text-neutral-secondary);
|
|
12953
13201
|
font-family: var(--label-lg-family);
|
|
12954
13202
|
font-size: var(--label-lg-size);
|
|
@@ -12959,7 +13207,7 @@
|
|
|
12959
13207
|
text-align: center;
|
|
12960
13208
|
text-transform: capitalize;
|
|
12961
13209
|
}
|
|
12962
|
-
.
|
|
13210
|
+
._ganttChartRow_1vcm5_223 {
|
|
12963
13211
|
align-items: center;
|
|
12964
13212
|
background-color: var(--surface-neutral-primary);
|
|
12965
13213
|
block-size: 60px;
|
|
@@ -12971,13 +13219,13 @@
|
|
|
12971
13219
|
min-inline-size: fit-content;
|
|
12972
13220
|
position: relative;
|
|
12973
13221
|
}
|
|
12974
|
-
.
|
|
13222
|
+
._ganttChartRow_1vcm5_223:last-child {
|
|
12975
13223
|
border-block-end: none;
|
|
12976
13224
|
}
|
|
12977
|
-
.
|
|
13225
|
+
._ganttChartRow_1vcm5_223:hover {
|
|
12978
13226
|
background-color: var(--surface-state-hover);
|
|
12979
13227
|
}
|
|
12980
|
-
.
|
|
13228
|
+
._ganttChartSidebar_1vcm5_245 {
|
|
12981
13229
|
align-items: center;
|
|
12982
13230
|
background-color: var(--surface-neutral-elevator);
|
|
12983
13231
|
block-size: 100%;
|
|
@@ -12994,7 +13242,7 @@
|
|
|
12994
13242
|
will-change: transform;
|
|
12995
13243
|
z-index: var(--z-local-above);
|
|
12996
13244
|
}
|
|
12997
|
-
.
|
|
13245
|
+
._ganttChartHeaderRow_1vcm5_97 ._ganttChartSidebar_1vcm5_245 {
|
|
12998
13246
|
align-items: center;
|
|
12999
13247
|
background-color: var(--surface-neutral-primary);
|
|
13000
13248
|
block-size: 60px;
|
|
@@ -13007,10 +13255,10 @@
|
|
|
13007
13255
|
padding-block-start: 0;
|
|
13008
13256
|
z-index: var(--z-local-above);
|
|
13009
13257
|
}
|
|
13010
|
-
.
|
|
13258
|
+
._ganttChartRow_1vcm5_223:hover ._ganttChartSidebar_1vcm5_245 {
|
|
13011
13259
|
background-color: var(--surface-neutral-secondary);
|
|
13012
13260
|
}
|
|
13013
|
-
.
|
|
13261
|
+
._ganttChartSidebarText_1vcm5_296 {
|
|
13014
13262
|
-webkit-box-orient: block-axis;
|
|
13015
13263
|
display: -webkit-box;
|
|
13016
13264
|
-webkit-line-clamp: 2;
|
|
@@ -13020,7 +13268,7 @@
|
|
|
13020
13268
|
overflow: hidden;
|
|
13021
13269
|
overflow-wrap: anywhere;
|
|
13022
13270
|
}
|
|
13023
|
-
.
|
|
13271
|
+
._ganttChartGroupBlock_1vcm5_310 {
|
|
13024
13272
|
align-items: stretch;
|
|
13025
13273
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
13026
13274
|
display: flex;
|
|
@@ -13029,10 +13277,10 @@
|
|
|
13029
13277
|
min-inline-size: 100%;
|
|
13030
13278
|
position: relative;
|
|
13031
13279
|
}
|
|
13032
|
-
.
|
|
13280
|
+
._ganttChartGroupBlock_1vcm5_310:last-child {
|
|
13033
13281
|
border-block-end: none;
|
|
13034
13282
|
}
|
|
13035
|
-
.
|
|
13283
|
+
._ganttChartGroupSidebarColumn_1vcm5_328 {
|
|
13036
13284
|
align-self: stretch;
|
|
13037
13285
|
background-color: var(--surface-neutral-elevator);
|
|
13038
13286
|
border-inline-end: 1px solid var(--border-neutral-tertiary);
|
|
@@ -13046,7 +13294,7 @@
|
|
|
13046
13294
|
position: sticky;
|
|
13047
13295
|
z-index: var(--z-local-above);
|
|
13048
13296
|
}
|
|
13049
|
-
.
|
|
13297
|
+
._ganttChartGroupSidebarContent_1vcm5_352 {
|
|
13050
13298
|
align-items: center;
|
|
13051
13299
|
box-sizing: border-box;
|
|
13052
13300
|
color: var(--text-neutral-primary);
|
|
@@ -13058,41 +13306,41 @@
|
|
|
13058
13306
|
padding: var(--space-sm);
|
|
13059
13307
|
text-align: start;
|
|
13060
13308
|
}
|
|
13061
|
-
.
|
|
13309
|
+
._ganttChartGroupRowsContainer_1vcm5_368 {
|
|
13062
13310
|
display: flex;
|
|
13063
13311
|
flex: 1;
|
|
13064
13312
|
flex-direction: column;
|
|
13065
13313
|
min-inline-size: 0;
|
|
13066
13314
|
}
|
|
13067
|
-
.
|
|
13315
|
+
._ganttChartGroupSidebarHeader_1vcm5_377 {
|
|
13068
13316
|
background-color: var(--surface-neutral-primary);
|
|
13069
13317
|
color: var(--text-neutral-secondary);
|
|
13070
13318
|
font-size: var(--label-sm-size);
|
|
13071
13319
|
font-weight: var(--label-sm-weight-emphasize);
|
|
13072
13320
|
z-index: var(--z-local-above);
|
|
13073
13321
|
}
|
|
13074
|
-
.
|
|
13322
|
+
._ganttChartGroupSidebarText_1vcm5_388 {
|
|
13075
13323
|
line-height: var(--body-md-line-height);
|
|
13076
13324
|
overflow-wrap: anywhere;
|
|
13077
13325
|
}
|
|
13078
|
-
.
|
|
13326
|
+
._ganttChartGridRowBg_1vcm5_394 {
|
|
13079
13327
|
block-size: 100%;
|
|
13080
13328
|
display: flex;
|
|
13081
13329
|
inset-block: 0;
|
|
13082
13330
|
position: absolute;
|
|
13083
13331
|
z-index: var(--z-local-below);
|
|
13084
13332
|
}
|
|
13085
|
-
.
|
|
13333
|
+
._ganttChartGridCell_1vcm5_406 {
|
|
13086
13334
|
block-size: 100%;
|
|
13087
13335
|
border-inline-end: 1px solid var(--border-neutral-tertiary);
|
|
13088
13336
|
box-sizing: border-box;
|
|
13089
13337
|
flex-shrink: 0;
|
|
13090
13338
|
position: relative;
|
|
13091
13339
|
}
|
|
13092
|
-
.
|
|
13340
|
+
._ganttChartGridCell_1vcm5_406:last-child {
|
|
13093
13341
|
border-inline-end: none;
|
|
13094
13342
|
}
|
|
13095
|
-
.
|
|
13343
|
+
._ganttChartCurrentTimeLine_1vcm5_423 {
|
|
13096
13344
|
inline-size: 2px;
|
|
13097
13345
|
inset-block: 0;
|
|
13098
13346
|
pointer-events: none;
|
|
@@ -13100,7 +13348,7 @@
|
|
|
13100
13348
|
transform: translate(-50%);
|
|
13101
13349
|
z-index: var(--z-local-top);
|
|
13102
13350
|
}
|
|
13103
|
-
.
|
|
13351
|
+
._ganttChartCurrentTimeLine_1vcm5_423:before {
|
|
13104
13352
|
background-color: var(--surface-neutral-primary-inverse);
|
|
13105
13353
|
content: "";
|
|
13106
13354
|
inset: 0;
|
|
@@ -13108,7 +13356,7 @@
|
|
|
13108
13356
|
position: absolute;
|
|
13109
13357
|
z-index: var(--z-local-top);
|
|
13110
13358
|
}
|
|
13111
|
-
.
|
|
13359
|
+
._ganttChartCurrentTimeLabel_1vcm5_453 {
|
|
13112
13360
|
background-color: var(--surface-neutral-primary-inverse);
|
|
13113
13361
|
border-radius: var(--radius-full);
|
|
13114
13362
|
color: var(--text-neutral-primary-inverse);
|
|
@@ -13126,7 +13374,7 @@
|
|
|
13126
13374
|
white-space: nowrap;
|
|
13127
13375
|
z-index: var(--z-local-top);
|
|
13128
13376
|
}
|
|
13129
|
-
.
|
|
13377
|
+
._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]) {
|
|
13130
13378
|
background-color: transparent;
|
|
13131
13379
|
block-size: 0;
|
|
13132
13380
|
color: transparent;
|
|
@@ -13134,7 +13382,7 @@
|
|
|
13134
13382
|
overflow: visible;
|
|
13135
13383
|
padding: 0;
|
|
13136
13384
|
}
|
|
13137
|
-
.
|
|
13385
|
+
._ganttChartCurrentTimeLabel_1vcm5_453:after {
|
|
13138
13386
|
background-color: var(--surface-neutral-primary-inverse);
|
|
13139
13387
|
block-size: 6px;
|
|
13140
13388
|
border-radius: 50%;
|
|
@@ -13146,16 +13394,16 @@
|
|
|
13146
13394
|
transform: translate(-50%, -50%);
|
|
13147
13395
|
z-index: var(--z-local-top);
|
|
13148
13396
|
}
|
|
13149
|
-
.
|
|
13397
|
+
._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]):after {
|
|
13150
13398
|
inset-block-start: 16px;
|
|
13151
13399
|
}
|
|
13152
|
-
.
|
|
13400
|
+
._ganttChartCurrentTimeLabel_1vcm5_453[data-view=Day]:after {
|
|
13153
13401
|
inset-block-start: 28px;
|
|
13154
13402
|
}
|
|
13155
|
-
.
|
|
13403
|
+
._ganttChartCurrentTimeLine_1vcm5_423:after {
|
|
13156
13404
|
content: none;
|
|
13157
13405
|
}
|
|
13158
|
-
.
|
|
13406
|
+
._ganttChartTaskBar_1vcm5_554 {
|
|
13159
13407
|
background: transparent;
|
|
13160
13408
|
block-size: 100%;
|
|
13161
13409
|
border: none;
|
|
@@ -13167,7 +13415,7 @@
|
|
|
13167
13415
|
position: absolute;
|
|
13168
13416
|
z-index: var(--z-local-content);
|
|
13169
13417
|
}
|
|
13170
|
-
.
|
|
13418
|
+
._ganttChartTaskBarPill_1vcm5_578 {
|
|
13171
13419
|
align-items: flex-start;
|
|
13172
13420
|
border-radius: var(--radius-2xs);
|
|
13173
13421
|
box-shadow: none;
|
|
@@ -13182,14 +13430,14 @@
|
|
|
13182
13430
|
padding: 0 var(--space-xs);
|
|
13183
13431
|
transition: all var(--motion-duration-fast) var(--motion-ease-standard);
|
|
13184
13432
|
}
|
|
13185
|
-
.
|
|
13433
|
+
._ganttChartTaskBarContent_1vcm5_602 {
|
|
13186
13434
|
display: flex;
|
|
13187
13435
|
flex-direction: column;
|
|
13188
13436
|
inline-size: 100%;
|
|
13189
13437
|
justify-content: center;
|
|
13190
13438
|
overflow: hidden;
|
|
13191
13439
|
}
|
|
13192
|
-
.
|
|
13440
|
+
._ganttChartTaskBarName_1vcm5_610 {
|
|
13193
13441
|
color: var(--text-neutral-primary);
|
|
13194
13442
|
font-family: var(--label-lg-family);
|
|
13195
13443
|
font-size: var(--label-lg-size);
|
|
@@ -13199,7 +13447,7 @@
|
|
|
13199
13447
|
text-overflow: ellipsis;
|
|
13200
13448
|
white-space: nowrap;
|
|
13201
13449
|
}
|
|
13202
|
-
.
|
|
13450
|
+
._ganttChartTaskBarMeta_1vcm5_621 {
|
|
13203
13451
|
color: var(--text-neutral-primary);
|
|
13204
13452
|
display: flex;
|
|
13205
13453
|
font-family: var(--body-md-family);
|
|
@@ -13212,88 +13460,88 @@
|
|
|
13212
13460
|
text-overflow: ellipsis;
|
|
13213
13461
|
white-space: nowrap;
|
|
13214
13462
|
}
|
|
13215
|
-
.
|
|
13463
|
+
._ganttChartTaskBar_1vcm5_554:hover ._ganttChartTaskBarPill_1vcm5_578 {
|
|
13216
13464
|
box-shadow: var(--shadow-md);
|
|
13217
13465
|
filter: brightness(.95);
|
|
13218
13466
|
}
|
|
13219
|
-
.
|
|
13467
|
+
._ganttChartTaskBar_1vcm5_554:hover {
|
|
13220
13468
|
z-index: var(--z-local-content);
|
|
13221
13469
|
}
|
|
13222
|
-
.
|
|
13470
|
+
._ganttChartStatusCompleted_1vcm5_647 {
|
|
13223
13471
|
background-color: var(--surface-accent-green);
|
|
13224
13472
|
color: var(--text-neutral-primary-inverse);
|
|
13225
13473
|
}
|
|
13226
|
-
.
|
|
13474
|
+
._ganttChartStatusActive_1vcm5_652 {
|
|
13227
13475
|
background-color: var(--surface-brand-primary);
|
|
13228
13476
|
color: var(--text-neutral-primary-inverse);
|
|
13229
13477
|
}
|
|
13230
|
-
.
|
|
13478
|
+
._ganttChartStatusWarning_1vcm5_657 {
|
|
13231
13479
|
background-color: var(--surface-accent-yellow);
|
|
13232
13480
|
color: var(--text-neutral-primary-inverse);
|
|
13233
13481
|
}
|
|
13234
|
-
.
|
|
13482
|
+
._ganttChartStatusError_1vcm5_662 {
|
|
13235
13483
|
background-color: var(--surface-accent-red);
|
|
13236
13484
|
color: var(--text-neutral-primary-inverse);
|
|
13237
13485
|
}
|
|
13238
|
-
.
|
|
13486
|
+
._ganttChartStatusPastelRed_1vcm5_668 {
|
|
13239
13487
|
background-color: var(--surface-accent-red-subtle);
|
|
13240
13488
|
color: var(--text-accent-red);
|
|
13241
13489
|
}
|
|
13242
|
-
.
|
|
13490
|
+
._ganttChartStatusPastelOrange_1vcm5_673 {
|
|
13243
13491
|
background-color: var(--surface-accent-orange-subtle);
|
|
13244
13492
|
color: var(--text-accent-orange);
|
|
13245
13493
|
}
|
|
13246
|
-
.
|
|
13494
|
+
._ganttChartStatusPastelYellow_1vcm5_678 {
|
|
13247
13495
|
background-color: var(--surface-accent-yellow-subtle);
|
|
13248
13496
|
color: var(--text-accent-yellow);
|
|
13249
13497
|
}
|
|
13250
|
-
.
|
|
13498
|
+
._ganttChartStatusPastelGreen_1vcm5_683 {
|
|
13251
13499
|
background-color: var(--surface-accent-green-subtle);
|
|
13252
13500
|
color: var(--text-accent-green);
|
|
13253
13501
|
}
|
|
13254
|
-
.
|
|
13502
|
+
._ganttChartStatusPastelCyan_1vcm5_688 {
|
|
13255
13503
|
background-color: var(--surface-accent-cyan-subtle);
|
|
13256
13504
|
color: var(--text-accent-cyan);
|
|
13257
13505
|
}
|
|
13258
|
-
.
|
|
13506
|
+
._ganttChartStatusPastelBlue_1vcm5_693 {
|
|
13259
13507
|
background-color: var(--surface-accent-blue-subtle);
|
|
13260
13508
|
color: var(--text-accent-blue);
|
|
13261
13509
|
}
|
|
13262
|
-
.
|
|
13510
|
+
._ganttChartStatusPastelPurple_1vcm5_698 {
|
|
13263
13511
|
background-color: var(--surface-accent-purple-subtle);
|
|
13264
13512
|
color: var(--text-accent-purple);
|
|
13265
13513
|
}
|
|
13266
|
-
.
|
|
13514
|
+
._ganttChartStatusPastelPink_1vcm5_703 {
|
|
13267
13515
|
background-color: var(--surface-accent-pink-subtle);
|
|
13268
13516
|
color: var(--text-accent-pink);
|
|
13269
13517
|
}
|
|
13270
13518
|
@media (max-width: 768px) {
|
|
13271
|
-
.
|
|
13519
|
+
._ganttChartRoot_1vcm5_2 {
|
|
13272
13520
|
block-size: auto;
|
|
13273
13521
|
display: flex;
|
|
13274
13522
|
flex-direction: column;
|
|
13275
13523
|
min-block-size: 500px;
|
|
13276
13524
|
}
|
|
13277
|
-
.
|
|
13525
|
+
._ganttChartHeader_1vcm5_14 {
|
|
13278
13526
|
align-items: stretch;
|
|
13279
13527
|
flex-direction: column;
|
|
13280
13528
|
gap: var(--space-sm);
|
|
13281
13529
|
padding: var(--space-sm) 0;
|
|
13282
13530
|
}
|
|
13283
|
-
.
|
|
13531
|
+
._ganttChartHeaderLeft_1vcm5_22 {
|
|
13284
13532
|
flex-wrap: wrap;
|
|
13285
13533
|
justify-content: space-between;
|
|
13286
13534
|
}
|
|
13287
|
-
.
|
|
13535
|
+
._ganttChartHeaderTitle_1vcm5_45 {
|
|
13288
13536
|
inline-size: 100%;
|
|
13289
13537
|
margin-block-end: var(--space-xs);
|
|
13290
13538
|
order: -1;
|
|
13291
13539
|
text-align: center;
|
|
13292
13540
|
}
|
|
13293
|
-
.
|
|
13541
|
+
._ganttChartNavigation_1vcm5_31 {
|
|
13294
13542
|
margin-inline-start: auto;
|
|
13295
13543
|
}
|
|
13296
|
-
.
|
|
13544
|
+
._ganttChartSidebar_1vcm5_245 {
|
|
13297
13545
|
font-size: var(--label-sm-size);
|
|
13298
13546
|
inline-size: 140px;
|
|
13299
13547
|
min-inline-size: 140px;
|
|
@@ -13301,7 +13549,7 @@
|
|
|
13301
13549
|
}
|
|
13302
13550
|
}
|
|
13303
13551
|
@media (max-width: 480px) {
|
|
13304
|
-
.
|
|
13552
|
+
._headerTitle_1vcm5_752 {
|
|
13305
13553
|
font-size: var(--title-sm-size);
|
|
13306
13554
|
}
|
|
13307
13555
|
}
|
|
@@ -13923,7 +14171,7 @@
|
|
|
13923
14171
|
._paginationDotItemActive_1k4k3_20:hover {
|
|
13924
14172
|
background-color: var(--foreground-neutral-primary);
|
|
13925
14173
|
}
|
|
13926
|
-
.
|
|
14174
|
+
._paymentCard_r8yu9_5 {
|
|
13927
14175
|
aspect-ratio: 1.586;
|
|
13928
14176
|
border-radius: var(--radius-xs);
|
|
13929
14177
|
box-shadow:
|
|
@@ -13945,11 +14193,11 @@
|
|
|
13945
14193
|
-webkit-user-select: none;
|
|
13946
14194
|
user-select: none;
|
|
13947
14195
|
}
|
|
13948
|
-
.
|
|
14196
|
+
._paymentCard_r8yu9_5:hover {
|
|
13949
14197
|
box-shadow: 0 10px 15px -3px #00000026, 0 4px 6px -2px #0000001a;
|
|
13950
14198
|
transform: translateY(-2px);
|
|
13951
14199
|
}
|
|
13952
|
-
.
|
|
14200
|
+
._paymentCard_r8yu9_5:before {
|
|
13953
14201
|
background:
|
|
13954
14202
|
linear-gradient(
|
|
13955
14203
|
to right,
|
|
@@ -13965,7 +14213,7 @@
|
|
|
13965
14213
|
position: absolute;
|
|
13966
14214
|
transform: rotate(30deg);
|
|
13967
14215
|
}
|
|
13968
|
-
.
|
|
14216
|
+
._chip_r8yu9_66 {
|
|
13969
14217
|
background:
|
|
13970
14218
|
linear-gradient(
|
|
13971
14219
|
135deg,
|
|
@@ -13979,7 +14227,7 @@
|
|
|
13979
14227
|
overflow: hidden;
|
|
13980
14228
|
position: relative;
|
|
13981
14229
|
}
|
|
13982
|
-
.
|
|
14230
|
+
._chip_r8yu9_66:after {
|
|
13983
14231
|
background-image:
|
|
13984
14232
|
linear-gradient(
|
|
13985
14233
|
to bottom,
|
|
@@ -14005,21 +14253,21 @@
|
|
|
14005
14253
|
inset-inline: 0;
|
|
14006
14254
|
position: absolute;
|
|
14007
14255
|
}
|
|
14008
|
-
._variant-
|
|
14256
|
+
._variant-default_r8yu9_96 {
|
|
14009
14257
|
background:
|
|
14010
14258
|
linear-gradient(
|
|
14011
14259
|
135deg,
|
|
14012
14260
|
#1e293b,
|
|
14013
14261
|
#0f172a);
|
|
14014
14262
|
}
|
|
14015
|
-
._variant-
|
|
14263
|
+
._variant-blue_r8yu9_103 {
|
|
14016
14264
|
background:
|
|
14017
14265
|
linear-gradient(
|
|
14018
14266
|
135deg,
|
|
14019
14267
|
#2563eb,
|
|
14020
14268
|
#1e40af);
|
|
14021
14269
|
}
|
|
14022
|
-
._variant-
|
|
14270
|
+
._variant-gold_r8yu9_110 {
|
|
14023
14271
|
background:
|
|
14024
14272
|
linear-gradient(
|
|
14025
14273
|
135deg,
|
|
@@ -14037,10 +14285,10 @@
|
|
|
14037
14285
|
#0000 60%);
|
|
14038
14286
|
color: #4a3b18;
|
|
14039
14287
|
}
|
|
14040
|
-
._variant-
|
|
14288
|
+
._variant-gold_r8yu9_110 ._chip_r8yu9_66 {
|
|
14041
14289
|
border-color: #8a7337;
|
|
14042
14290
|
}
|
|
14043
|
-
._variant-
|
|
14291
|
+
._variant-platinum_r8yu9_132 {
|
|
14044
14292
|
background:
|
|
14045
14293
|
linear-gradient(
|
|
14046
14294
|
135deg,
|
|
@@ -14063,16 +14311,28 @@
|
|
|
14063
14311
|
background-size: 100% 100%, 10px 10px;
|
|
14064
14312
|
color: #1e293b;
|
|
14065
14313
|
}
|
|
14066
|
-
._variant-
|
|
14067
|
-
background:
|
|
14068
|
-
|
|
14314
|
+
._variant-black_r8yu9_146 {
|
|
14315
|
+
background:
|
|
14316
|
+
radial-gradient(
|
|
14317
|
+
circle at top right,
|
|
14318
|
+
rgb(212 175 55 / .18),
|
|
14319
|
+
transparent 34%),
|
|
14069
14320
|
radial-gradient(
|
|
14070
|
-
circle at
|
|
14071
|
-
|
|
14072
|
-
|
|
14073
|
-
|
|
14321
|
+
circle at bottom left,
|
|
14322
|
+
rgb(255 255 255 / .06),
|
|
14323
|
+
transparent 28%),
|
|
14324
|
+
linear-gradient(
|
|
14325
|
+
145deg,
|
|
14326
|
+
#0f0f10,
|
|
14327
|
+
#050505 52%,
|
|
14328
|
+
#151515);
|
|
14329
|
+
border: 1px solid rgb(255 255 255 / .12);
|
|
14330
|
+
box-shadow:
|
|
14331
|
+
0 16px 32px #0000003d,
|
|
14332
|
+
inset 0 1px #ffffff1a,
|
|
14333
|
+
inset 0 -1px #ffffff0a;
|
|
14074
14334
|
}
|
|
14075
|
-
._variant-gradient-
|
|
14335
|
+
._variant-gradient-1_r8yu9_165 {
|
|
14076
14336
|
background:
|
|
14077
14337
|
linear-gradient(
|
|
14078
14338
|
135deg,
|
|
@@ -14080,26 +14340,26 @@
|
|
|
14080
14340
|
#ec4899,
|
|
14081
14341
|
#f43f5e);
|
|
14082
14342
|
}
|
|
14083
|
-
._variant-gradient-
|
|
14343
|
+
._variant-gradient-2_r8yu9_170 {
|
|
14084
14344
|
background:
|
|
14085
14345
|
linear-gradient(
|
|
14086
14346
|
135deg,
|
|
14087
14347
|
#3b82f6,
|
|
14088
14348
|
#10b981);
|
|
14089
14349
|
}
|
|
14090
|
-
._variant-gradient-
|
|
14350
|
+
._variant-gradient-3_r8yu9_175 {
|
|
14091
14351
|
background:
|
|
14092
14352
|
linear-gradient(
|
|
14093
14353
|
135deg,
|
|
14094
14354
|
#f59e0b,
|
|
14095
14355
|
#ef4444);
|
|
14096
14356
|
}
|
|
14097
|
-
.
|
|
14357
|
+
._topRow_r8yu9_182 {
|
|
14098
14358
|
align-items: flex-start;
|
|
14099
14359
|
display: flex;
|
|
14100
14360
|
justify-content: space-between;
|
|
14101
14361
|
}
|
|
14102
|
-
.
|
|
14362
|
+
._bankName_r8yu9_188 {
|
|
14103
14363
|
font-family: var(--font-family-body);
|
|
14104
14364
|
font-size: var(--body-md-size);
|
|
14105
14365
|
font-weight: 700;
|
|
@@ -14107,7 +14367,7 @@
|
|
|
14107
14367
|
opacity: .9;
|
|
14108
14368
|
text-transform: uppercase;
|
|
14109
14369
|
}
|
|
14110
|
-
.
|
|
14370
|
+
._cardType_r8yu9_203 {
|
|
14111
14371
|
font-family: var(--font-family-body);
|
|
14112
14372
|
font-size: 10px;
|
|
14113
14373
|
letter-spacing: 1px;
|
|
@@ -14115,16 +14375,16 @@
|
|
|
14115
14375
|
opacity: .7;
|
|
14116
14376
|
text-transform: uppercase;
|
|
14117
14377
|
}
|
|
14118
|
-
.
|
|
14378
|
+
._chipContainer_r8yu9_218 {
|
|
14119
14379
|
align-items: center;
|
|
14120
14380
|
display: flex;
|
|
14121
14381
|
gap: var(--space-2xs);
|
|
14122
14382
|
margin-block-start: var(--space-md);
|
|
14123
14383
|
}
|
|
14124
|
-
.
|
|
14384
|
+
._contactless_r8yu9_225 {
|
|
14125
14385
|
opacity: .8;
|
|
14126
14386
|
}
|
|
14127
|
-
.
|
|
14387
|
+
._cardNumber_r8yu9_230 {
|
|
14128
14388
|
font-family:
|
|
14129
14389
|
Courier New,
|
|
14130
14390
|
Courier,
|
|
@@ -14136,25 +14396,25 @@
|
|
|
14136
14396
|
text-shadow: 0 1px 2px rgb(0 0 0 / .4);
|
|
14137
14397
|
word-spacing: 4px;
|
|
14138
14398
|
}
|
|
14139
|
-
.
|
|
14399
|
+
._bottomRow_r8yu9_248 {
|
|
14140
14400
|
align-items: flex-end;
|
|
14141
14401
|
display: flex;
|
|
14142
14402
|
justify-content: space-between;
|
|
14143
14403
|
margin-block-start: var(--space-sm);
|
|
14144
14404
|
}
|
|
14145
|
-
.
|
|
14405
|
+
._cardInfo_r8yu9_255 {
|
|
14146
14406
|
display: flex;
|
|
14147
14407
|
flex-direction: column;
|
|
14148
14408
|
gap: var(--space-4xs);
|
|
14149
14409
|
}
|
|
14150
|
-
.
|
|
14410
|
+
._cardLabel_r8yu9_261 {
|
|
14151
14411
|
font-family: var(--font-family-body);
|
|
14152
14412
|
font-size: 8px;
|
|
14153
14413
|
letter-spacing: .5px;
|
|
14154
14414
|
opacity: .7;
|
|
14155
14415
|
text-transform: uppercase;
|
|
14156
14416
|
}
|
|
14157
|
-
.
|
|
14417
|
+
._cardHolderName_r8yu9_275 {
|
|
14158
14418
|
font-family: var(--font-family-body);
|
|
14159
14419
|
font-size: var(--body-sm-size);
|
|
14160
14420
|
font-weight: 500;
|
|
@@ -14162,7 +14422,7 @@
|
|
|
14162
14422
|
text-shadow: 0 1px 1px rgb(0 0 0 / .3);
|
|
14163
14423
|
text-transform: uppercase;
|
|
14164
14424
|
}
|
|
14165
|
-
.
|
|
14425
|
+
._expiryDate_r8yu9_288 {
|
|
14166
14426
|
font-family:
|
|
14167
14427
|
Courier New,
|
|
14168
14428
|
Courier,
|
|
@@ -14170,42 +14430,42 @@
|
|
|
14170
14430
|
font-size: var(--body-sm-size);
|
|
14171
14431
|
font-weight: 600;
|
|
14172
14432
|
}
|
|
14173
|
-
.
|
|
14433
|
+
._networkLogo_r8yu9_297 {
|
|
14174
14434
|
align-items: center;
|
|
14175
14435
|
block-size: var(--dimensions-32);
|
|
14176
14436
|
display: flex;
|
|
14177
14437
|
justify-content: center;
|
|
14178
14438
|
}
|
|
14179
|
-
.
|
|
14439
|
+
._mastercardCircles_r8yu9_308 {
|
|
14180
14440
|
block-size: var(--dimensions-32);
|
|
14181
14441
|
display: flex;
|
|
14182
14442
|
inline-size: var(--dimensions-48);
|
|
14183
14443
|
position: relative;
|
|
14184
14444
|
}
|
|
14185
|
-
.
|
|
14445
|
+
._mastercardCircle_r8yu9_308 {
|
|
14186
14446
|
block-size: var(--dimensions-32);
|
|
14187
14447
|
border-radius: var(--radius-full);
|
|
14188
14448
|
inline-size: var(--dimensions-32);
|
|
14189
14449
|
inset-block-start: 0;
|
|
14190
14450
|
position: absolute;
|
|
14191
14451
|
}
|
|
14192
|
-
.
|
|
14452
|
+
._mastercardRed_r8yu9_323 {
|
|
14193
14453
|
background-color: #eb001b;
|
|
14194
14454
|
inset-inline-start: 0;
|
|
14195
14455
|
z-index: var(--z-local-below);
|
|
14196
14456
|
}
|
|
14197
|
-
.
|
|
14457
|
+
._mastercardOrange_r8yu9_330 {
|
|
14198
14458
|
background-color: #ff5f00;
|
|
14199
14459
|
inset-inline-start: 14px;
|
|
14200
14460
|
mix-blend-mode: hard-light;
|
|
14201
14461
|
opacity: .8;
|
|
14202
14462
|
z-index: var(--z-local-above);
|
|
14203
14463
|
}
|
|
14204
|
-
.
|
|
14464
|
+
._mastercardYellow_r8yu9_342 {
|
|
14205
14465
|
background-color: #f79e1b;
|
|
14206
14466
|
display: none;
|
|
14207
14467
|
}
|
|
14208
|
-
.
|
|
14468
|
+
._visaText_r8yu9_353 {
|
|
14209
14469
|
color: #fff;
|
|
14210
14470
|
font-family:
|
|
14211
14471
|
Myriad Pro,
|
|
@@ -14219,7 +14479,7 @@
|
|
|
14219
14479
|
letter-spacing: -1px;
|
|
14220
14480
|
text-transform: uppercase;
|
|
14221
14481
|
}
|
|
14222
|
-
.
|
|
14482
|
+
._amexBox_r8yu9_372 {
|
|
14223
14483
|
align-items: center;
|
|
14224
14484
|
background-color: #2e77bc;
|
|
14225
14485
|
border: 1px solid white;
|
|
@@ -14234,144 +14494,7 @@
|
|
|
14234
14494
|
padding: 4px 6px;
|
|
14235
14495
|
text-transform: uppercase;
|
|
14236
14496
|
}
|
|
14237
|
-
.
|
|
14238
|
-
--attachment-radius: var(--radius-2xs);
|
|
14239
|
-
align-items: center;
|
|
14240
|
-
border: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
14241
|
-
border-radius: var(--attachment-radius);
|
|
14242
|
-
box-sizing: border-box;
|
|
14243
|
-
display: inline-flex;
|
|
14244
|
-
flex-direction: row;
|
|
14245
|
-
gap: var(--space-sm);
|
|
14246
|
-
overflow: hidden;
|
|
14247
|
-
padding: var(--space-xs);
|
|
14248
|
-
position: relative;
|
|
14249
|
-
transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
|
|
14250
|
-
}
|
|
14251
|
-
._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
|
|
14252
|
-
padding-block: var(--space-4xs);
|
|
14253
|
-
padding-inline: var(--space-4xs) var(--space-xs);
|
|
14254
|
-
}
|
|
14255
|
-
._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
|
|
14256
|
-
padding-inline: var(--space-4xs) var(--space-xl);
|
|
14257
|
-
}
|
|
14258
|
-
._attachmentDisabled_zdxto_32 {
|
|
14259
|
-
cursor: not-allowed;
|
|
14260
|
-
opacity: var(--opacity-disabled);
|
|
14261
|
-
pointer-events: none;
|
|
14262
|
-
}
|
|
14263
|
-
._attachmentSm_zdxto_43 {
|
|
14264
|
-
max-inline-size: var(--dimensions-200);
|
|
14265
|
-
}
|
|
14266
|
-
._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
|
|
14267
|
-
block-size: var(--dimensions-40);
|
|
14268
|
-
}
|
|
14269
|
-
._attachmentMd_zdxto_52 {
|
|
14270
|
-
max-inline-size: var(--dimensions-240);
|
|
14271
|
-
}
|
|
14272
|
-
._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
|
|
14273
|
-
block-size: var(--dimensions-80);
|
|
14274
|
-
}
|
|
14275
|
-
._attachmentLg_zdxto_61 {
|
|
14276
|
-
max-inline-size: var(--dimensions-280);
|
|
14277
|
-
}
|
|
14278
|
-
._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
|
|
14279
|
-
block-size: var(--dimensions-120);
|
|
14280
|
-
}
|
|
14281
|
-
._attachmentMedia_zdxto_23 {
|
|
14282
|
-
gap: 0;
|
|
14283
|
-
padding: 0;
|
|
14284
|
-
}
|
|
14285
|
-
._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
|
|
14286
|
-
block-size: var(--dimensions-40);
|
|
14287
|
-
border: none;
|
|
14288
|
-
inline-size: var(--dimensions-40);
|
|
14289
|
-
}
|
|
14290
|
-
._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
|
|
14291
|
-
block-size: var(--dimensions-80);
|
|
14292
|
-
border: none;
|
|
14293
|
-
inline-size: var(--dimensions-80);
|
|
14294
|
-
}
|
|
14295
|
-
._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
|
|
14296
|
-
block-size: var(--dimensions-120);
|
|
14297
|
-
border: none;
|
|
14298
|
-
inline-size: var(--dimensions-120);
|
|
14299
|
-
}
|
|
14300
|
-
._attachmentPreview_zdxto_105 {
|
|
14301
|
-
align-items: center;
|
|
14302
|
-
background-color: var(--surface-neutral-secondary);
|
|
14303
|
-
border-radius: var(--attachment-radius);
|
|
14304
|
-
display: flex;
|
|
14305
|
-
flex-shrink: 0;
|
|
14306
|
-
justify-content: center;
|
|
14307
|
-
overflow: hidden;
|
|
14308
|
-
position: relative;
|
|
14309
|
-
}
|
|
14310
|
-
._attachmentThumbnail_zdxto_116 {
|
|
14311
|
-
block-size: 100%;
|
|
14312
|
-
display: block;
|
|
14313
|
-
inline-size: 100%;
|
|
14314
|
-
object-fit: cover;
|
|
14315
|
-
}
|
|
14316
|
-
._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
|
|
14317
|
-
._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
|
|
14318
|
-
block-size: 100%;
|
|
14319
|
-
border-radius: var(--attachment-radius);
|
|
14320
|
-
inline-size: 100%;
|
|
14321
|
-
}
|
|
14322
|
-
._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
|
|
14323
|
-
aspect-ratio: 1;
|
|
14324
|
-
block-size: 100%;
|
|
14325
|
-
border-radius: calc(var(--attachment-radius) - var(--space-4xs));
|
|
14326
|
-
inline-size: auto;
|
|
14327
|
-
}
|
|
14328
|
-
._attachmentVideoOverlay_zdxto_139 {
|
|
14329
|
-
background-color: var(--color-overlay);
|
|
14330
|
-
inset: 0;
|
|
14331
|
-
position: absolute;
|
|
14332
|
-
}
|
|
14333
|
-
._attachmentPlayOverlay_zdxto_146 {
|
|
14334
|
-
align-items: center;
|
|
14335
|
-
color: var(--foreground-neutral-primary-inverse);
|
|
14336
|
-
display: flex;
|
|
14337
|
-
inset-block-start: 50%;
|
|
14338
|
-
inset-inline-start: 50%;
|
|
14339
|
-
justify-content: center;
|
|
14340
|
-
position: absolute;
|
|
14341
|
-
transform: translate(-50%, -50%);
|
|
14342
|
-
}
|
|
14343
|
-
._attachmentFileIcon_zdxto_159 {
|
|
14344
|
-
align-items: center;
|
|
14345
|
-
color: var(--foreground-neutral-secondary);
|
|
14346
|
-
display: flex;
|
|
14347
|
-
justify-content: center;
|
|
14348
|
-
}
|
|
14349
|
-
._attachmentInfo_zdxto_170 {
|
|
14350
|
-
display: flex;
|
|
14351
|
-
flex: 1;
|
|
14352
|
-
flex-direction: column;
|
|
14353
|
-
gap: var(--space-5xs);
|
|
14354
|
-
min-inline-size: 0;
|
|
14355
|
-
}
|
|
14356
|
-
._attachmentRemove_zdxto_182 {
|
|
14357
|
-
block-size: var(--dimensions-20) !important;
|
|
14358
|
-
inline-size: var(--dimensions-20) !important;
|
|
14359
|
-
inset-block-start: var(--space-5xs);
|
|
14360
|
-
inset-inline-end: var(--space-5xs);
|
|
14361
|
-
min-block-size: 0 !important;
|
|
14362
|
-
min-inline-size: 0 !important;
|
|
14363
|
-
padding: 0 !important;
|
|
14364
|
-
position: absolute;
|
|
14365
|
-
z-index: 1;
|
|
14366
|
-
}
|
|
14367
|
-
._attachmentRemoveMedia_zdxto_194 {
|
|
14368
|
-
background-color: var(--surface-neutral-primary) !important;
|
|
14369
|
-
}
|
|
14370
|
-
._attachmentRemove_zdxto_182 svg {
|
|
14371
|
-
block-size: var(--dimensions-16);
|
|
14372
|
-
inline-size: var(--dimensions-16);
|
|
14373
|
-
}
|
|
14374
|
-
._promptFieldRoot_1vtfb_6 {
|
|
14497
|
+
._promptFieldRoot_t3bgi_6 {
|
|
14375
14498
|
background-color: var(--surface-neutral-primary);
|
|
14376
14499
|
border: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
14377
14500
|
border-radius: 16px;
|
|
@@ -14385,39 +14508,39 @@
|
|
|
14385
14508
|
position: relative;
|
|
14386
14509
|
transition: all var(--motion-duration-normal) var(--motion-ease-standard);
|
|
14387
14510
|
}
|
|
14388
|
-
.
|
|
14511
|
+
._promptFieldRoot_t3bgi_6:hover:not(._promptFieldDisabled_t3bgi_26, ._promptFieldError_t3bgi_26) {
|
|
14389
14512
|
background-color: var(--surface-state-hover);
|
|
14390
14513
|
border-color: var(--border-state-hover);
|
|
14391
14514
|
}
|
|
14392
|
-
.
|
|
14515
|
+
._promptFieldRoot_t3bgi_6:focus-within:not(._promptFieldError_t3bgi_26) {
|
|
14393
14516
|
background-color: transparent;
|
|
14394
14517
|
border-color: var(--border-state-focus);
|
|
14395
14518
|
box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
|
|
14396
14519
|
}
|
|
14397
|
-
.
|
|
14520
|
+
._promptFieldRoot_t3bgi_6._promptFieldError_t3bgi_26 {
|
|
14398
14521
|
background-color: var(--surface-accent-red-subtle);
|
|
14399
14522
|
border-color: var(--border-state-error);
|
|
14400
14523
|
}
|
|
14401
|
-
.
|
|
14524
|
+
._promptFieldRoot_t3bgi_6._promptFieldError_t3bgi_26:focus-within {
|
|
14402
14525
|
box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
|
|
14403
14526
|
}
|
|
14404
|
-
.
|
|
14527
|
+
._promptFieldRoot_t3bgi_6._promptFieldDisabled_t3bgi_26 {
|
|
14405
14528
|
background-color: var(--surface-neutral-on-surface);
|
|
14406
14529
|
cursor: not-allowed;
|
|
14407
14530
|
opacity: var(--opacity-disabled);
|
|
14408
14531
|
}
|
|
14409
|
-
.
|
|
14532
|
+
._promptFieldInputArea_t3bgi_62 {
|
|
14410
14533
|
display: flex;
|
|
14411
14534
|
flex: 1 1 auto;
|
|
14412
14535
|
flex-direction: column;
|
|
14413
14536
|
gap: var(--space-2xs);
|
|
14414
14537
|
}
|
|
14415
|
-
.
|
|
14538
|
+
._promptFieldAttachmentList_t3bgi_70 {
|
|
14416
14539
|
display: flex;
|
|
14417
14540
|
flex-wrap: wrap;
|
|
14418
14541
|
gap: var(--space-2xs);
|
|
14419
14542
|
}
|
|
14420
|
-
.
|
|
14543
|
+
._promptFieldTextarea_t3bgi_78 {
|
|
14421
14544
|
background: transparent;
|
|
14422
14545
|
border: none;
|
|
14423
14546
|
caret-color: var(--text-neutral-primary);
|
|
@@ -14432,41 +14555,43 @@
|
|
|
14432
14555
|
padding: var(--space-2xs);
|
|
14433
14556
|
resize: none;
|
|
14434
14557
|
}
|
|
14435
|
-
.
|
|
14558
|
+
._promptFieldTextarea_t3bgi_78::placeholder {
|
|
14436
14559
|
color: var(--text-neutral-secondary);
|
|
14437
14560
|
}
|
|
14438
|
-
.
|
|
14561
|
+
._promptFieldTextarea_t3bgi_78:disabled {
|
|
14439
14562
|
cursor: not-allowed;
|
|
14440
14563
|
}
|
|
14441
|
-
.
|
|
14564
|
+
._promptFieldTextarea_t3bgi_78::selection {
|
|
14442
14565
|
background-color: var(--surface-state-press);
|
|
14443
14566
|
color: var(--text-neutral-primary);
|
|
14444
14567
|
}
|
|
14445
|
-
.
|
|
14568
|
+
._promptFieldFooter_t3bgi_114 {
|
|
14446
14569
|
align-items: center;
|
|
14447
14570
|
display: flex;
|
|
14448
14571
|
flex-shrink: 0;
|
|
14449
14572
|
gap: 8px;
|
|
14450
14573
|
justify-content: space-between;
|
|
14451
14574
|
}
|
|
14452
|
-
.
|
|
14453
|
-
.
|
|
14575
|
+
._promptFieldLeftActions_t3bgi_123,
|
|
14576
|
+
._promptFieldRightActions_t3bgi_130 {
|
|
14454
14577
|
align-items: center;
|
|
14455
14578
|
display: flex;
|
|
14456
14579
|
gap: 8px;
|
|
14457
14580
|
}
|
|
14458
|
-
.
|
|
14581
|
+
._promptFieldSelectorButton_t3bgi_140 {
|
|
14459
14582
|
background-color: var(--surface-neutral-on-surface) !important;
|
|
14460
14583
|
border: none;
|
|
14461
14584
|
color: var(--text-neutral-primary);
|
|
14585
|
+
flex-shrink: 0;
|
|
14586
|
+
overflow: visible !important;
|
|
14462
14587
|
}
|
|
14463
|
-
.
|
|
14588
|
+
._promptFieldSelectorSlot_t3bgi_149 {
|
|
14464
14589
|
display: contents;
|
|
14465
14590
|
}
|
|
14466
|
-
.
|
|
14591
|
+
._promptFieldIconButton_t3bgi_153 {
|
|
14467
14592
|
background-color: transparent !important;
|
|
14468
14593
|
}
|
|
14469
|
-
.
|
|
14594
|
+
._promptFieldRecordingStatus_t3bgi_160 {
|
|
14470
14595
|
color: var(--text-neutral-primary);
|
|
14471
14596
|
font-family: var(--body-lg-family);
|
|
14472
14597
|
font-size: var(--body-lg-size);
|
|
@@ -14474,7 +14599,7 @@
|
|
|
14474
14599
|
line-height: var(--body-lg-line-height);
|
|
14475
14600
|
padding: var(--space-2xs);
|
|
14476
14601
|
}
|
|
14477
|
-
.
|
|
14602
|
+
._promptFieldWaveform_t3bgi_169 {
|
|
14478
14603
|
align-items: center;
|
|
14479
14604
|
block-size: 24px;
|
|
14480
14605
|
display: flex;
|
|
@@ -14483,14 +14608,14 @@
|
|
|
14483
14608
|
justify-content: flex-end;
|
|
14484
14609
|
overflow: hidden;
|
|
14485
14610
|
}
|
|
14486
|
-
.
|
|
14487
|
-
animation:
|
|
14611
|
+
._promptFieldWaveBar_t3bgi_183 {
|
|
14612
|
+
animation: _wave_t3bgi_1 1s ease-in-out infinite;
|
|
14488
14613
|
background-color: var(--foreground-neutral-primary);
|
|
14489
14614
|
border-radius: 2px;
|
|
14490
14615
|
flex-shrink: 0;
|
|
14491
14616
|
inline-size: 4px;
|
|
14492
14617
|
}
|
|
14493
|
-
.
|
|
14618
|
+
._promptFieldWaveBarInactive_t3bgi_193 {
|
|
14494
14619
|
background-color: var(--foreground-neutral-primary);
|
|
14495
14620
|
block-size: 12px;
|
|
14496
14621
|
border-radius: 2px;
|
|
@@ -14498,7 +14623,7 @@
|
|
|
14498
14623
|
inline-size: 4px;
|
|
14499
14624
|
opacity: .1;
|
|
14500
14625
|
}
|
|
14501
|
-
.
|
|
14626
|
+
._promptFieldWaveBarLive_t3bgi_206 {
|
|
14502
14627
|
background-color: var(--foreground-neutral-primary);
|
|
14503
14628
|
border-radius: 2px;
|
|
14504
14629
|
flex-shrink: 0;
|
|
@@ -14506,24 +14631,24 @@
|
|
|
14506
14631
|
min-block-size: 4px;
|
|
14507
14632
|
transition: block-size .05s ease-out;
|
|
14508
14633
|
}
|
|
14509
|
-
.
|
|
14634
|
+
._promptFieldWaveBar_t3bgi_183:nth-child(2n) {
|
|
14510
14635
|
animation-duration: 1.1s;
|
|
14511
14636
|
block-size: 60%;
|
|
14512
14637
|
}
|
|
14513
|
-
.
|
|
14638
|
+
._promptFieldWaveBar_t3bgi_183:nth-child(3n) {
|
|
14514
14639
|
animation-duration: 1.3s;
|
|
14515
14640
|
block-size: 40%;
|
|
14516
14641
|
}
|
|
14517
|
-
.
|
|
14642
|
+
._promptFieldWaveBar_t3bgi_183:nth-child(4n) {
|
|
14518
14643
|
animation-duration: .9s;
|
|
14519
14644
|
block-size: 80%;
|
|
14520
14645
|
}
|
|
14521
|
-
.
|
|
14646
|
+
._promptFieldTimer_t3bgi_237 {
|
|
14522
14647
|
font-feature-settings: "tnum";
|
|
14523
14648
|
font-variant-numeric: tabular-nums;
|
|
14524
14649
|
font-weight: 500;
|
|
14525
14650
|
}
|
|
14526
|
-
@keyframes
|
|
14651
|
+
@keyframes _wave_t3bgi_1 {
|
|
14527
14652
|
0%, to {
|
|
14528
14653
|
block-size: 20%;
|
|
14529
14654
|
}
|