@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.
Files changed (4) hide show
  1. package/dist/index.css +521 -396
  2. package/dist/index.js +6631 -6569
  3. package/dist/index.mjs +6740 -6678
  4. 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
- ._searchFieldRoot_1tflu_1 {
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
- ._searchFieldRounded_1tflu_18 {
5529
+ ._widthAuto_peg80_18 {
5530
+ inline-size: auto;
5531
+ }
5532
+ ._searchFieldRounded_peg80_23 {
5529
5533
  border-radius: var(--radius-full);
5530
5534
  }
5531
- ._searchFieldRoot_1tflu_1:hover:not(._searchFieldDisabled_1tflu_23) {
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
- ._searchFieldFocused_1tflu_29 {
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
- ._searchFieldDisabled_1tflu_23 {
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
- ._searchFieldIcon_1tflu_42 {
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
- ._searchFieldInput_1tflu_51 {
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
- ._searchFieldInput_1tflu_51::-webkit-search-cancel-button,
5571
- ._searchFieldInput_1tflu_51::-webkit-search-decoration {
5574
+ ._searchFieldInput_peg80_56::-webkit-search-cancel-button,
5575
+ ._searchFieldInput_peg80_56::-webkit-search-decoration {
5572
5576
  appearance: none;
5573
5577
  }
5574
- ._searchFieldInput_1tflu_51:focus {
5578
+ ._searchFieldInput_peg80_56:focus {
5575
5579
  text-overflow: clip;
5576
5580
  }
5577
- ._searchFieldInput_1tflu_51::placeholder {
5581
+ ._searchFieldInput_peg80_56::placeholder {
5578
5582
  color: var(--text-neutral-secondary);
5579
5583
  }
5580
- ._searchFieldInput_1tflu_51::selection {
5584
+ ._searchFieldInput_peg80_56::selection {
5581
5585
  background-color: var(--surface-state-press);
5582
5586
  color: var(--text-neutral-primary);
5583
5587
  }
5584
- ._searchFieldTrailingGroup_1tflu_94 {
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
- ._searchFieldClearButton_1tflu_101 {
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
- ._searchFieldClearButton_1tflu_101 svg {
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
- ._dropdownListRoot_1d3bd_1 {
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
- ._dropdownListSearchWrapper_1d3bd_18 {
7790
+ ._dropdownListSearchWrapper_1mw3t_18 {
7787
7791
  padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
7788
7792
  }
7789
- ._dropdownListItemsListContainer_1d3bd_23 {
7793
+ ._dropdownListItemsListContainer_1mw3t_23 {
7790
7794
  overflow: hidden;
7791
7795
  position: relative;
7792
7796
  }
7793
- ._dropdownListItemsList_1d3bd_23 {
7797
+ ._dropdownListItemsList_1mw3t_23 {
7794
7798
  overflow-y: auto;
7795
7799
  position: relative;
7796
7800
  z-index: var(--z-local-below);
7797
7801
  }
7798
- ._dropdownListItemsList_1d3bd_23:focus {
7802
+ ._dropdownListItemsList_1mw3t_23:focus {
7799
7803
  outline: none;
7800
7804
  }
7801
- ._dropdownListGradient_1d3bd_40 {
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
- ._dropdownListGradientTop_1d3bd_52 {
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
- ._dropdownListGradientBottom_1d3bd_59 {
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
- ._dropdownListGradientVisible_1d3bd_66 {
7830
+ ._dropdownListGradientVisible_1mw3t_66 {
7827
7831
  opacity: 1;
7828
7832
  }
7829
- ._dropdownListItemWrapper_1d3bd_71 {
7833
+ ._dropdownListItemWrapper_1mw3t_71 {
7830
7834
  padding: 0 var(--space-2xs);
7831
7835
  }
7832
- ._dropdownListItemWrapperWithDivider_1d3bd_76 {
7836
+ ._dropdownListItemWrapperWithDivider_1mw3t_76 {
7833
7837
  padding: var(--space-2xs) var(--space-2xs);
7834
7838
  }
7835
- ._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
7839
+ ._dropdownListItemWrapperWithDivider_1mw3t_76:not(:last-child) {
7836
7840
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
7837
7841
  }
7838
- ._dropdownListItemWrapperWithBottomDivider_1d3bd_85 {
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
- ._dropdownListItem_1d3bd_23 {
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
- ._dropdownListItemSm_1d3bd_108 {
7861
+ ._dropdownListItemSm_1mw3t_108 {
7858
7862
  block-size: var(--dimensions-32);
7859
7863
  }
7860
- ._dropdownListItem_1d3bd_23:after {
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
- ._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
7873
+ ._dropdownListItem_1mw3t_23:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
7870
7874
  background-color: var(--surface-state-hover);
7871
7875
  }
7872
- ._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
7876
+ ._dropdownListItem_1mw3t_23:active:not(._dropdownListItemDisabled_1mw3t_124):after {
7873
7877
  background-color: var(--surface-state-press);
7874
7878
  }
7875
- ._dropdownListItem_1d3bd_23:focus-visible:after {
7879
+ ._dropdownListItem_1mw3t_23:focus-visible:after {
7876
7880
  background-color: var(--surface-state-hover);
7877
7881
  }
7878
- ._dropdownListItem_1d3bd_23:focus-visible {
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
- ._dropdownListItemFocused_1d3bd_146 {
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
- ._dropdownListItemFocused_1d3bd_146:after {
7890
+ ._dropdownListItemFocused_1mw3t_146:after {
7887
7891
  background-color: var(--surface-state-hover);
7888
7892
  }
7889
- ._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
7893
+ ._dropdownListItemSelected_1mw3t_160:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
7890
7894
  background-color: var(--surface-state-hover);
7891
7895
  }
7892
- ._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
7896
+ ._dropdownListItemSelected_1mw3t_160:active:not(._dropdownListItemDisabled_1mw3t_124):after {
7893
7897
  background-color: var(--surface-state-press);
7894
7898
  }
7895
- ._dropdownListItemDisabled_1d3bd_170 {
7899
+ ._dropdownListItemDisabled_1mw3t_124 {
7896
7900
  cursor: not-allowed;
7897
7901
  opacity: var(--opacity-disabled);
7898
7902
  }
7899
- ._dropdownListCheckbox_1d3bd_176 {
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
- ._dropdownListItemIcon_1d3bd_183 {
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
- ._dropdownListItemLabel_1d3bd_196 {
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
- ._dropdownListCheckmark_1d3bd_208 {
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
- ._dropdownListEmptyState_1d3bd_219 {
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
- ._dropdownListItemSm_1d3bd_108 ._dropdownListItemLabel_1d3bd_196 {
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
- ._dropdownListItemSm_1d3bd_108 ._dropdownListItemIcon_1d3bd_183,
7948
- ._dropdownListItemSm_1d3bd_108 ._dropdownListCheckmark_1d3bd_208,
7949
- ._dropdownListItemSm_1d3bd_108 ._dropdownListCheckbox_1d3bd_176 {
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
- ._chartContainer_z9qmq_6 {
8577
+ ._chartContainer_ksry0_6 {
8574
8578
  inline-size: 100%;
8575
8579
  isolation: isolate;
8576
8580
  outline: none;
8577
8581
  position: relative;
8578
8582
  }
8579
- ._chartContainer_z9qmq_6 * {
8583
+ ._chartContainer_ksry0_6 * {
8580
8584
  box-shadow: none !important;
8581
8585
  outline: none !important;
8582
8586
  outline: 0 !important;
8583
8587
  }
8584
- ._chartContainer_z9qmq_6 *:focus,
8585
- ._chartContainer_z9qmq_6 *:focus-visible,
8586
- ._chartContainer_z9qmq_6 *:active {
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
- ._chartContainer_z9qmq_6 .recharts-text {
8595
+ ._chartContainer_ksry0_6 .recharts-text {
8592
8596
  font-family: var(--body-sm-family);
8593
8597
  }
8594
- ._chartContainer_z9qmq_6 .recharts-legend-item-text {
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
- ._chartTooltip_z9qmq_43 {
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
- ._chartTooltipLabel_z9qmq_57 {
8620
+ ._chartTooltipLabel_ksry0_70 {
8610
8621
  color: var(--text-neutral-secondary);
8611
- font-family: var(--label-sm-family);
8612
- font-size: var(--label-sm-size);
8613
- font-weight: var(--label-sm-weight-emphasize);
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
- ._chartTooltipItem_z9qmq_65 {
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
- ._chartTooltipIndicator_z9qmq_74 {
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
- ._chartTooltipValue_z9qmq_80 {
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
- ._chartTooltipDivider_z9qmq_87 {
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
- ._chartTooltipBreakdown_z9qmq_94 {
8651
+ ._chartTooltipBreakdown_ksry0_106 {
8642
8652
  display: flex;
8643
8653
  flex-direction: column;
8644
8654
  gap: var(--space-3xs);
8645
8655
  }
8646
- ._chartTooltipSubItem_z9qmq_100 {
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
- ._chartTooltipSubIndicator_z9qmq_109 {
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
- ._chartTooltipSubValue_z9qmq_115 {
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
- ._chartLegend_z9qmq_123 {
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
- ._chartLegendItem_z9qmq_131 {
8682
+ ._chartLegendItem_ksry0_143 {
8673
8683
  align-items: center;
8674
- color: var(--text-neutral-secondary);
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
- ._chartLegendItemInactive_z9qmq_143 {
8693
+ ._chartLegendItemInactive_ksry0_155 {
8684
8694
  opacity: var(--opacity-muted);
8685
8695
  }
8686
- ._chartLegendIndicator_z9qmq_147 {
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
- ._paginationRoot_1q1iy_1 {
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
- ._paginationItemRange_1q1iy_12 {
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
- ._paginationItemRangeText_1q1iy_23 {
9820
+ ._paginationItemRangeText_lndl7_36 {
9800
9821
  color: var(--text-neutral-primary);
9801
9822
  font-weight: 700;
9802
9823
  }
9803
- ._paginationNav_1q1iy_28 {
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
- ._paginationNumbers_1q1iy_37 {
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
- ._paginationButton_1q1iy_44 {
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
- ._paginationButton_1q1iy_44:after {
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
- ._paginationButton_1q1iy_44:hover:not(:disabled):after {
9891
+ ._paginationButton_lndl7_85:hover:not(:disabled):after {
9847
9892
  background-color: var(--surface-state-hover);
9848
9893
  }
9849
- ._paginationButton_1q1iy_44:active:not(:disabled):after {
9894
+ ._paginationButton_lndl7_85:active:not(:disabled):after {
9850
9895
  background-color: var(--surface-state-press);
9851
9896
  }
9852
- ._paginationButtonActive_1q1iy_88 {
9897
+ ._paginationButtonActive_lndl7_129 {
9853
9898
  background-color: var(--surface-neutral-primary-inverse);
9854
9899
  color: var(--text-neutral-primary-inverse);
9855
9900
  }
9856
- ._paginationButtonActive_1q1iy_88:hover:not(:disabled):after {
9901
+ ._paginationButtonActive_lndl7_129:hover:not(:disabled):after {
9857
9902
  background-color: var(--surface-state-inverse-hover);
9858
9903
  }
9859
- ._paginationButtonActive_1q1iy_88:active:not(:disabled):after {
9904
+ ._paginationButtonActive_lndl7_129:active:not(:disabled):after {
9860
9905
  background-color: var(--surface-state-inverse-press);
9861
9906
  }
9862
- ._paginationEllipsis_1q1iy_103 {
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
- ._paginationItemsPerPage_1q1iy_116 {
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
- ._paginationItemsPerPageLabel_1q1iy_122 {
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
- ._paginationItemsPerPageDropdown_1q1iy_131 {
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
- ._toolbarRoot_9szlm_1 {
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-sm);
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
- ._toolbarFixed_9szlm_30 {
10265
+ ._toolbarFixed_1ns6f_30 {
10214
10266
  position: fixed;
10215
10267
  }
10216
- ._toolbarElevated_9szlm_35 {
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
- ._toolbarResponsive_9szlm_46 {
10273
+ ._toolbarResponsive_1ns6f_46 {
10222
10274
  max-inline-size: 360px;
10223
10275
  }
10224
10276
  @media (min-width: 600px) {
10225
- ._toolbarResponsive_9szlm_46 {
10277
+ ._toolbarResponsive_1ns6f_46 {
10226
10278
  max-inline-size: 600px;
10227
10279
  }
10228
10280
  }
10229
10281
  @media (min-width: 900px) {
10230
- ._toolbarResponsive_9szlm_46 {
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
- ._fileUploadRoot_9l48n_2 {
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
- ._fileUploadDropZone_9l48n_11 {
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(--space-sm);
12759
+ gap: var(--file-upload-drop-zone-gap);
12526
12760
  justify-content: center;
12527
- min-block-size: var(--dimensions-160);
12528
- padding: var(--space-lg);
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
- ._fileUploadDropZone_9l48n_11:hover:not(._fileUploadDropZoneDisabled_9l48n_30) {
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
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneActive_9l48n_35 {
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
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneDisabled_9l48n_30 {
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
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneError_9l48n_46 {
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
- ._fileUploadTextContainer_9l48n_52 {
12789
+ ._fileUploadTextContainer_16fp2_107 {
12551
12790
  display: flex;
12552
12791
  flex-direction: column;
12553
- gap: var(--space-5xs);
12792
+ gap: var(--file-upload-text-gap);
12554
12793
  }
12555
- ._fileUploadIcon_9l48n_58 {
12794
+ ._fileUploadIcon_16fp2_113 {
12556
12795
  color: var(--foreground-neutral-primary);
12557
12796
  }
12558
- ._fileUploadTitle_9l48n_62 {
12797
+ ._fileUploadTitle_16fp2_117 {
12559
12798
  color: var(--text-neutral-primary);
12560
12799
  font-family: var(--title-md-family);
12561
- font-size: var(--title-md-size);
12800
+ font-size: var(--file-upload-title-size);
12562
12801
  font-weight: var(--title-md-weight-emphasize);
12563
- line-height: var(--title-md-line-height);
12802
+ line-height: var(--file-upload-title-line-height);
12564
12803
  }
12565
- ._fileUploadSubtitle_9l48n_70 {
12804
+ ._fileUploadSubtitle_16fp2_125 {
12566
12805
  color: var(--text-neutral-secondary);
12567
12806
  font-family: var(--body-sm-family);
12568
- font-size: var(--body-sm-size);
12807
+ font-size: var(--file-upload-subtitle-size);
12569
12808
  font-weight: var(--body-sm-weight);
12570
- line-height: var(--body-sm-line-height);
12809
+ line-height: var(--file-upload-subtitle-line-height);
12571
12810
  }
12572
- ._fileUploadBrowseLink_9l48n_78 {
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
- ._fileUploadHiddenInput_9l48n_86 {
12816
+ ._fileUploadHiddenInput_16fp2_141 {
12578
12817
  display: none;
12579
12818
  }
12580
- ._fileUploadList_9l48n_91 {
12819
+ ._fileUploadList_16fp2_146 {
12581
12820
  display: flex;
12582
12821
  flex-direction: column;
12583
12822
  gap: var(--space-4xs);
12584
12823
  }
12585
- ._fileUploadItem_9l48n_98 {
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
- ._ganttChartRoot_pjqkq_2 {
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
- ._ganttChartHeader_pjqkq_14 {
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
- ._ganttChartHeaderLeft_pjqkq_22 {
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
- ._ganttChartNavigation_pjqkq_31 {
13086
+ ._ganttChartNavigation_1vcm5_31 {
12840
13087
  align-items: center;
12841
13088
  display: flex;
12842
13089
  gap: var(--space-2xs);
12843
13090
  }
12844
- ._ganttChartHeaderRight_pjqkq_39 {
13091
+ ._ganttChartHeaderRight_1vcm5_39 {
12845
13092
  align-items: center;
12846
13093
  display: flex;
12847
13094
  gap: var(--space-xs);
12848
13095
  }
12849
- ._ganttChartHeaderTitle_pjqkq_45 {
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
- ._ganttChartBody_pjqkq_61 {
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
- ._ganttChartBodyBorderless_pjqkq_73 {
13116
+ ._ganttChartBodyBorderless_1vcm5_73 {
12870
13117
  border-block-end: none;
12871
13118
  border-inline: none;
12872
13119
  border-radius: 0;
12873
13120
  }
12874
- ._ganttChartBodyScrollContent_pjqkq_79 {
12875
- overflow-y: visible !important;
13121
+ ._ganttChartBodyScrollContent_1vcm5_79 {
13122
+ block-size: auto !important;
13123
+ overflow-y: hidden !important;
12876
13124
  }
12877
- ._ganttChartTimelineContainer_pjqkq_84 {
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
- ._ganttChartHeaderRow_pjqkq_97 {
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
- ._ganttChartHeaderCell_pjqkq_116 {
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
- ._ganttChartHeaderCell_pjqkq_116:last-child {
13155
+ ._ganttChartHeaderCell_1vcm5_116:last-child {
12908
13156
  border-inline-end: none;
12909
13157
  }
12910
- ._ganttChartHeaderCellToday_pjqkq_146 {
13158
+ ._ganttChartHeaderCellToday_1vcm5_146 {
12911
13159
  position: relative;
12912
13160
  z-index: var(--z-local-above);
12913
13161
  }
12914
- ._ganttChartHeaderContent_pjqkq_153 {
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
- ._ganttChartHeaderCellToday_pjqkq_146 ._ganttChartHeaderContent_pjqkq_153 {
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
- ._ganttChartHeaderDate_pjqkq_177 {
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
- ._ganttChartHeaderDateDay_pjqkq_187 {
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
- ._ganttChartHeaderDay_pjqkq_210 {
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
- ._ganttChartRow_pjqkq_223 {
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
- ._ganttChartRow_pjqkq_223:last-child {
13222
+ ._ganttChartRow_1vcm5_223:last-child {
12975
13223
  border-block-end: none;
12976
13224
  }
12977
- ._ganttChartRow_pjqkq_223:hover {
13225
+ ._ganttChartRow_1vcm5_223:hover {
12978
13226
  background-color: var(--surface-state-hover);
12979
13227
  }
12980
- ._ganttChartSidebar_pjqkq_245 {
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
- ._ganttChartHeaderRow_pjqkq_97 ._ganttChartSidebar_pjqkq_245 {
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
- ._ganttChartRow_pjqkq_223:hover ._ganttChartSidebar_pjqkq_245 {
13258
+ ._ganttChartRow_1vcm5_223:hover ._ganttChartSidebar_1vcm5_245 {
13011
13259
  background-color: var(--surface-neutral-secondary);
13012
13260
  }
13013
- ._ganttChartSidebarText_pjqkq_296 {
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
- ._ganttChartGroupBlock_pjqkq_310 {
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
- ._ganttChartGroupBlock_pjqkq_310:last-child {
13280
+ ._ganttChartGroupBlock_1vcm5_310:last-child {
13033
13281
  border-block-end: none;
13034
13282
  }
13035
- ._ganttChartGroupSidebarColumn_pjqkq_328 {
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
- ._ganttChartGroupSidebarContent_pjqkq_352 {
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
- ._ganttChartGroupRowsContainer_pjqkq_368 {
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
- ._ganttChartGroupSidebarHeader_pjqkq_377 {
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
- ._ganttChartGroupSidebarText_pjqkq_388 {
13322
+ ._ganttChartGroupSidebarText_1vcm5_388 {
13075
13323
  line-height: var(--body-md-line-height);
13076
13324
  overflow-wrap: anywhere;
13077
13325
  }
13078
- ._ganttChartGridRowBg_pjqkq_394 {
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
- ._ganttChartGridCell_pjqkq_406 {
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
- ._ganttChartGridCell_pjqkq_406:last-child {
13340
+ ._ganttChartGridCell_1vcm5_406:last-child {
13093
13341
  border-inline-end: none;
13094
13342
  }
13095
- ._ganttChartCurrentTimeLine_pjqkq_423 {
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
- ._ganttChartCurrentTimeLine_pjqkq_423:before {
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
- ._ganttChartCurrentTimeLabel_pjqkq_453 {
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
- ._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]) {
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
- ._ganttChartCurrentTimeLabel_pjqkq_453:after {
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
- ._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]):after {
13397
+ ._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]):after {
13150
13398
  inset-block-start: 16px;
13151
13399
  }
13152
- ._ganttChartCurrentTimeLabel_pjqkq_453[data-view=Day]:after {
13400
+ ._ganttChartCurrentTimeLabel_1vcm5_453[data-view=Day]:after {
13153
13401
  inset-block-start: 28px;
13154
13402
  }
13155
- ._ganttChartCurrentTimeLine_pjqkq_423:after {
13403
+ ._ganttChartCurrentTimeLine_1vcm5_423:after {
13156
13404
  content: none;
13157
13405
  }
13158
- ._ganttChartTaskBar_pjqkq_554 {
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
- ._ganttChartTaskBarPill_pjqkq_578 {
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
- ._ganttChartTaskBarContent_pjqkq_602 {
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
- ._ganttChartTaskBarName_pjqkq_610 {
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
- ._ganttChartTaskBarMeta_pjqkq_621 {
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
- ._ganttChartTaskBar_pjqkq_554:hover ._ganttChartTaskBarPill_pjqkq_578 {
13463
+ ._ganttChartTaskBar_1vcm5_554:hover ._ganttChartTaskBarPill_1vcm5_578 {
13216
13464
  box-shadow: var(--shadow-md);
13217
13465
  filter: brightness(.95);
13218
13466
  }
13219
- ._ganttChartTaskBar_pjqkq_554:hover {
13467
+ ._ganttChartTaskBar_1vcm5_554:hover {
13220
13468
  z-index: var(--z-local-content);
13221
13469
  }
13222
- ._ganttChartStatusCompleted_pjqkq_647 {
13470
+ ._ganttChartStatusCompleted_1vcm5_647 {
13223
13471
  background-color: var(--surface-accent-green);
13224
13472
  color: var(--text-neutral-primary-inverse);
13225
13473
  }
13226
- ._ganttChartStatusActive_pjqkq_652 {
13474
+ ._ganttChartStatusActive_1vcm5_652 {
13227
13475
  background-color: var(--surface-brand-primary);
13228
13476
  color: var(--text-neutral-primary-inverse);
13229
13477
  }
13230
- ._ganttChartStatusWarning_pjqkq_657 {
13478
+ ._ganttChartStatusWarning_1vcm5_657 {
13231
13479
  background-color: var(--surface-accent-yellow);
13232
13480
  color: var(--text-neutral-primary-inverse);
13233
13481
  }
13234
- ._ganttChartStatusError_pjqkq_662 {
13482
+ ._ganttChartStatusError_1vcm5_662 {
13235
13483
  background-color: var(--surface-accent-red);
13236
13484
  color: var(--text-neutral-primary-inverse);
13237
13485
  }
13238
- ._ganttChartStatusPastelRed_pjqkq_668 {
13486
+ ._ganttChartStatusPastelRed_1vcm5_668 {
13239
13487
  background-color: var(--surface-accent-red-subtle);
13240
13488
  color: var(--text-accent-red);
13241
13489
  }
13242
- ._ganttChartStatusPastelOrange_pjqkq_673 {
13490
+ ._ganttChartStatusPastelOrange_1vcm5_673 {
13243
13491
  background-color: var(--surface-accent-orange-subtle);
13244
13492
  color: var(--text-accent-orange);
13245
13493
  }
13246
- ._ganttChartStatusPastelYellow_pjqkq_678 {
13494
+ ._ganttChartStatusPastelYellow_1vcm5_678 {
13247
13495
  background-color: var(--surface-accent-yellow-subtle);
13248
13496
  color: var(--text-accent-yellow);
13249
13497
  }
13250
- ._ganttChartStatusPastelGreen_pjqkq_683 {
13498
+ ._ganttChartStatusPastelGreen_1vcm5_683 {
13251
13499
  background-color: var(--surface-accent-green-subtle);
13252
13500
  color: var(--text-accent-green);
13253
13501
  }
13254
- ._ganttChartStatusPastelCyan_pjqkq_688 {
13502
+ ._ganttChartStatusPastelCyan_1vcm5_688 {
13255
13503
  background-color: var(--surface-accent-cyan-subtle);
13256
13504
  color: var(--text-accent-cyan);
13257
13505
  }
13258
- ._ganttChartStatusPastelBlue_pjqkq_693 {
13506
+ ._ganttChartStatusPastelBlue_1vcm5_693 {
13259
13507
  background-color: var(--surface-accent-blue-subtle);
13260
13508
  color: var(--text-accent-blue);
13261
13509
  }
13262
- ._ganttChartStatusPastelPurple_pjqkq_698 {
13510
+ ._ganttChartStatusPastelPurple_1vcm5_698 {
13263
13511
  background-color: var(--surface-accent-purple-subtle);
13264
13512
  color: var(--text-accent-purple);
13265
13513
  }
13266
- ._ganttChartStatusPastelPink_pjqkq_703 {
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
- ._ganttChartRoot_pjqkq_2 {
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
- ._ganttChartHeader_pjqkq_14 {
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
- ._ganttChartHeaderLeft_pjqkq_22 {
13531
+ ._ganttChartHeaderLeft_1vcm5_22 {
13284
13532
  flex-wrap: wrap;
13285
13533
  justify-content: space-between;
13286
13534
  }
13287
- ._ganttChartHeaderTitle_pjqkq_45 {
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
- ._ganttChartNavigation_pjqkq_31 {
13541
+ ._ganttChartNavigation_1vcm5_31 {
13294
13542
  margin-inline-start: auto;
13295
13543
  }
13296
- ._ganttChartSidebar_pjqkq_245 {
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
- ._headerTitle_pjqkq_752 {
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
- ._paymentCard_1jqyl_5 {
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
- ._paymentCard_1jqyl_5:hover {
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
- ._paymentCard_1jqyl_5:before {
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
- ._chip_1jqyl_66 {
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
- ._chip_1jqyl_66:after {
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-default_1jqyl_96 {
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-blue_1jqyl_103 {
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-gold_1jqyl_110 {
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-gold_1jqyl_110 ._chip_1jqyl_66 {
14288
+ ._variant-gold_r8yu9_110 ._chip_r8yu9_66 {
14041
14289
  border-color: #8a7337;
14042
14290
  }
14043
- ._variant-platinum_1jqyl_132 {
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-black_1jqyl_146 {
14067
- background: #000;
14068
- background-image:
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 100% 0%,
14071
- #333,
14072
- #000 70%);
14073
- border: 1px solid #333;
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-1_1jqyl_157 {
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-2_1jqyl_162 {
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-3_1jqyl_167 {
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
- ._topRow_1jqyl_174 {
14357
+ ._topRow_r8yu9_182 {
14098
14358
  align-items: flex-start;
14099
14359
  display: flex;
14100
14360
  justify-content: space-between;
14101
14361
  }
14102
- ._bankName_1jqyl_180 {
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
- ._cardType_1jqyl_195 {
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
- ._chipContainer_1jqyl_210 {
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
- ._contactless_1jqyl_217 {
14384
+ ._contactless_r8yu9_225 {
14125
14385
  opacity: .8;
14126
14386
  }
14127
- ._cardNumber_1jqyl_222 {
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
- ._bottomRow_1jqyl_240 {
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
- ._cardInfo_1jqyl_247 {
14405
+ ._cardInfo_r8yu9_255 {
14146
14406
  display: flex;
14147
14407
  flex-direction: column;
14148
14408
  gap: var(--space-4xs);
14149
14409
  }
14150
- ._cardLabel_1jqyl_253 {
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
- ._cardHolderName_1jqyl_267 {
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
- ._expiryDate_1jqyl_280 {
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
- ._networkLogo_1jqyl_289 {
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
- ._mastercardCircles_1jqyl_300 {
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
- ._mastercardCircle_1jqyl_300 {
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
- ._mastercardRed_1jqyl_315 {
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
- ._mastercardOrange_1jqyl_322 {
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
- ._mastercardYellow_1jqyl_334 {
14464
+ ._mastercardYellow_r8yu9_342 {
14205
14465
  background-color: #f79e1b;
14206
14466
  display: none;
14207
14467
  }
14208
- ._visaText_1jqyl_345 {
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
- ._amexBox_1jqyl_364 {
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
- ._attachmentRoot_zdxto_7 {
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
- ._promptFieldRoot_1vtfb_6:hover:not(._promptFieldDisabled_1vtfb_26, ._promptFieldError_1vtfb_26) {
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
- ._promptFieldRoot_1vtfb_6:focus-within:not(._promptFieldError_1vtfb_26) {
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
- ._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26 {
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
- ._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26:focus-within {
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
- ._promptFieldRoot_1vtfb_6._promptFieldDisabled_1vtfb_26 {
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
- ._promptFieldInputArea_1vtfb_62 {
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
- ._promptFieldAttachmentList_1vtfb_70 {
14538
+ ._promptFieldAttachmentList_t3bgi_70 {
14416
14539
  display: flex;
14417
14540
  flex-wrap: wrap;
14418
14541
  gap: var(--space-2xs);
14419
14542
  }
14420
- ._promptFieldTextarea_1vtfb_78 {
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
- ._promptFieldTextarea_1vtfb_78::placeholder {
14558
+ ._promptFieldTextarea_t3bgi_78::placeholder {
14436
14559
  color: var(--text-neutral-secondary);
14437
14560
  }
14438
- ._promptFieldTextarea_1vtfb_78:disabled {
14561
+ ._promptFieldTextarea_t3bgi_78:disabled {
14439
14562
  cursor: not-allowed;
14440
14563
  }
14441
- ._promptFieldTextarea_1vtfb_78::selection {
14564
+ ._promptFieldTextarea_t3bgi_78::selection {
14442
14565
  background-color: var(--surface-state-press);
14443
14566
  color: var(--text-neutral-primary);
14444
14567
  }
14445
- ._promptFieldFooter_1vtfb_114 {
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
- ._promptFieldLeftActions_1vtfb_123,
14453
- ._promptFieldRightActions_1vtfb_130 {
14575
+ ._promptFieldLeftActions_t3bgi_123,
14576
+ ._promptFieldRightActions_t3bgi_130 {
14454
14577
  align-items: center;
14455
14578
  display: flex;
14456
14579
  gap: 8px;
14457
14580
  }
14458
- ._promptFieldSelectorButton_1vtfb_140 {
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
- ._promptFieldSelectorSlot_1vtfb_147 {
14588
+ ._promptFieldSelectorSlot_t3bgi_149 {
14464
14589
  display: contents;
14465
14590
  }
14466
- ._promptFieldIconButton_1vtfb_151 {
14591
+ ._promptFieldIconButton_t3bgi_153 {
14467
14592
  background-color: transparent !important;
14468
14593
  }
14469
- ._promptFieldRecordingStatus_1vtfb_158 {
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
- ._promptFieldWaveform_1vtfb_167 {
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
- ._promptFieldWaveBar_1vtfb_181 {
14487
- animation: _wave_1vtfb_1 1s ease-in-out infinite;
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
- ._promptFieldWaveBarInactive_1vtfb_191 {
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
- ._promptFieldWaveBarLive_1vtfb_204 {
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
- ._promptFieldWaveBar_1vtfb_181:nth-child(2n) {
14634
+ ._promptFieldWaveBar_t3bgi_183:nth-child(2n) {
14510
14635
  animation-duration: 1.1s;
14511
14636
  block-size: 60%;
14512
14637
  }
14513
- ._promptFieldWaveBar_1vtfb_181:nth-child(3n) {
14638
+ ._promptFieldWaveBar_t3bgi_183:nth-child(3n) {
14514
14639
  animation-duration: 1.3s;
14515
14640
  block-size: 40%;
14516
14641
  }
14517
- ._promptFieldWaveBar_1vtfb_181:nth-child(4n) {
14642
+ ._promptFieldWaveBar_t3bgi_183:nth-child(4n) {
14518
14643
  animation-duration: .9s;
14519
14644
  block-size: 80%;
14520
14645
  }
14521
- ._promptFieldTimer_1vtfb_235 {
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 _wave_1vtfb_1 {
14651
+ @keyframes _wave_t3bgi_1 {
14527
14652
  0%, to {
14528
14653
  block-size: 20%;
14529
14654
  }