@photonix/basic 2.0.3 → 2.0.5

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 +589 -409
  2. package/dist/index.js +6810 -6598
  3. package/dist/index.mjs +6822 -6610
  4. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5892,7 +5892,7 @@
5892
5892
  border-inline-start-style: dashed;
5893
5893
  border-inline-start-width: var(--border-xs);
5894
5894
  }
5895
- ._navigationRailRoot_oprz2_2 {
5895
+ ._navigationRailRoot_xghpy_2 {
5896
5896
  background-color: var(--surface-neutral-primary);
5897
5897
  block-size: 100%;
5898
5898
  border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -5902,12 +5902,12 @@
5902
5902
  overflow: hidden;
5903
5903
  transition: inline-size var(--motion-duration-medium) var(--motion-ease-in);
5904
5904
  }
5905
- ._navigationRailFloating_oprz2_14 {
5905
+ ._navigationRailFloating_xghpy_14 {
5906
5906
  border: var(--border-xs) solid var(--border-neutral-tertiary);
5907
5907
  border-radius: var(--radius-sm);
5908
5908
  box-shadow: var(--down-sm-ambient-x) var(--down-sm-ambient-y) var(--down-sm-ambient-blur) var(--down-sm-ambient-spread) var(--down-sm-ambient-color), var(--down-sm-cast-x) var(--down-sm-cast-y) var(--down-sm-cast-blur) var(--down-sm-cast-spread) var(--down-sm-cast-color);
5909
5909
  }
5910
- ._navigationRailHeader_oprz2_24 {
5910
+ ._navigationRailHeader_xghpy_24 {
5911
5911
  display: flex;
5912
5912
  flex-direction: column;
5913
5913
  flex-shrink: 0;
@@ -5915,10 +5915,10 @@
5915
5915
  padding: var(--space-xs) var(--space-xs);
5916
5916
  transition: padding var(--motion-duration-medium) var(--motion-ease-in);
5917
5917
  }
5918
- ._navigationRailCollapsed_oprz2_33 ._navigationRailHeader_oprz2_24 {
5918
+ ._navigationRailCollapsed_xghpy_33 ._navigationRailHeader_xghpy_24 {
5919
5919
  padding-inline: var(--space-2xs);
5920
5920
  }
5921
- ._navigationRailContent_oprz2_37 {
5921
+ ._navigationRailContent_xghpy_37 {
5922
5922
  display: flex;
5923
5923
  flex: 1;
5924
5924
  flex-direction: column;
@@ -5926,18 +5926,18 @@
5926
5926
  position: relative;
5927
5927
  transition: padding var(--motion-duration-medium) var(--motion-ease-in);
5928
5928
  }
5929
- ._navigationRailScrollArea_oprz2_48 {
5929
+ ._navigationRailScrollArea_xghpy_48 {
5930
5930
  block-size: 100%;
5931
5931
  flex: 1;
5932
5932
  min-block-size: 0;
5933
5933
  }
5934
- ._navigationRailContentInner_oprz2_55 {
5934
+ ._navigationRailContentInner_xghpy_55 {
5935
5935
  display: flex;
5936
5936
  flex-direction: column;
5937
5937
  gap: var(--space-4xs);
5938
5938
  padding: 0 var(--space-2xs);
5939
5939
  }
5940
- ._navigationRailGradient_oprz2_63 {
5940
+ ._navigationRailGradient_xghpy_63 {
5941
5941
  block-size: var(--dimensions-48);
5942
5942
  inline-size: 100%;
5943
5943
  inset-inline: 0;
@@ -5947,7 +5947,7 @@
5947
5947
  transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
5948
5948
  z-index: var(--z-local-top);
5949
5949
  }
5950
- ._navigationRailGradientTop_oprz2_75 {
5950
+ ._navigationRailGradientTop_xghpy_75 {
5951
5951
  background:
5952
5952
  linear-gradient(
5953
5953
  to bottom,
@@ -5956,7 +5956,7 @@
5956
5956
  transparent 100%);
5957
5957
  inset-block-start: 0;
5958
5958
  }
5959
- ._navigationRailGradientBottom_oprz2_83 {
5959
+ ._navigationRailGradientBottom_xghpy_83 {
5960
5960
  background:
5961
5961
  linear-gradient(
5962
5962
  to top,
@@ -5965,30 +5965,30 @@
5965
5965
  transparent 100%);
5966
5966
  inset-block-end: 0;
5967
5967
  }
5968
- ._navigationRailGradientVisible_oprz2_91 {
5968
+ ._navigationRailGradientVisible_xghpy_91 {
5969
5969
  opacity: 1;
5970
5970
  }
5971
- ._navigationRailFooter_oprz2_97 {
5971
+ ._navigationRailFooter_xghpy_97 {
5972
5972
  border-block-start: var(--border-xs) solid var(--border-neutral-tertiary);
5973
5973
  flex-shrink: 0;
5974
5974
  padding: var(--space-xs);
5975
5975
  }
5976
- ._navigationRailFooterNoDivider_oprz2_103 {
5976
+ ._navigationRailFooterNoDivider_xghpy_103 {
5977
5977
  border-block-start: none;
5978
5978
  }
5979
- ._navigationRailExpanded_oprz2_111 ._navigationRailContentInner_oprz2_55 {
5979
+ ._navigationRailExpanded_xghpy_111 ._navigationRailContentInner_xghpy_55 {
5980
5980
  padding: 0 var(--space-xs) var(--space-xs) var(--space-xs);
5981
5981
  }
5982
- ._navigationRailCollapsed_oprz2_33 ._navigationRailContentInner_oprz2_55 {
5982
+ ._navigationRailCollapsed_xghpy_33 ._navigationRailContentInner_xghpy_55 {
5983
5983
  padding: var(--space-2xs) var(--space-2xs);
5984
5984
  }
5985
- ._navigationRailContent_oprz2_37:first-child ._navigationRailContentInner_oprz2_55 {
5985
+ ._navigationRailContent_xghpy_37:first-child ._navigationRailContentInner_xghpy_55 {
5986
5986
  padding-block-start: var(--space-xs);
5987
5987
  }
5988
- ._navigationRailCollapsed_oprz2_33 ._navigationRailContent_oprz2_37 > ._navigationRailGroupDivider_oprz2_129:first-child {
5988
+ ._navigationRailCollapsed_xghpy_33 ._navigationRailContent_xghpy_37 > ._navigationRailGroupDivider_xghpy_129:first-child {
5989
5989
  display: none;
5990
5990
  }
5991
- ._navigationRailNavItem_oprz2_138 {
5991
+ ._navigationRailNavItem_xghpy_138 {
5992
5992
  align-items: center;
5993
5993
  background-color: transparent;
5994
5994
  block-size: var(--dimensions-48);
@@ -6006,7 +6006,10 @@
6006
6006
  padding var(--motion-duration-medium) var(--motion-ease-in),
6007
6007
  gap var(--motion-duration-medium) var(--motion-ease-in);
6008
6008
  }
6009
- ._navigationRailNavItem_oprz2_138:after {
6009
+ ._navigationRailNavItemSm_xghpy_158 {
6010
+ block-size: var(--dimensions-32);
6011
+ }
6012
+ ._navigationRailNavItem_xghpy_138:after {
6010
6013
  background-color: transparent;
6011
6014
  border-radius: inherit;
6012
6015
  content: "";
@@ -6016,41 +6019,41 @@
6016
6019
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
6017
6020
  z-index: var(--z-local-below);
6018
6021
  }
6019
- ._navigationRailNavItemCollapsed_oprz2_173 {
6022
+ ._navigationRailNavItemCollapsed_xghpy_177 {
6020
6023
  gap: 0;
6021
6024
  padding-inline: var(--space-xs);
6022
6025
  }
6023
- ._navigationRailNavItemNested_oprz2_184 {
6026
+ ._navigationRailNavItemNested_xghpy_188 {
6024
6027
  overflow: visible;
6025
6028
  padding-inline: calc(var(--dimensions-32) + var(--space-xs)) var(--space-2xs);
6026
6029
  }
6027
- ._navigationRailNavItem_oprz2_138:hover:not(._navigationRailNavItemDisabled_oprz2_190):after,
6028
- ._navigationRailNavItem_oprz2_138:focus-visible:not(._navigationRailNavItemDisabled_oprz2_190):after {
6030
+ ._navigationRailNavItem_xghpy_138:hover:not(._navigationRailNavItemDisabled_xghpy_194):after,
6031
+ ._navigationRailNavItem_xghpy_138:focus-visible:not(._navigationRailNavItemDisabled_xghpy_194):after {
6029
6032
  background-color: var(--surface-state-hover);
6030
6033
  }
6031
- ._navigationRailNavItem_oprz2_138:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
6034
+ ._navigationRailNavItem_xghpy_138:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
6032
6035
  background-color: var(--surface-state-press);
6033
6036
  }
6034
- ._navigationRailNavItem_oprz2_138:focus-visible {
6037
+ ._navigationRailNavItem_xghpy_138:focus-visible {
6035
6038
  background-color: var(--surface-state-hover);
6036
6039
  box-shadow: inset 0 0 0 var(--border-md) var(--colors-grayscale-1000);
6037
6040
  outline: none;
6038
6041
  }
6039
- ._navigationRailNavItemSelected_oprz2_206 {
6042
+ ._navigationRailNavItemSelected_xghpy_210 {
6040
6043
  background-color: var(--surface-neutral-secondary);
6041
6044
  }
6042
- ._navigationRailNavItemSelected_oprz2_206:hover:not(._navigationRailNavItemDisabled_oprz2_190):after {
6045
+ ._navigationRailNavItemSelected_xghpy_210:hover:not(._navigationRailNavItemDisabled_xghpy_194):after {
6043
6046
  background-color: var(--surface-state-hover);
6044
6047
  }
6045
- ._navigationRailNavItemSelected_oprz2_206:active:not(._navigationRailNavItemDisabled_oprz2_190):after {
6048
+ ._navigationRailNavItemSelected_xghpy_210:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
6046
6049
  background-color: var(--surface-state-press);
6047
6050
  }
6048
- ._navigationRailNavItemDisabled_oprz2_190 {
6051
+ ._navigationRailNavItemDisabled_xghpy_194 {
6049
6052
  cursor: not-allowed;
6050
6053
  opacity: var(--opacity-disabled);
6051
6054
  pointer-events: none;
6052
6055
  }
6053
- ._navigationRailNavItemIcon_oprz2_226 {
6056
+ ._navigationRailNavItemIcon_xghpy_230 {
6054
6057
  align-items: center;
6055
6058
  block-size: var(--dimensions-24);
6056
6059
  color: var(--foreground-neutral-secondary);
@@ -6062,15 +6065,15 @@
6062
6065
  transition: color var(--motion-duration-fast) var(--motion-ease-in-out);
6063
6066
  z-index: var(--z-local-content);
6064
6067
  }
6065
- ._navigationRailNavItemIconSelected_oprz2_240 {
6068
+ ._navigationRailNavItemIconSelected_xghpy_244 {
6066
6069
  color: var(--foreground-neutral-primary);
6067
6070
  }
6068
- ._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemIcon_oprz2_226 {
6071
+ ._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemIcon_xghpy_230 {
6069
6072
  color: var(--foreground-neutral-primary);
6070
6073
  position: relative;
6071
6074
  z-index: var(--z-local-content);
6072
6075
  }
6073
- ._navigationRailNavItemLabel_oprz2_251 {
6076
+ ._navigationRailNavItemLabel_xghpy_255 {
6074
6077
  color: var(--text-neutral-secondary);
6075
6078
  flex: 1;
6076
6079
  font-family: var(--label-lg-family);
@@ -6092,17 +6095,17 @@
6092
6095
  white-space: nowrap;
6093
6096
  z-index: var(--z-local-content);
6094
6097
  }
6095
- ._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemLabel_oprz2_251 {
6098
+ ._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemLabel_xghpy_255 {
6096
6099
  flex: 0;
6097
6100
  inline-size: 0;
6098
6101
  margin: 0;
6099
6102
  opacity: var(--opacity-hidden);
6100
6103
  transform: translate(-10px);
6101
6104
  }
6102
- ._navigationRailNavItemSelected_oprz2_206 ._navigationRailNavItemLabel_oprz2_251 {
6105
+ ._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemLabel_xghpy_255 {
6103
6106
  color: var(--text-neutral-primary);
6104
6107
  }
6105
- ._navigationRailNavItemChevron_oprz2_293 {
6108
+ ._navigationRailNavItemChevron_xghpy_297 {
6106
6109
  align-items: center;
6107
6110
  color: var(--foreground-neutral-secondary);
6108
6111
  display: flex;
@@ -6116,53 +6119,53 @@
6116
6119
  opacity var(--motion-duration-medium) var(--motion-ease-in),
6117
6120
  inline-size var(--motion-duration-medium) var(--motion-ease-in);
6118
6121
  }
6119
- ._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemChevron_oprz2_293 {
6122
+ ._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemChevron_xghpy_297 {
6120
6123
  inline-size: 0;
6121
6124
  opacity: var(--opacity-hidden);
6122
6125
  overflow: hidden;
6123
6126
  }
6124
- ._navigationRailNavItemChevronExpanded_oprz2_313 {
6127
+ ._navigationRailNavItemChevronExpanded_xghpy_317 {
6125
6128
  transform: rotate(90deg);
6126
6129
  }
6127
- ._navigationRailNavItemContainer_oprz2_319 {
6130
+ ._navigationRailNavItemContainer_xghpy_323 {
6128
6131
  display: flex;
6129
6132
  flex-direction: column;
6130
6133
  }
6131
- ._navigationRailCollapsed_oprz2_33 ._navigationRailNavItemNoIcon_oprz2_326 {
6134
+ ._navigationRailCollapsed_xghpy_33 ._navigationRailNavItemNoIcon_xghpy_330 {
6132
6135
  block-size: 0;
6133
6136
  margin: 0;
6134
6137
  opacity: 0;
6135
6138
  overflow: hidden;
6136
6139
  padding: 0;
6137
6140
  }
6138
- ._navigationRailNavItemChildrenWrapper_oprz2_334 {
6141
+ ._navigationRailNavItemChildrenWrapper_xghpy_338 {
6139
6142
  display: grid;
6140
6143
  grid-template-rows: 0fr;
6141
6144
  transition: grid-template-rows .25s var(--motion-ease-out);
6142
6145
  }
6143
- ._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 {
6146
+ ._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 {
6144
6147
  grid-template-rows: 1fr;
6145
6148
  }
6146
- ._navigationRailNavItemChildrenWrapperCollapsed_oprz2_346 {
6149
+ ._navigationRailNavItemChildrenWrapperCollapsed_xghpy_350 {
6147
6150
  display: none;
6148
6151
  }
6149
- ._navigationRailNavItemChildren_oprz2_334 {
6152
+ ._navigationRailNavItemChildren_xghpy_338 {
6150
6153
  display: flex;
6151
6154
  flex-direction: column;
6152
6155
  gap: 0;
6153
6156
  min-block-size: 0;
6154
6157
  overflow: hidden;
6155
6158
  }
6156
- ._navigationRailNavItemChildren_oprz2_334 > * {
6159
+ ._navigationRailNavItemChildren_xghpy_338 > * {
6157
6160
  margin-block-end: var(--space-4xs);
6158
6161
  }
6159
- ._navigationRailNavItemChildren_oprz2_334 > *:last-child {
6162
+ ._navigationRailNavItemChildren_xghpy_338 > *:last-child {
6160
6163
  margin-block-end: 0;
6161
6164
  }
6162
- ._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNavItemChildren_oprz2_334 {
6165
+ ._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNavItemChildren_xghpy_338 {
6163
6166
  overflow: visible;
6164
6167
  }
6165
- ._navigationRailNestLine_oprz2_379 {
6168
+ ._navigationRailNestLine_xghpy_383 {
6166
6169
  block-size: calc(100% + 12px);
6167
6170
  inline-size: var(--dimensions-32);
6168
6171
  inset-block-start: calc(-1 * var(--dimensions-20));
@@ -6173,11 +6176,11 @@
6173
6176
  position: absolute;
6174
6177
  transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
6175
6178
  }
6176
- ._navigationRailNavItemChildrenWrapperExpanded_oprz2_341 ._navigationRailNestLine_oprz2_379 {
6179
+ ._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNestLine_xghpy_383 {
6177
6180
  opacity: 1;
6178
6181
  transition-delay: var(--motion-duration-fast);
6179
6182
  }
6180
- ._navigationRailNestLine_oprz2_379:before {
6183
+ ._navigationRailNestLine_xghpy_383:before {
6181
6184
  block-size: var(--dimensions-36);
6182
6185
  border-block-end: var(--dimensions-1) solid var(--border-neutral-tertiary);
6183
6186
  border-end-start-radius: 12px;
@@ -6188,7 +6191,7 @@
6188
6191
  inset-inline-start: var(--dimensions-24);
6189
6192
  position: absolute;
6190
6193
  }
6191
- ._navigationRailNavItemChildren_oprz2_334 > ._navigationRailNavItemContainer_oprz2_319:not(:last-child) ._navigationRailNestLine_oprz2_379:after {
6194
+ ._navigationRailNavItemChildren_xghpy_338 > ._navigationRailNavItemContainer_xghpy_323:not(:last-child) ._navigationRailNestLine_xghpy_383:after {
6192
6195
  background-color: var(--border-neutral-tertiary);
6193
6196
  block-size: var(--dimensions-48);
6194
6197
  content: "";
@@ -6197,31 +6200,31 @@
6197
6200
  inset-inline-start: var(--dimensions-24);
6198
6201
  position: absolute;
6199
6202
  }
6200
- ._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNestLine_oprz2_379 {
6203
+ ._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNestLine_xghpy_383 {
6201
6204
  opacity: 0;
6202
6205
  }
6203
- ._navigationRailNavItemBadge_oprz2_461 {
6206
+ ._navigationRailNavItemBadge_xghpy_465 {
6204
6207
  transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
6205
6208
  }
6206
- ._navigationRailNavItemCollapsed_oprz2_173 ._navigationRailNavItemBadge_oprz2_461 {
6209
+ ._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNavItemBadge_xghpy_465 {
6207
6210
  inset-block-start: 6px;
6208
6211
  inset-inline-end: 6px;
6209
6212
  position: absolute;
6210
6213
  z-index: var(--z-local-content);
6211
6214
  }
6212
- ._navigationRailNavItemExpanded_oprz2_477 ._navigationRailNavItemBadge_oprz2_461 {
6215
+ ._navigationRailNavItemExpanded_xghpy_481 ._navigationRailNavItemBadge_xghpy_465 {
6213
6216
  border: none;
6214
6217
  margin-inline: auto var(--space-xs);
6215
6218
  position: static;
6216
6219
  }
6217
- ._navigationRailNavGroup_oprz2_489 {
6220
+ ._navigationRailNavGroup_xghpy_493 {
6218
6221
  display: flex;
6219
6222
  flex-direction: column;
6220
6223
  }
6221
- ._navigationRailNavGroupFirst_oprz2_495 {
6224
+ ._navigationRailNavGroupFirst_xghpy_499 {
6222
6225
  display: flex;
6223
6226
  }
6224
- ._navigationRailGroupDivider_oprz2_129 {
6227
+ ._navigationRailGroupDivider_xghpy_129 {
6225
6228
  block-size: 0;
6226
6229
  margin: 0;
6227
6230
  opacity: 0;
@@ -6232,26 +6235,26 @@
6232
6235
  opacity var(--motion-duration-medium) var(--motion-ease-in),
6233
6236
  margin var(--motion-duration-medium) var(--motion-ease-in);
6234
6237
  }
6235
- ._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailGroupDivider_oprz2_129 {
6238
+ ._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailGroupDivider_xghpy_129 {
6236
6239
  block-size: 0;
6237
6240
  opacity: 0;
6238
6241
  margin: 0;
6239
6242
  padding-block-end: 0;
6240
6243
  }
6241
- ._navigationRailNavGroupFirst_oprz2_495 ._navigationRailGroupDivider_oprz2_129 {
6244
+ ._navigationRailNavGroupFirst_xghpy_499 ._navigationRailGroupDivider_xghpy_129 {
6242
6245
  display: none !important;
6243
6246
  }
6244
- ._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupHeader_oprz2_529 {
6247
+ ._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupHeader_xghpy_533 {
6245
6248
  block-size: 0;
6246
6249
  margin: 0;
6247
6250
  opacity: 0;
6248
6251
  overflow: hidden;
6249
6252
  padding: 0;
6250
6253
  }
6251
- ._navigationRailNavGroupCollapsed_oprz2_515 ._navigationRailNavGroupContentWrapper_oprz2_538 {
6254
+ ._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupContentWrapper_xghpy_542 {
6252
6255
  grid-template-rows: 1fr !important;
6253
6256
  }
6254
- ._navigationRailNavGroupHeader_oprz2_529 {
6257
+ ._navigationRailNavGroupHeader_xghpy_533 {
6255
6258
  align-items: center;
6256
6259
  block-size: var(--dimensions-32);
6257
6260
  border-radius: var(--radius-2xs);
@@ -6271,7 +6274,10 @@
6271
6274
  padding var(--motion-duration-medium) var(--motion-ease-in),
6272
6275
  margin var(--motion-duration-medium) var(--motion-ease-in);
6273
6276
  }
6274
- ._navigationRailNavGroupHeader_oprz2_529:after {
6277
+ ._navigationRailNavGroupHeaderSm_xghpy_570 {
6278
+ block-size: var(--dimensions-32);
6279
+ }
6280
+ ._navigationRailNavGroupHeader_xghpy_533:after {
6275
6281
  background-color: transparent;
6276
6282
  border-radius: inherit;
6277
6283
  content: "";
@@ -6281,10 +6287,10 @@
6281
6287
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
6282
6288
  z-index: var(--z-local-below);
6283
6289
  }
6284
- ._navigationRailNavGroupHeader_oprz2_529:hover:after {
6290
+ ._navigationRailNavGroupHeader_xghpy_533:hover:after {
6285
6291
  background-color: var(--surface-state-hover);
6286
6292
  }
6287
- ._navigationRailNavGroupLabel_oprz2_582 {
6293
+ ._navigationRailNavGroupLabel_xghpy_590 {
6288
6294
  color: var(--text-neutral-secondary);
6289
6295
  flex: 1;
6290
6296
  font-family: var(--label-lg-family);
@@ -6297,7 +6303,7 @@
6297
6303
  text-transform: capitalize;
6298
6304
  white-space: nowrap;
6299
6305
  }
6300
- ._navigationRailNavGroupChevron_oprz2_596 {
6306
+ ._navigationRailNavGroupChevron_xghpy_604 {
6301
6307
  align-items: center;
6302
6308
  color: var(--foreground-neutral-secondary);
6303
6309
  display: flex;
@@ -6306,25 +6312,25 @@
6306
6312
  transform: rotate(0);
6307
6313
  transition: transform .25s var(--motion-ease-out);
6308
6314
  }
6309
- ._navigationRailNavGroupChevronExpanded_oprz2_608 {
6315
+ ._navigationRailNavGroupChevronExpanded_xghpy_616 {
6310
6316
  transform: rotate(180deg);
6311
6317
  }
6312
- ._navigationRailNavGroupContentWrapper_oprz2_538 {
6318
+ ._navigationRailNavGroupContentWrapper_xghpy_542 {
6313
6319
  display: grid;
6314
6320
  grid-template-rows: 0fr;
6315
6321
  transition: grid-template-rows .25s var(--motion-ease-standard);
6316
6322
  }
6317
- ._navigationRailNavGroupContentWrapperExpanded_oprz2_621 {
6323
+ ._navigationRailNavGroupContentWrapperExpanded_xghpy_629 {
6318
6324
  grid-template-rows: 1fr;
6319
6325
  }
6320
- ._navigationRailNavGroupContent_oprz2_538 {
6326
+ ._navigationRailNavGroupContent_xghpy_542 {
6321
6327
  display: flex;
6322
6328
  flex-direction: column;
6323
6329
  gap: var(--space-4xs);
6324
6330
  min-block-size: 0;
6325
6331
  overflow: hidden;
6326
6332
  }
6327
- ._navigationRailRailItem_oprz2_634 {
6333
+ ._navigationRailRailItem_xghpy_642 {
6328
6334
  align-items: center;
6329
6335
  background-color: transparent;
6330
6336
  block-size: var(--dimensions-48);
@@ -6339,7 +6345,7 @@
6339
6345
  position: relative;
6340
6346
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), transform var(--motion-duration-fast) var(--motion-ease-out);
6341
6347
  }
6342
- ._navigationRailRailItem_oprz2_634:after {
6348
+ ._navigationRailRailItem_xghpy_642:after {
6343
6349
  background-color: transparent;
6344
6350
  content: "";
6345
6351
  inset: 0;
@@ -6349,39 +6355,39 @@
6349
6355
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out), opacity var(--motion-duration-fast) var(--motion-ease-out);
6350
6356
  z-index: var(--z-local-below);
6351
6357
  }
6352
- ._navigationRailRailItem_oprz2_634:hover:after {
6358
+ ._navigationRailRailItem_xghpy_642:hover:after {
6353
6359
  background-color: var(--surface-state-hover);
6354
6360
  }
6355
- ._navigationRailRailItem_oprz2_634:active:after {
6361
+ ._navigationRailRailItem_xghpy_642:active:after {
6356
6362
  background-color: var(--surface-state-press);
6357
6363
  }
6358
- ._navigationRailRailItem_oprz2_634:active {
6364
+ ._navigationRailRailItem_xghpy_642:active {
6359
6365
  transform: scale(.97);
6360
6366
  }
6361
- ._navigationRailRailItem_oprz2_634:focus-visible {
6367
+ ._navigationRailRailItem_xghpy_642:focus-visible {
6362
6368
  outline: var(--dimensions-2) solid var(--border-state-focus);
6363
6369
  outline-offset: var(--dimensions-2);
6364
6370
  }
6365
- ._navigationRailRailItemSelected_oprz2_684 {
6371
+ ._navigationRailRailItemSelected_xghpy_692 {
6366
6372
  background-color: var(--surface-neutral-secondary);
6367
6373
  color: var(--foreground-neutral-primary);
6368
6374
  }
6369
- ._navigationRailRailItemSelected_oprz2_684:hover:after {
6375
+ ._navigationRailRailItemSelected_xghpy_692:hover:after {
6370
6376
  background-color: var(--surface-state-hover);
6371
6377
  }
6372
- ._navigationRailRailItemSelected_oprz2_684:active:after {
6378
+ ._navigationRailRailItemSelected_xghpy_692:active:after {
6373
6379
  background-color: var(--surface-state-press);
6374
6380
  }
6375
- ._navigationRailRailItemDisabled_oprz2_697 {
6381
+ ._navigationRailRailItemDisabled_xghpy_705 {
6376
6382
  background-color: transparent;
6377
6383
  color: var(--foreground-state-disabled);
6378
6384
  cursor: not-allowed;
6379
6385
  pointer-events: none;
6380
6386
  }
6381
- ._navigationRailRailItemDisabled_oprz2_697 ._railItemIcon_oprz2_704 {
6387
+ ._navigationRailRailItemDisabled_xghpy_705 ._railItemIcon_xghpy_712 {
6382
6388
  color: var(--foreground-state-disabled);
6383
6389
  }
6384
- ._navigationRailRailItemIcon_oprz2_709 {
6390
+ ._navigationRailRailItemIcon_xghpy_717 {
6385
6391
  align-items: center;
6386
6392
  block-size: var(--dimensions-24);
6387
6393
  color: inherit;
@@ -6389,7 +6395,7 @@
6389
6395
  inline-size: var(--dimensions-24);
6390
6396
  justify-content: center;
6391
6397
  }
6392
- ._navigationRailRailBadgePosition_oprz2_718 {
6398
+ ._navigationRailRailBadgePosition_xghpy_726 {
6393
6399
  border: var(--border-md) solid var(--surface-neutral-primary);
6394
6400
  inset-block-start: 6px;
6395
6401
  inset-inline-end: 6px;
@@ -7765,7 +7771,7 @@
7765
7771
  inline-size: var(--dimensions-24);
7766
7772
  justify-content: center;
7767
7773
  }
7768
- ._dropdownListRoot_d7gxo_1 {
7774
+ ._dropdownListRoot_1d3bd_1 {
7769
7775
  background-color: var(--surface-neutral-elevator);
7770
7776
  border: var(--border-xs) solid var(--border-neutral-tertiary);
7771
7777
  border-radius: var(--radius-sm);
@@ -7777,22 +7783,22 @@
7777
7783
  padding: var(--space-2xs) 0;
7778
7784
  isolation: isolate;
7779
7785
  }
7780
- ._dropdownListSearchWrapper_d7gxo_18 {
7786
+ ._dropdownListSearchWrapper_1d3bd_18 {
7781
7787
  padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
7782
7788
  }
7783
- ._dropdownListItemsListContainer_d7gxo_23 {
7789
+ ._dropdownListItemsListContainer_1d3bd_23 {
7784
7790
  overflow: hidden;
7785
7791
  position: relative;
7786
7792
  }
7787
- ._dropdownListItemsList_d7gxo_23 {
7793
+ ._dropdownListItemsList_1d3bd_23 {
7788
7794
  overflow-y: auto;
7789
7795
  position: relative;
7790
7796
  z-index: var(--z-local-below);
7791
7797
  }
7792
- ._dropdownListItemsList_d7gxo_23:focus {
7798
+ ._dropdownListItemsList_1d3bd_23:focus {
7793
7799
  outline: none;
7794
7800
  }
7795
- ._dropdownListGradient_d7gxo_40 {
7801
+ ._dropdownListGradient_1d3bd_40 {
7796
7802
  block-size: var(--dimensions-32);
7797
7803
  inset-inline: 0;
7798
7804
  opacity: 0;
@@ -7801,7 +7807,7 @@
7801
7807
  transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
7802
7808
  z-index: var(--z-local-above);
7803
7809
  }
7804
- ._dropdownListGradientTop_d7gxo_52 {
7810
+ ._dropdownListGradientTop_1d3bd_52 {
7805
7811
  background:
7806
7812
  linear-gradient(
7807
7813
  to bottom,
@@ -7809,7 +7815,7 @@
7809
7815
  transparent 100%);
7810
7816
  inset-block-start: 0;
7811
7817
  }
7812
- ._dropdownListGradientBottom_d7gxo_59 {
7818
+ ._dropdownListGradientBottom_1d3bd_59 {
7813
7819
  background:
7814
7820
  linear-gradient(
7815
7821
  to top,
@@ -7817,24 +7823,24 @@
7817
7823
  transparent 100%);
7818
7824
  inset-block-end: 0;
7819
7825
  }
7820
- ._dropdownListGradientVisible_d7gxo_66 {
7826
+ ._dropdownListGradientVisible_1d3bd_66 {
7821
7827
  opacity: 1;
7822
7828
  }
7823
- ._dropdownListItemWrapper_d7gxo_71 {
7829
+ ._dropdownListItemWrapper_1d3bd_71 {
7824
7830
  padding: 0 var(--space-2xs);
7825
7831
  }
7826
- ._dropdownListItemWrapperWithDivider_d7gxo_76 {
7832
+ ._dropdownListItemWrapperWithDivider_1d3bd_76 {
7827
7833
  padding: var(--space-2xs) var(--space-2xs);
7828
7834
  }
7829
- ._dropdownListItemWrapperWithDivider_d7gxo_76:not(:last-child) {
7835
+ ._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
7830
7836
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
7831
7837
  }
7832
- ._dropdownListItemWrapperWithBottomDivider_d7gxo_85 {
7838
+ ._dropdownListItemWrapperWithBottomDivider_1d3bd_85 {
7833
7839
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
7834
7840
  margin-block-end: var(--space-2xs);
7835
7841
  padding-block-end: var(--space-2xs);
7836
7842
  }
7837
- ._dropdownListItem_d7gxo_23 {
7843
+ ._dropdownListItem_1d3bd_23 {
7838
7844
  align-items: center;
7839
7845
  background-color: transparent;
7840
7846
  block-size: var(--dimensions-48);
@@ -7848,7 +7854,10 @@
7848
7854
  position: relative;
7849
7855
  transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
7850
7856
  }
7851
- ._dropdownListItem_d7gxo_23:after {
7857
+ ._dropdownListItemSm_1d3bd_108 {
7858
+ block-size: var(--dimensions-32);
7859
+ }
7860
+ ._dropdownListItem_1d3bd_23:after {
7852
7861
  background-color: transparent;
7853
7862
  content: "";
7854
7863
  inset: 0;
@@ -7857,42 +7866,42 @@
7857
7866
  transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
7858
7867
  z-index: var(--z-local-below);
7859
7868
  }
7860
- ._dropdownListItem_d7gxo_23:hover:not(._disabled_d7gxo_120):after {
7869
+ ._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
7861
7870
  background-color: var(--surface-state-hover);
7862
7871
  }
7863
- ._dropdownListItem_d7gxo_23:active:not(._disabled_d7gxo_120):after {
7872
+ ._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
7864
7873
  background-color: var(--surface-state-press);
7865
7874
  }
7866
- ._dropdownListItem_d7gxo_23:focus-visible:after {
7875
+ ._dropdownListItem_1d3bd_23:focus-visible:after {
7867
7876
  background-color: var(--surface-state-hover);
7868
7877
  }
7869
- ._dropdownListItem_d7gxo_23:focus-visible {
7878
+ ._dropdownListItem_1d3bd_23:focus-visible {
7870
7879
  outline: var(--border-md) solid var(--border-state-focus);
7871
7880
  outline-offset: calc(var(--border-md) * -1);
7872
7881
  }
7873
- ._dropdownListItemFocused_d7gxo_142 {
7882
+ ._dropdownListItemFocused_1d3bd_146 {
7874
7883
  outline: var(--border-md) solid var(--border-state-focus);
7875
7884
  outline-offset: calc(var(--border-md) * -1);
7876
7885
  }
7877
- ._dropdownListItemFocused_d7gxo_142:after {
7886
+ ._dropdownListItemFocused_1d3bd_146:after {
7878
7887
  background-color: var(--surface-state-hover);
7879
7888
  }
7880
- ._dropdownListItemSelected_d7gxo_156:hover:not(._disabled_d7gxo_120):after {
7889
+ ._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
7881
7890
  background-color: var(--surface-state-hover);
7882
7891
  }
7883
- ._dropdownListItemSelected_d7gxo_156:active:not(._disabled_d7gxo_120):after {
7892
+ ._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
7884
7893
  background-color: var(--surface-state-press);
7885
7894
  }
7886
- ._dropdownListItemDisabled_d7gxo_166 {
7895
+ ._dropdownListItemDisabled_1d3bd_170 {
7887
7896
  cursor: not-allowed;
7888
7897
  opacity: var(--opacity-disabled);
7889
7898
  }
7890
- ._dropdownListCheckbox_d7gxo_172 {
7899
+ ._dropdownListCheckbox_1d3bd_176 {
7891
7900
  block-size: var(--dimensions-24) !important;
7892
7901
  flex-shrink: 0;
7893
7902
  inline-size: var(--dimensions-24) !important;
7894
7903
  }
7895
- ._dropdownListItemIcon_d7gxo_179 {
7904
+ ._dropdownListItemIcon_1d3bd_183 {
7896
7905
  align-items: center;
7897
7906
  block-size: var(--dimensions-24);
7898
7907
  color: var(--foreground-neutral-primary);
@@ -7903,7 +7912,7 @@
7903
7912
  position: relative;
7904
7913
  z-index: var(--z-local-content);
7905
7914
  }
7906
- ._dropdownListItemLabel_d7gxo_192 {
7915
+ ._dropdownListItemLabel_1d3bd_196 {
7907
7916
  color: var(--text-neutral-primary);
7908
7917
  flex: 1;
7909
7918
  font-family: var(--body-lg-family);
@@ -7913,7 +7922,7 @@
7913
7922
  position: relative;
7914
7923
  z-index: var(--z-local-content);
7915
7924
  }
7916
- ._dropdownListCheckmark_d7gxo_204 {
7925
+ ._dropdownListCheckmark_1d3bd_208 {
7917
7926
  align-items: center;
7918
7927
  block-size: var(--dimensions-24);
7919
7928
  color: var(--text-neutral-primary);
@@ -7922,13 +7931,25 @@
7922
7931
  inline-size: var(--dimensions-24);
7923
7932
  justify-content: center;
7924
7933
  }
7925
- ._dropdownListEmptyState_d7gxo_215 {
7934
+ ._dropdownListEmptyState_1d3bd_219 {
7926
7935
  color: var(--text-neutral-secondary);
7927
7936
  font-family: var(--body-lg-family);
7928
7937
  font-size: var(--body-lg-size);
7929
7938
  padding: var(--space-sm) var(--space-xs);
7930
7939
  text-align: center;
7931
7940
  }
7941
+ ._dropdownListItemSm_1d3bd_108 ._dropdownListItemLabel_1d3bd_196 {
7942
+ font-family: var(--body-md-family);
7943
+ font-size: var(--body-md-size);
7944
+ font-weight: var(--body-md-weight);
7945
+ line-height: var(--body-md-line-height);
7946
+ }
7947
+ ._dropdownListItemSm_1d3bd_108 ._dropdownListItemIcon_1d3bd_183,
7948
+ ._dropdownListItemSm_1d3bd_108 ._dropdownListCheckmark_1d3bd_208,
7949
+ ._dropdownListItemSm_1d3bd_108 ._dropdownListCheckbox_1d3bd_176 {
7950
+ block-size: var(--dimensions-20) !important;
7951
+ inline-size: var(--dimensions-20) !important;
7952
+ }
7932
7953
  ._breadcrumbList_4fbak_2 {
7933
7954
  align-items: center;
7934
7955
  display: flex;
@@ -12485,14 +12506,196 @@
12485
12506
  transform: rotate(360deg);
12486
12507
  }
12487
12508
  }
12488
- ._fileUploadRoot_9l48n_2 {
12509
+ ._attachmentRoot_zdxto_7 {
12510
+ --attachment-radius: var(--radius-2xs);
12511
+ align-items: center;
12512
+ border: var(--border-sm) solid var(--border-neutral-tertiary);
12513
+ border-radius: var(--attachment-radius);
12514
+ box-sizing: border-box;
12515
+ display: inline-flex;
12516
+ flex-direction: row;
12517
+ gap: var(--space-sm);
12518
+ overflow: hidden;
12519
+ padding: var(--space-xs);
12520
+ position: relative;
12521
+ transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
12522
+ }
12523
+ ._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
12524
+ padding-block: var(--space-4xs);
12525
+ padding-inline: var(--space-4xs) var(--space-xs);
12526
+ }
12527
+ ._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
12528
+ padding-inline: var(--space-4xs) var(--space-xl);
12529
+ }
12530
+ ._attachmentDisabled_zdxto_32 {
12531
+ cursor: not-allowed;
12532
+ opacity: var(--opacity-disabled);
12533
+ pointer-events: none;
12534
+ }
12535
+ ._attachmentSm_zdxto_43 {
12536
+ max-inline-size: var(--dimensions-200);
12537
+ }
12538
+ ._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
12539
+ block-size: var(--dimensions-40);
12540
+ }
12541
+ ._attachmentMd_zdxto_52 {
12542
+ max-inline-size: var(--dimensions-240);
12543
+ }
12544
+ ._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
12545
+ block-size: var(--dimensions-80);
12546
+ }
12547
+ ._attachmentLg_zdxto_61 {
12548
+ max-inline-size: var(--dimensions-280);
12549
+ }
12550
+ ._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
12551
+ block-size: var(--dimensions-120);
12552
+ }
12553
+ ._attachmentMedia_zdxto_23 {
12554
+ gap: 0;
12555
+ padding: 0;
12556
+ }
12557
+ ._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
12558
+ block-size: var(--dimensions-40);
12559
+ border: none;
12560
+ inline-size: var(--dimensions-40);
12561
+ }
12562
+ ._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
12563
+ block-size: var(--dimensions-80);
12564
+ border: none;
12565
+ inline-size: var(--dimensions-80);
12566
+ }
12567
+ ._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
12568
+ block-size: var(--dimensions-120);
12569
+ border: none;
12570
+ inline-size: var(--dimensions-120);
12571
+ }
12572
+ ._attachmentPreview_zdxto_105 {
12573
+ align-items: center;
12574
+ background-color: var(--surface-neutral-secondary);
12575
+ border-radius: var(--attachment-radius);
12576
+ display: flex;
12577
+ flex-shrink: 0;
12578
+ justify-content: center;
12579
+ overflow: hidden;
12580
+ position: relative;
12581
+ }
12582
+ ._attachmentThumbnail_zdxto_116 {
12583
+ block-size: 100%;
12584
+ display: block;
12585
+ inline-size: 100%;
12586
+ object-fit: cover;
12587
+ }
12588
+ ._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
12589
+ ._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
12590
+ block-size: 100%;
12591
+ border-radius: var(--attachment-radius);
12592
+ inline-size: 100%;
12593
+ }
12594
+ ._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
12595
+ aspect-ratio: 1;
12596
+ block-size: 100%;
12597
+ border-radius: calc(var(--attachment-radius) - var(--space-4xs));
12598
+ inline-size: auto;
12599
+ }
12600
+ ._attachmentVideoOverlay_zdxto_139 {
12601
+ background-color: var(--color-overlay);
12602
+ inset: 0;
12603
+ position: absolute;
12604
+ }
12605
+ ._attachmentPlayOverlay_zdxto_146 {
12606
+ align-items: center;
12607
+ color: var(--foreground-neutral-primary-inverse);
12608
+ display: flex;
12609
+ inset-block-start: 50%;
12610
+ inset-inline-start: 50%;
12611
+ justify-content: center;
12612
+ position: absolute;
12613
+ transform: translate(-50%, -50%);
12614
+ }
12615
+ ._attachmentFileIcon_zdxto_159 {
12616
+ align-items: center;
12617
+ color: var(--foreground-neutral-secondary);
12618
+ display: flex;
12619
+ justify-content: center;
12620
+ }
12621
+ ._attachmentInfo_zdxto_170 {
12622
+ display: flex;
12623
+ flex: 1;
12624
+ flex-direction: column;
12625
+ gap: var(--space-5xs);
12626
+ min-inline-size: 0;
12627
+ }
12628
+ ._attachmentRemove_zdxto_182 {
12629
+ block-size: var(--dimensions-20) !important;
12630
+ inline-size: var(--dimensions-20) !important;
12631
+ inset-block-start: var(--space-5xs);
12632
+ inset-inline-end: var(--space-5xs);
12633
+ min-block-size: 0 !important;
12634
+ min-inline-size: 0 !important;
12635
+ padding: 0 !important;
12636
+ position: absolute;
12637
+ z-index: 1;
12638
+ }
12639
+ ._attachmentRemoveMedia_zdxto_194 {
12640
+ background-color: var(--surface-neutral-primary) !important;
12641
+ }
12642
+ ._attachmentRemove_zdxto_182 svg {
12643
+ block-size: var(--dimensions-16);
12644
+ inline-size: var(--dimensions-16);
12645
+ }
12646
+ ._fileUploadRoot_16fp2_2 {
12647
+ --file-upload-drop-zone-min-height: var(--dimensions-160);
12648
+ --file-upload-drop-zone-padding: var(--space-lg);
12649
+ --file-upload-drop-zone-gap: var(--space-sm);
12650
+ --file-upload-text-gap: var(--space-5xs);
12651
+ --file-upload-title-size: var(--title-md-size);
12652
+ --file-upload-title-line-height: var(--title-md-line-height);
12653
+ --file-upload-subtitle-size: var(--body-sm-size);
12654
+ --file-upload-subtitle-line-height: var(--body-sm-line-height);
12655
+ --file-upload-square-size: var(--dimensions-160);
12489
12656
  display: flex;
12490
12657
  flex-direction: column;
12491
12658
  font-family: var(--body-md-family);
12492
12659
  gap: var(--space-2xs);
12493
12660
  inline-size: 100%;
12494
12661
  }
12495
- ._fileUploadDropZone_9l48n_11 {
12662
+ ._fileUploadRootSizeSM_16fp2_19 {
12663
+ --file-upload-drop-zone-min-height: var(--dimensions-112);
12664
+ --file-upload-drop-zone-padding: var(--space-md);
12665
+ --file-upload-drop-zone-gap: var(--space-xs);
12666
+ --file-upload-text-gap: var(--space-6xs);
12667
+ --file-upload-title-size: var(--title-sm-size);
12668
+ --file-upload-title-line-height: var(--title-sm-line-height);
12669
+ --file-upload-subtitle-size: 11px;
12670
+ --file-upload-subtitle-line-height: 14px;
12671
+ --file-upload-square-size: var(--dimensions-112);
12672
+ }
12673
+ ._fileUploadRootSizeMD_16fp2_31 {
12674
+ --file-upload-drop-zone-min-height: var(--dimensions-136);
12675
+ --file-upload-drop-zone-padding: var(--space-md);
12676
+ --file-upload-drop-zone-gap: var(--space-xs);
12677
+ --file-upload-text-gap: var(--space-5xs);
12678
+ --file-upload-title-size: var(--title-sm-size);
12679
+ --file-upload-title-line-height: var(--title-sm-line-height);
12680
+ --file-upload-subtitle-size: var(--body-sm-size);
12681
+ --file-upload-subtitle-line-height: var(--body-sm-line-height);
12682
+ --file-upload-square-size: var(--dimensions-136);
12683
+ }
12684
+ ._fileUploadRootSizeLG_16fp2_43 {
12685
+ --file-upload-drop-zone-min-height: var(--dimensions-160);
12686
+ --file-upload-drop-zone-padding: var(--space-lg);
12687
+ --file-upload-drop-zone-gap: var(--space-sm);
12688
+ --file-upload-text-gap: var(--space-5xs);
12689
+ --file-upload-title-size: var(--title-md-size);
12690
+ --file-upload-title-line-height: var(--title-md-line-height);
12691
+ --file-upload-subtitle-size: var(--body-sm-size);
12692
+ --file-upload-subtitle-line-height: var(--body-sm-line-height);
12693
+ --file-upload-square-size: var(--dimensions-160);
12694
+ }
12695
+ ._fileUploadRootVariantSquare_16fp2_55 {
12696
+ inline-size: auto;
12697
+ }
12698
+ ._fileUploadDropZone_16fp2_60 {
12496
12699
  align-items: center;
12497
12700
  background-color: var(--surface-neutral-secondary);
12498
12701
  border: var(--border-sm) dashed var(--border-neutral-secondary);
@@ -12501,70 +12704,249 @@
12501
12704
  cursor: pointer;
12502
12705
  display: flex;
12503
12706
  flex-direction: column;
12504
- gap: var(--space-sm);
12707
+ gap: var(--file-upload-drop-zone-gap);
12505
12708
  justify-content: center;
12506
- min-block-size: var(--dimensions-160);
12507
- padding: var(--space-lg);
12709
+ min-block-size: var(--file-upload-drop-zone-min-height);
12710
+ padding: var(--file-upload-drop-zone-padding);
12508
12711
  stroke-dasharray: 4 4;
12509
12712
  text-align: center;
12510
12713
  transition: all var(--motion-duration-normal) ease-in-out;
12511
12714
  }
12512
- ._fileUploadDropZone_9l48n_11:hover:not(._fileUploadDropZoneDisabled_9l48n_30) {
12715
+ ._fileUploadDropZoneSquare_16fp2_79 {
12716
+ aspect-ratio: 1;
12717
+ inline-size: min(100%, var(--file-upload-square-size));
12718
+ min-block-size: 0;
12719
+ }
12720
+ ._fileUploadDropZone_16fp2_60:hover:not(._fileUploadDropZoneDisabled_16fp2_85) {
12513
12721
  background-color: var(--surface-state-hover);
12514
12722
  border-color: var(--border-state-hover);
12515
12723
  }
12516
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneActive_9l48n_35 {
12724
+ ._fileUploadDropZone_16fp2_60._fileUploadDropZoneActive_16fp2_90 {
12517
12725
  background-color: var(--surface-accent-blue-subtle) !important;
12518
12726
  border-color: var(--border-state-hover) !important;
12519
12727
  }
12520
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneDisabled_9l48n_30 {
12728
+ ._fileUploadDropZone_16fp2_60._fileUploadDropZoneDisabled_16fp2_85 {
12521
12729
  background-color: var(--surface-state-disabled);
12522
12730
  cursor: not-allowed;
12523
12731
  opacity: var(--opacity-disabled);
12524
12732
  }
12525
- ._fileUploadDropZone_9l48n_11._fileUploadDropZoneError_9l48n_46 {
12733
+ ._fileUploadDropZone_16fp2_60._fileUploadDropZoneError_16fp2_101 {
12526
12734
  background-color: var(--surface-accent-red-subtle);
12527
12735
  border-color: var(--border-state-error);
12528
12736
  }
12529
- ._fileUploadTextContainer_9l48n_52 {
12737
+ ._fileUploadTextContainer_16fp2_107 {
12530
12738
  display: flex;
12531
12739
  flex-direction: column;
12532
- gap: var(--space-5xs);
12740
+ gap: var(--file-upload-text-gap);
12533
12741
  }
12534
- ._fileUploadIcon_9l48n_58 {
12742
+ ._fileUploadIcon_16fp2_113 {
12535
12743
  color: var(--foreground-neutral-primary);
12536
12744
  }
12537
- ._fileUploadTitle_9l48n_62 {
12745
+ ._fileUploadTitle_16fp2_117 {
12538
12746
  color: var(--text-neutral-primary);
12539
12747
  font-family: var(--title-md-family);
12540
- font-size: var(--title-md-size);
12748
+ font-size: var(--file-upload-title-size);
12541
12749
  font-weight: var(--title-md-weight-emphasize);
12542
- line-height: var(--title-md-line-height);
12750
+ line-height: var(--file-upload-title-line-height);
12543
12751
  }
12544
- ._fileUploadSubtitle_9l48n_70 {
12752
+ ._fileUploadSubtitle_16fp2_125 {
12545
12753
  color: var(--text-neutral-secondary);
12546
12754
  font-family: var(--body-sm-family);
12547
- font-size: var(--body-sm-size);
12755
+ font-size: var(--file-upload-subtitle-size);
12548
12756
  font-weight: var(--body-sm-weight);
12549
- line-height: var(--body-sm-line-height);
12757
+ line-height: var(--file-upload-subtitle-line-height);
12550
12758
  }
12551
- ._fileUploadBrowseLink_9l48n_78 {
12759
+ ._fileUploadBrowseLink_16fp2_133 {
12552
12760
  color: var(--foreground-brand-primary);
12553
12761
  font-weight: var(--typeface-weight-medium);
12554
12762
  text-decoration: underline;
12555
12763
  }
12556
- ._fileUploadHiddenInput_9l48n_86 {
12764
+ ._fileUploadHiddenInput_16fp2_141 {
12557
12765
  display: none;
12558
12766
  }
12559
- ._fileUploadList_9l48n_91 {
12767
+ ._fileUploadList_16fp2_146 {
12560
12768
  display: flex;
12561
12769
  flex-direction: column;
12562
12770
  gap: var(--space-4xs);
12563
12771
  }
12564
- ._fileUploadItem_9l48n_98 {
12772
+ ._fileUploadAttachmentGrid_16fp2_152 {
12773
+ display: flex;
12774
+ flex-wrap: wrap;
12775
+ gap: var(--space-sm);
12776
+ }
12777
+ ._fileUploadAttachmentItem_16fp2_158 {
12778
+ flex: 0 0 auto;
12779
+ }
12780
+ ._fileUploadItem_16fp2_163 {
12565
12781
  background-color: var(--surface-neutral-secondary);
12566
12782
  border-radius: var(--radius-2xs);
12567
12783
  }
12784
+ ._sectionHeaderRoot_1uj6q_4 {
12785
+ align-items: center;
12786
+ display: flex;
12787
+ gap: var(--space-md);
12788
+ justify-content: space-between;
12789
+ padding: var(--space-sm);
12790
+ }
12791
+ ._sectionHeaderTitleGroup_1uj6q_15 {
12792
+ align-items: center;
12793
+ display: flex;
12794
+ flex: 1;
12795
+ gap: var(--space-xs);
12796
+ min-inline-size: 0;
12797
+ }
12798
+ ._sectionHeaderTitleAndDescription_1uj6q_23 {
12799
+ display: flex;
12800
+ flex: 1;
12801
+ flex-direction: column;
12802
+ gap: var(--space-4xs);
12803
+ min-inline-size: 0;
12804
+ }
12805
+ ._sectionHeaderDescription_1uj6q_31 {
12806
+ color: var(--text-neutral-secondary);
12807
+ font-family: var(--body-md-family);
12808
+ font-size: var(--body-md-size);
12809
+ font-weight: var(--body-md-weight);
12810
+ letter-spacing: var(--body-md-letter-spacing);
12811
+ line-height: var(--body-md-line-height);
12812
+ margin: 0;
12813
+ overflow: hidden;
12814
+ text-overflow: ellipsis;
12815
+ white-space: nowrap;
12816
+ }
12817
+ ._sectionHeaderTitle_1uj6q_15 {
12818
+ color: var(--text-neutral-primary);
12819
+ margin: 0;
12820
+ overflow: hidden;
12821
+ text-overflow: ellipsis;
12822
+ white-space: nowrap;
12823
+ }
12824
+ ._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
12825
+ font-family: var(--title-md-family);
12826
+ font-size: var(--title-md-size);
12827
+ font-weight: var(--title-md-weight-emphasize);
12828
+ letter-spacing: var(--title-md-letter-spacing);
12829
+ line-height: var(--title-md-line-height);
12830
+ }
12831
+ ._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
12832
+ font-family: var(--title-lg-family);
12833
+ font-size: var(--title-lg-size);
12834
+ font-weight: var(--title-lg-weight-emphasize);
12835
+ letter-spacing: var(--title-lg-letter-spacing);
12836
+ line-height: var(--title-lg-line-height);
12837
+ }
12838
+ ._sectionHeaderContextualActions_1uj6q_73 {
12839
+ align-items: center;
12840
+ display: flex;
12841
+ flex-shrink: 0;
12842
+ gap: 0;
12843
+ }
12844
+ ._sectionHeaderTrailingActions_1uj6q_83 {
12845
+ align-items: center;
12846
+ display: flex;
12847
+ flex-shrink: 0;
12848
+ gap: var(--space-xs);
12849
+ }
12850
+ ._uploadQueueModalRoot_14sig_6 {
12851
+ background-color: var(--surface-neutral-elevator);
12852
+ block-size: var(--dimensions-400);
12853
+ border: var(--border-xs) solid var(--border-neutral-tertiary);
12854
+ border-radius: var(--radius-md);
12855
+ box-shadow: var(--shadow-md);
12856
+ display: flex;
12857
+ flex-direction: column;
12858
+ inline-size: var(--dimensions-600);
12859
+ inset-block-end: var(--space-md);
12860
+ inset-inline-end: var(--space-xl);
12861
+ overflow: hidden;
12862
+ position: fixed;
12863
+ transition: block-size var(--motion-duration-medium) var(--motion-ease-standard);
12864
+ z-index: var(--z-index-modal);
12865
+ }
12866
+ ._uploadQueueModalMinimized_14sig_27 {
12867
+ block-size: calc(var(--dimensions-44) + var(--space-sm) * 2);
12868
+ }
12869
+ ._uploadQueueModalHeader_14sig_33 {
12870
+ border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
12871
+ flex-shrink: 0;
12872
+ transition: border-color var(--motion-duration-medium) var(--motion-ease-standard);
12873
+ }
12874
+ ._uploadQueueModalHeaderMinimized_14sig_40 {
12875
+ border-block-end-color: transparent;
12876
+ }
12877
+ ._uploadQueueModalBodyWrapper_14sig_45 {
12878
+ display: flex;
12879
+ flex: 1 1 auto;
12880
+ flex-direction: column;
12881
+ min-block-size: var(--dimensions-0);
12882
+ overflow: hidden;
12883
+ position: relative;
12884
+ transition: visibility 0s linear;
12885
+ visibility: visible;
12886
+ }
12887
+ ._uploadQueueModalBodyWrapperMinimized_14sig_57 {
12888
+ transition-delay: var(--motion-duration-medium);
12889
+ visibility: hidden;
12890
+ }
12891
+ ._uploadQueueModalBody_14sig_45 {
12892
+ display: flex;
12893
+ flex: 1 1 auto;
12894
+ flex-direction: column;
12895
+ min-block-size: var(--dimensions-0);
12896
+ overflow-y: auto;
12897
+ }
12898
+ ._uploadQueueModalList_14sig_72 {
12899
+ display: flex;
12900
+ flex-direction: column;
12901
+ flex-shrink: 0;
12902
+ padding: var(--space-2xs) var(--dimensions-0);
12903
+ }
12904
+ ._uploadQueueModalGradient_14sig_80 {
12905
+ block-size: var(--dimensions-48);
12906
+ inset-inline: 0;
12907
+ opacity: 0;
12908
+ pointer-events: none;
12909
+ position: absolute;
12910
+ transition: opacity var(--motion-duration-medium) var(--motion-ease-standard);
12911
+ z-index: var(--z-local-above);
12912
+ }
12913
+ ._uploadQueueModalGradientTop_14sig_92 {
12914
+ background:
12915
+ linear-gradient(
12916
+ to bottom,
12917
+ var(--surface-neutral-elevator) 0%,
12918
+ transparent 100%);
12919
+ inset-block-start: 0;
12920
+ }
12921
+ ._uploadQueueModalGradientBottom_14sig_99 {
12922
+ background:
12923
+ linear-gradient(
12924
+ to top,
12925
+ var(--surface-neutral-elevator) 0%,
12926
+ transparent 100%);
12927
+ inset-block-end: 0;
12928
+ }
12929
+ ._uploadQueueModalGradientVisible_14sig_106 {
12930
+ opacity: 1;
12931
+ }
12932
+ ._uploadQueueModalItem_14sig_111 {
12933
+ flex-shrink: 0;
12934
+ }
12935
+ ._uploadQueueModalItemError_14sig_116 [class*=listItemDescription] {
12936
+ color: var(--text-state-error);
12937
+ }
12938
+ ._fileIconDefault_14sig_121 {
12939
+ color: var(--foreground-neutral-primary);
12940
+ }
12941
+ ._fileIconSuccess_14sig_125 {
12942
+ color: var(--foreground-accent-green-primary);
12943
+ }
12944
+ ._fileIconError_14sig_129 {
12945
+ color: var(--foreground-accent-red-primary);
12946
+ }
12947
+ ._fileIconUploading_14sig_133 {
12948
+ color: var(--foreground-brand-primary);
12949
+ }
12568
12950
  ._galleryCardRoot_koup6_8 {
12569
12951
  break-inside: avoid;
12570
12952
  cursor: pointer;
@@ -12627,7 +13009,7 @@
12627
13009
  ._galleryCardTimeAgo_koup6_75 {
12628
13010
  color: var(--color-white-60a);
12629
13011
  }
12630
- ._ganttChartRoot_pjqkq_2 {
13012
+ ._ganttChartRoot_1vcm5_2 {
12631
13013
  block-size: auto;
12632
13014
  color: var(--text-neutral-primary);
12633
13015
  display: flex;
@@ -12636,30 +13018,30 @@
12636
13018
  isolation: isolate;
12637
13019
  position: relative;
12638
13020
  }
12639
- ._ganttChartHeader_pjqkq_14 {
13021
+ ._ganttChartHeader_1vcm5_14 {
12640
13022
  align-items: center;
12641
13023
  background-color: var(--surface-neutral-primary);
12642
13024
  display: flex;
12643
13025
  justify-content: space-between;
12644
13026
  padding: var(--space-sm);
12645
13027
  }
12646
- ._ganttChartHeaderLeft_pjqkq_22 {
13028
+ ._ganttChartHeaderLeft_1vcm5_22 {
12647
13029
  align-items: center;
12648
13030
  display: flex;
12649
13031
  flex: 1;
12650
13032
  gap: var(--space-sm);
12651
13033
  }
12652
- ._ganttChartNavigation_pjqkq_31 {
13034
+ ._ganttChartNavigation_1vcm5_31 {
12653
13035
  align-items: center;
12654
13036
  display: flex;
12655
13037
  gap: var(--space-2xs);
12656
13038
  }
12657
- ._ganttChartHeaderRight_pjqkq_39 {
13039
+ ._ganttChartHeaderRight_1vcm5_39 {
12658
13040
  align-items: center;
12659
13041
  display: flex;
12660
13042
  gap: var(--space-xs);
12661
13043
  }
12662
- ._ganttChartHeaderTitle_pjqkq_45 {
13044
+ ._ganttChartHeaderTitle_1vcm5_45 {
12663
13045
  color: var(--text-neutral-primary);
12664
13046
  font-family: var(--headline-lg-family);
12665
13047
  font-size: var(--headline-lg-size);
@@ -12669,7 +13051,7 @@
12669
13051
  line-height: var(--headline-lg-line-height);
12670
13052
  white-space: nowrap;
12671
13053
  }
12672
- ._ganttChartBody_pjqkq_61 {
13054
+ ._ganttChartBody_1vcm5_61 {
12673
13055
  border: var(--border-sm) solid var(--border-neutral-tertiary);
12674
13056
  border-radius: var(--radius-xs);
12675
13057
  display: flex;
@@ -12679,21 +13061,22 @@
12679
13061
  position: relative;
12680
13062
  scroll-behavior: smooth;
12681
13063
  }
12682
- ._ganttChartBodyBorderless_pjqkq_73 {
13064
+ ._ganttChartBodyBorderless_1vcm5_73 {
12683
13065
  border-block-end: none;
12684
13066
  border-inline: none;
12685
13067
  border-radius: 0;
12686
13068
  }
12687
- ._ganttChartBodyScrollContent_pjqkq_79 {
12688
- overflow-y: visible !important;
13069
+ ._ganttChartBodyScrollContent_1vcm5_79 {
13070
+ block-size: auto !important;
13071
+ overflow-y: hidden !important;
12689
13072
  }
12690
- ._ganttChartTimelineContainer_pjqkq_84 {
13073
+ ._ganttChartTimelineContainer_1vcm5_84 {
12691
13074
  display: flex;
12692
13075
  flex-direction: column;
12693
13076
  inline-size: fit-content;
12694
13077
  position: relative;
12695
13078
  }
12696
- ._ganttChartHeaderRow_pjqkq_97 {
13079
+ ._ganttChartHeaderRow_1vcm5_97 {
12697
13080
  block-size: 60px;
12698
13081
  border-block-end: none;
12699
13082
  display: flex;
@@ -12702,7 +13085,7 @@
12702
13085
  position: sticky;
12703
13086
  z-index: var(--z-local-above);
12704
13087
  }
12705
- ._ganttChartHeaderCell_pjqkq_116 {
13088
+ ._ganttChartHeaderCell_1vcm5_116 {
12706
13089
  align-items: center;
12707
13090
  background-color: var(--surface-neutral-primary);
12708
13091
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -12717,14 +13100,14 @@
12717
13100
  padding: var(--space-4xs);
12718
13101
  z-index: var(--z-local-above);
12719
13102
  }
12720
- ._ganttChartHeaderCell_pjqkq_116:last-child {
13103
+ ._ganttChartHeaderCell_1vcm5_116:last-child {
12721
13104
  border-inline-end: none;
12722
13105
  }
12723
- ._ganttChartHeaderCellToday_pjqkq_146 {
13106
+ ._ganttChartHeaderCellToday_1vcm5_146 {
12724
13107
  position: relative;
12725
13108
  z-index: var(--z-local-above);
12726
13109
  }
12727
- ._ganttChartHeaderContent_pjqkq_153 {
13110
+ ._ganttChartHeaderContent_1vcm5_153 {
12728
13111
  align-items: center;
12729
13112
  block-size: 100%;
12730
13113
  border-radius: var(--radius-sm);
@@ -12734,13 +13117,13 @@
12734
13117
  justify-content: center;
12735
13118
  transition: background-color var(--motion-duration-normal);
12736
13119
  }
12737
- ._ganttChartHeaderCellToday_pjqkq_146 ._ganttChartHeaderContent_pjqkq_153 {
13120
+ ._ganttChartHeaderCellToday_1vcm5_146 ._ganttChartHeaderContent_1vcm5_153 {
12738
13121
  background-color: var(--surface-neutral-primary);
12739
13122
  border: var(--border-md) solid var(--border-neutral-primary);
12740
13123
  border-radius: var(--radius-2xs);
12741
13124
  box-shadow: none;
12742
13125
  }
12743
- ._ganttChartHeaderDate_pjqkq_177 {
13126
+ ._ganttChartHeaderDate_1vcm5_177 {
12744
13127
  color: var(--text-neutral-primary);
12745
13128
  font-family: var(--title-md-family);
12746
13129
  font-size: var(--title-md-size);
@@ -12749,7 +13132,7 @@
12749
13132
  letter-spacing: var(--title-md-letter-spacing);
12750
13133
  line-height: var(--title-md-line-height);
12751
13134
  }
12752
- ._ganttChartHeaderDateDay_pjqkq_187 {
13135
+ ._ganttChartHeaderDateDay_1vcm5_187 {
12753
13136
  box-sizing: border-box;
12754
13137
  color: var(--text-neutral-secondary);
12755
13138
  font-family: var(--body-md-family);
@@ -12761,7 +13144,7 @@
12761
13144
  padding-inline-start: var(--space-5xs);
12762
13145
  text-align: start;
12763
13146
  }
12764
- ._ganttChartHeaderDay_pjqkq_210 {
13147
+ ._ganttChartHeaderDay_1vcm5_210 {
12765
13148
  color: var(--text-neutral-secondary);
12766
13149
  font-family: var(--label-lg-family);
12767
13150
  font-size: var(--label-lg-size);
@@ -12772,7 +13155,7 @@
12772
13155
  text-align: center;
12773
13156
  text-transform: capitalize;
12774
13157
  }
12775
- ._ganttChartRow_pjqkq_223 {
13158
+ ._ganttChartRow_1vcm5_223 {
12776
13159
  align-items: center;
12777
13160
  background-color: var(--surface-neutral-primary);
12778
13161
  block-size: 60px;
@@ -12784,13 +13167,13 @@
12784
13167
  min-inline-size: fit-content;
12785
13168
  position: relative;
12786
13169
  }
12787
- ._ganttChartRow_pjqkq_223:last-child {
13170
+ ._ganttChartRow_1vcm5_223:last-child {
12788
13171
  border-block-end: none;
12789
13172
  }
12790
- ._ganttChartRow_pjqkq_223:hover {
13173
+ ._ganttChartRow_1vcm5_223:hover {
12791
13174
  background-color: var(--surface-state-hover);
12792
13175
  }
12793
- ._ganttChartSidebar_pjqkq_245 {
13176
+ ._ganttChartSidebar_1vcm5_245 {
12794
13177
  align-items: center;
12795
13178
  background-color: var(--surface-neutral-elevator);
12796
13179
  block-size: 100%;
@@ -12807,7 +13190,7 @@
12807
13190
  will-change: transform;
12808
13191
  z-index: var(--z-local-above);
12809
13192
  }
12810
- ._ganttChartHeaderRow_pjqkq_97 ._ganttChartSidebar_pjqkq_245 {
13193
+ ._ganttChartHeaderRow_1vcm5_97 ._ganttChartSidebar_1vcm5_245 {
12811
13194
  align-items: center;
12812
13195
  background-color: var(--surface-neutral-primary);
12813
13196
  block-size: 60px;
@@ -12820,10 +13203,10 @@
12820
13203
  padding-block-start: 0;
12821
13204
  z-index: var(--z-local-above);
12822
13205
  }
12823
- ._ganttChartRow_pjqkq_223:hover ._ganttChartSidebar_pjqkq_245 {
13206
+ ._ganttChartRow_1vcm5_223:hover ._ganttChartSidebar_1vcm5_245 {
12824
13207
  background-color: var(--surface-neutral-secondary);
12825
13208
  }
12826
- ._ganttChartSidebarText_pjqkq_296 {
13209
+ ._ganttChartSidebarText_1vcm5_296 {
12827
13210
  -webkit-box-orient: block-axis;
12828
13211
  display: -webkit-box;
12829
13212
  -webkit-line-clamp: 2;
@@ -12833,7 +13216,7 @@
12833
13216
  overflow: hidden;
12834
13217
  overflow-wrap: anywhere;
12835
13218
  }
12836
- ._ganttChartGroupBlock_pjqkq_310 {
13219
+ ._ganttChartGroupBlock_1vcm5_310 {
12837
13220
  align-items: stretch;
12838
13221
  border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
12839
13222
  display: flex;
@@ -12842,10 +13225,10 @@
12842
13225
  min-inline-size: 100%;
12843
13226
  position: relative;
12844
13227
  }
12845
- ._ganttChartGroupBlock_pjqkq_310:last-child {
13228
+ ._ganttChartGroupBlock_1vcm5_310:last-child {
12846
13229
  border-block-end: none;
12847
13230
  }
12848
- ._ganttChartGroupSidebarColumn_pjqkq_328 {
13231
+ ._ganttChartGroupSidebarColumn_1vcm5_328 {
12849
13232
  align-self: stretch;
12850
13233
  background-color: var(--surface-neutral-elevator);
12851
13234
  border-inline-end: 1px solid var(--border-neutral-tertiary);
@@ -12859,7 +13242,7 @@
12859
13242
  position: sticky;
12860
13243
  z-index: var(--z-local-above);
12861
13244
  }
12862
- ._ganttChartGroupSidebarContent_pjqkq_352 {
13245
+ ._ganttChartGroupSidebarContent_1vcm5_352 {
12863
13246
  align-items: center;
12864
13247
  box-sizing: border-box;
12865
13248
  color: var(--text-neutral-primary);
@@ -12871,41 +13254,41 @@
12871
13254
  padding: var(--space-sm);
12872
13255
  text-align: start;
12873
13256
  }
12874
- ._ganttChartGroupRowsContainer_pjqkq_368 {
13257
+ ._ganttChartGroupRowsContainer_1vcm5_368 {
12875
13258
  display: flex;
12876
13259
  flex: 1;
12877
13260
  flex-direction: column;
12878
13261
  min-inline-size: 0;
12879
13262
  }
12880
- ._ganttChartGroupSidebarHeader_pjqkq_377 {
13263
+ ._ganttChartGroupSidebarHeader_1vcm5_377 {
12881
13264
  background-color: var(--surface-neutral-primary);
12882
13265
  color: var(--text-neutral-secondary);
12883
13266
  font-size: var(--label-sm-size);
12884
13267
  font-weight: var(--label-sm-weight-emphasize);
12885
13268
  z-index: var(--z-local-above);
12886
13269
  }
12887
- ._ganttChartGroupSidebarText_pjqkq_388 {
13270
+ ._ganttChartGroupSidebarText_1vcm5_388 {
12888
13271
  line-height: var(--body-md-line-height);
12889
13272
  overflow-wrap: anywhere;
12890
13273
  }
12891
- ._ganttChartGridRowBg_pjqkq_394 {
13274
+ ._ganttChartGridRowBg_1vcm5_394 {
12892
13275
  block-size: 100%;
12893
13276
  display: flex;
12894
13277
  inset-block: 0;
12895
13278
  position: absolute;
12896
13279
  z-index: var(--z-local-below);
12897
13280
  }
12898
- ._ganttChartGridCell_pjqkq_406 {
13281
+ ._ganttChartGridCell_1vcm5_406 {
12899
13282
  block-size: 100%;
12900
13283
  border-inline-end: 1px solid var(--border-neutral-tertiary);
12901
13284
  box-sizing: border-box;
12902
13285
  flex-shrink: 0;
12903
13286
  position: relative;
12904
13287
  }
12905
- ._ganttChartGridCell_pjqkq_406:last-child {
13288
+ ._ganttChartGridCell_1vcm5_406:last-child {
12906
13289
  border-inline-end: none;
12907
13290
  }
12908
- ._ganttChartCurrentTimeLine_pjqkq_423 {
13291
+ ._ganttChartCurrentTimeLine_1vcm5_423 {
12909
13292
  inline-size: 2px;
12910
13293
  inset-block: 0;
12911
13294
  pointer-events: none;
@@ -12913,7 +13296,7 @@
12913
13296
  transform: translate(-50%);
12914
13297
  z-index: var(--z-local-top);
12915
13298
  }
12916
- ._ganttChartCurrentTimeLine_pjqkq_423:before {
13299
+ ._ganttChartCurrentTimeLine_1vcm5_423:before {
12917
13300
  background-color: var(--surface-neutral-primary-inverse);
12918
13301
  content: "";
12919
13302
  inset: 0;
@@ -12921,7 +13304,7 @@
12921
13304
  position: absolute;
12922
13305
  z-index: var(--z-local-top);
12923
13306
  }
12924
- ._ganttChartCurrentTimeLabel_pjqkq_453 {
13307
+ ._ganttChartCurrentTimeLabel_1vcm5_453 {
12925
13308
  background-color: var(--surface-neutral-primary-inverse);
12926
13309
  border-radius: var(--radius-full);
12927
13310
  color: var(--text-neutral-primary-inverse);
@@ -12939,7 +13322,7 @@
12939
13322
  white-space: nowrap;
12940
13323
  z-index: var(--z-local-top);
12941
13324
  }
12942
- ._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]) {
13325
+ ._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]) {
12943
13326
  background-color: transparent;
12944
13327
  block-size: 0;
12945
13328
  color: transparent;
@@ -12947,7 +13330,7 @@
12947
13330
  overflow: visible;
12948
13331
  padding: 0;
12949
13332
  }
12950
- ._ganttChartCurrentTimeLabel_pjqkq_453:after {
13333
+ ._ganttChartCurrentTimeLabel_1vcm5_453:after {
12951
13334
  background-color: var(--surface-neutral-primary-inverse);
12952
13335
  block-size: 6px;
12953
13336
  border-radius: 50%;
@@ -12959,16 +13342,16 @@
12959
13342
  transform: translate(-50%, -50%);
12960
13343
  z-index: var(--z-local-top);
12961
13344
  }
12962
- ._ganttChartCurrentTimeLabel_pjqkq_453:not([data-view=Day]):after {
13345
+ ._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]):after {
12963
13346
  inset-block-start: 16px;
12964
13347
  }
12965
- ._ganttChartCurrentTimeLabel_pjqkq_453[data-view=Day]:after {
13348
+ ._ganttChartCurrentTimeLabel_1vcm5_453[data-view=Day]:after {
12966
13349
  inset-block-start: 28px;
12967
13350
  }
12968
- ._ganttChartCurrentTimeLine_pjqkq_423:after {
13351
+ ._ganttChartCurrentTimeLine_1vcm5_423:after {
12969
13352
  content: none;
12970
13353
  }
12971
- ._ganttChartTaskBar_pjqkq_554 {
13354
+ ._ganttChartTaskBar_1vcm5_554 {
12972
13355
  background: transparent;
12973
13356
  block-size: 100%;
12974
13357
  border: none;
@@ -12980,7 +13363,7 @@
12980
13363
  position: absolute;
12981
13364
  z-index: var(--z-local-content);
12982
13365
  }
12983
- ._ganttChartTaskBarPill_pjqkq_578 {
13366
+ ._ganttChartTaskBarPill_1vcm5_578 {
12984
13367
  align-items: flex-start;
12985
13368
  border-radius: var(--radius-2xs);
12986
13369
  box-shadow: none;
@@ -12995,14 +13378,14 @@
12995
13378
  padding: 0 var(--space-xs);
12996
13379
  transition: all var(--motion-duration-fast) var(--motion-ease-standard);
12997
13380
  }
12998
- ._ganttChartTaskBarContent_pjqkq_602 {
13381
+ ._ganttChartTaskBarContent_1vcm5_602 {
12999
13382
  display: flex;
13000
13383
  flex-direction: column;
13001
13384
  inline-size: 100%;
13002
13385
  justify-content: center;
13003
13386
  overflow: hidden;
13004
13387
  }
13005
- ._ganttChartTaskBarName_pjqkq_610 {
13388
+ ._ganttChartTaskBarName_1vcm5_610 {
13006
13389
  color: var(--text-neutral-primary);
13007
13390
  font-family: var(--label-lg-family);
13008
13391
  font-size: var(--label-lg-size);
@@ -13012,7 +13395,7 @@
13012
13395
  text-overflow: ellipsis;
13013
13396
  white-space: nowrap;
13014
13397
  }
13015
- ._ganttChartTaskBarMeta_pjqkq_621 {
13398
+ ._ganttChartTaskBarMeta_1vcm5_621 {
13016
13399
  color: var(--text-neutral-primary);
13017
13400
  display: flex;
13018
13401
  font-family: var(--body-md-family);
@@ -13025,88 +13408,88 @@
13025
13408
  text-overflow: ellipsis;
13026
13409
  white-space: nowrap;
13027
13410
  }
13028
- ._ganttChartTaskBar_pjqkq_554:hover ._ganttChartTaskBarPill_pjqkq_578 {
13411
+ ._ganttChartTaskBar_1vcm5_554:hover ._ganttChartTaskBarPill_1vcm5_578 {
13029
13412
  box-shadow: var(--shadow-md);
13030
13413
  filter: brightness(.95);
13031
13414
  }
13032
- ._ganttChartTaskBar_pjqkq_554:hover {
13415
+ ._ganttChartTaskBar_1vcm5_554:hover {
13033
13416
  z-index: var(--z-local-content);
13034
13417
  }
13035
- ._ganttChartStatusCompleted_pjqkq_647 {
13418
+ ._ganttChartStatusCompleted_1vcm5_647 {
13036
13419
  background-color: var(--surface-accent-green);
13037
13420
  color: var(--text-neutral-primary-inverse);
13038
13421
  }
13039
- ._ganttChartStatusActive_pjqkq_652 {
13422
+ ._ganttChartStatusActive_1vcm5_652 {
13040
13423
  background-color: var(--surface-brand-primary);
13041
13424
  color: var(--text-neutral-primary-inverse);
13042
13425
  }
13043
- ._ganttChartStatusWarning_pjqkq_657 {
13426
+ ._ganttChartStatusWarning_1vcm5_657 {
13044
13427
  background-color: var(--surface-accent-yellow);
13045
13428
  color: var(--text-neutral-primary-inverse);
13046
13429
  }
13047
- ._ganttChartStatusError_pjqkq_662 {
13430
+ ._ganttChartStatusError_1vcm5_662 {
13048
13431
  background-color: var(--surface-accent-red);
13049
13432
  color: var(--text-neutral-primary-inverse);
13050
13433
  }
13051
- ._ganttChartStatusPastelRed_pjqkq_668 {
13434
+ ._ganttChartStatusPastelRed_1vcm5_668 {
13052
13435
  background-color: var(--surface-accent-red-subtle);
13053
13436
  color: var(--text-accent-red);
13054
13437
  }
13055
- ._ganttChartStatusPastelOrange_pjqkq_673 {
13438
+ ._ganttChartStatusPastelOrange_1vcm5_673 {
13056
13439
  background-color: var(--surface-accent-orange-subtle);
13057
13440
  color: var(--text-accent-orange);
13058
13441
  }
13059
- ._ganttChartStatusPastelYellow_pjqkq_678 {
13442
+ ._ganttChartStatusPastelYellow_1vcm5_678 {
13060
13443
  background-color: var(--surface-accent-yellow-subtle);
13061
13444
  color: var(--text-accent-yellow);
13062
13445
  }
13063
- ._ganttChartStatusPastelGreen_pjqkq_683 {
13446
+ ._ganttChartStatusPastelGreen_1vcm5_683 {
13064
13447
  background-color: var(--surface-accent-green-subtle);
13065
13448
  color: var(--text-accent-green);
13066
13449
  }
13067
- ._ganttChartStatusPastelCyan_pjqkq_688 {
13450
+ ._ganttChartStatusPastelCyan_1vcm5_688 {
13068
13451
  background-color: var(--surface-accent-cyan-subtle);
13069
13452
  color: var(--text-accent-cyan);
13070
13453
  }
13071
- ._ganttChartStatusPastelBlue_pjqkq_693 {
13454
+ ._ganttChartStatusPastelBlue_1vcm5_693 {
13072
13455
  background-color: var(--surface-accent-blue-subtle);
13073
13456
  color: var(--text-accent-blue);
13074
13457
  }
13075
- ._ganttChartStatusPastelPurple_pjqkq_698 {
13458
+ ._ganttChartStatusPastelPurple_1vcm5_698 {
13076
13459
  background-color: var(--surface-accent-purple-subtle);
13077
13460
  color: var(--text-accent-purple);
13078
13461
  }
13079
- ._ganttChartStatusPastelPink_pjqkq_703 {
13462
+ ._ganttChartStatusPastelPink_1vcm5_703 {
13080
13463
  background-color: var(--surface-accent-pink-subtle);
13081
13464
  color: var(--text-accent-pink);
13082
13465
  }
13083
13466
  @media (max-width: 768px) {
13084
- ._ganttChartRoot_pjqkq_2 {
13467
+ ._ganttChartRoot_1vcm5_2 {
13085
13468
  block-size: auto;
13086
13469
  display: flex;
13087
13470
  flex-direction: column;
13088
13471
  min-block-size: 500px;
13089
13472
  }
13090
- ._ganttChartHeader_pjqkq_14 {
13473
+ ._ganttChartHeader_1vcm5_14 {
13091
13474
  align-items: stretch;
13092
13475
  flex-direction: column;
13093
13476
  gap: var(--space-sm);
13094
13477
  padding: var(--space-sm) 0;
13095
13478
  }
13096
- ._ganttChartHeaderLeft_pjqkq_22 {
13479
+ ._ganttChartHeaderLeft_1vcm5_22 {
13097
13480
  flex-wrap: wrap;
13098
13481
  justify-content: space-between;
13099
13482
  }
13100
- ._ganttChartHeaderTitle_pjqkq_45 {
13483
+ ._ganttChartHeaderTitle_1vcm5_45 {
13101
13484
  inline-size: 100%;
13102
13485
  margin-block-end: var(--space-xs);
13103
13486
  order: -1;
13104
13487
  text-align: center;
13105
13488
  }
13106
- ._ganttChartNavigation_pjqkq_31 {
13489
+ ._ganttChartNavigation_1vcm5_31 {
13107
13490
  margin-inline-start: auto;
13108
13491
  }
13109
- ._ganttChartSidebar_pjqkq_245 {
13492
+ ._ganttChartSidebar_1vcm5_245 {
13110
13493
  font-size: var(--label-sm-size);
13111
13494
  inline-size: 140px;
13112
13495
  min-inline-size: 140px;
@@ -13114,7 +13497,7 @@
13114
13497
  }
13115
13498
  }
13116
13499
  @media (max-width: 480px) {
13117
- ._headerTitle_pjqkq_752 {
13500
+ ._headerTitle_1vcm5_752 {
13118
13501
  font-size: var(--title-sm-size);
13119
13502
  }
13120
13503
  }
@@ -14047,143 +14430,6 @@
14047
14430
  padding: 4px 6px;
14048
14431
  text-transform: uppercase;
14049
14432
  }
14050
- ._attachmentRoot_zdxto_7 {
14051
- --attachment-radius: var(--radius-2xs);
14052
- align-items: center;
14053
- border: var(--border-sm) solid var(--border-neutral-tertiary);
14054
- border-radius: var(--attachment-radius);
14055
- box-sizing: border-box;
14056
- display: inline-flex;
14057
- flex-direction: row;
14058
- gap: var(--space-sm);
14059
- overflow: hidden;
14060
- padding: var(--space-xs);
14061
- position: relative;
14062
- transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
14063
- }
14064
- ._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
14065
- padding-block: var(--space-4xs);
14066
- padding-inline: var(--space-4xs) var(--space-xs);
14067
- }
14068
- ._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
14069
- padding-inline: var(--space-4xs) var(--space-xl);
14070
- }
14071
- ._attachmentDisabled_zdxto_32 {
14072
- cursor: not-allowed;
14073
- opacity: var(--opacity-disabled);
14074
- pointer-events: none;
14075
- }
14076
- ._attachmentSm_zdxto_43 {
14077
- max-inline-size: var(--dimensions-200);
14078
- }
14079
- ._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
14080
- block-size: var(--dimensions-40);
14081
- }
14082
- ._attachmentMd_zdxto_52 {
14083
- max-inline-size: var(--dimensions-240);
14084
- }
14085
- ._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
14086
- block-size: var(--dimensions-80);
14087
- }
14088
- ._attachmentLg_zdxto_61 {
14089
- max-inline-size: var(--dimensions-280);
14090
- }
14091
- ._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
14092
- block-size: var(--dimensions-120);
14093
- }
14094
- ._attachmentMedia_zdxto_23 {
14095
- gap: 0;
14096
- padding: 0;
14097
- }
14098
- ._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
14099
- block-size: var(--dimensions-40);
14100
- border: none;
14101
- inline-size: var(--dimensions-40);
14102
- }
14103
- ._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
14104
- block-size: var(--dimensions-80);
14105
- border: none;
14106
- inline-size: var(--dimensions-80);
14107
- }
14108
- ._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
14109
- block-size: var(--dimensions-120);
14110
- border: none;
14111
- inline-size: var(--dimensions-120);
14112
- }
14113
- ._attachmentPreview_zdxto_105 {
14114
- align-items: center;
14115
- background-color: var(--surface-neutral-secondary);
14116
- border-radius: var(--attachment-radius);
14117
- display: flex;
14118
- flex-shrink: 0;
14119
- justify-content: center;
14120
- overflow: hidden;
14121
- position: relative;
14122
- }
14123
- ._attachmentThumbnail_zdxto_116 {
14124
- block-size: 100%;
14125
- display: block;
14126
- inline-size: 100%;
14127
- object-fit: cover;
14128
- }
14129
- ._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
14130
- ._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
14131
- block-size: 100%;
14132
- border-radius: var(--attachment-radius);
14133
- inline-size: 100%;
14134
- }
14135
- ._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
14136
- aspect-ratio: 1;
14137
- block-size: 100%;
14138
- border-radius: calc(var(--attachment-radius) - var(--space-4xs));
14139
- inline-size: auto;
14140
- }
14141
- ._attachmentVideoOverlay_zdxto_139 {
14142
- background-color: var(--color-overlay);
14143
- inset: 0;
14144
- position: absolute;
14145
- }
14146
- ._attachmentPlayOverlay_zdxto_146 {
14147
- align-items: center;
14148
- color: var(--foreground-neutral-primary-inverse);
14149
- display: flex;
14150
- inset-block-start: 50%;
14151
- inset-inline-start: 50%;
14152
- justify-content: center;
14153
- position: absolute;
14154
- transform: translate(-50%, -50%);
14155
- }
14156
- ._attachmentFileIcon_zdxto_159 {
14157
- align-items: center;
14158
- color: var(--foreground-neutral-secondary);
14159
- display: flex;
14160
- justify-content: center;
14161
- }
14162
- ._attachmentInfo_zdxto_170 {
14163
- display: flex;
14164
- flex: 1;
14165
- flex-direction: column;
14166
- gap: var(--space-5xs);
14167
- min-inline-size: 0;
14168
- }
14169
- ._attachmentRemove_zdxto_182 {
14170
- block-size: var(--dimensions-20) !important;
14171
- inline-size: var(--dimensions-20) !important;
14172
- inset-block-start: var(--space-5xs);
14173
- inset-inline-end: var(--space-5xs);
14174
- min-block-size: 0 !important;
14175
- min-inline-size: 0 !important;
14176
- padding: 0 !important;
14177
- position: absolute;
14178
- z-index: 1;
14179
- }
14180
- ._attachmentRemoveMedia_zdxto_194 {
14181
- background-color: var(--surface-neutral-primary) !important;
14182
- }
14183
- ._attachmentRemove_zdxto_182 svg {
14184
- block-size: var(--dimensions-16);
14185
- inline-size: var(--dimensions-16);
14186
- }
14187
14433
  ._promptFieldRoot_1vtfb_6 {
14188
14434
  background-color: var(--surface-neutral-primary);
14189
14435
  border: var(--border-sm) solid var(--border-neutral-tertiary);
@@ -14521,72 +14767,6 @@
14521
14767
  ._skeletonRounded_1j2jv_60 {
14522
14768
  border-radius: var(--radius-full);
14523
14769
  }
14524
- ._sectionHeaderRoot_1uj6q_4 {
14525
- align-items: center;
14526
- display: flex;
14527
- gap: var(--space-md);
14528
- justify-content: space-between;
14529
- padding: var(--space-sm);
14530
- }
14531
- ._sectionHeaderTitleGroup_1uj6q_15 {
14532
- align-items: center;
14533
- display: flex;
14534
- flex: 1;
14535
- gap: var(--space-xs);
14536
- min-inline-size: 0;
14537
- }
14538
- ._sectionHeaderTitleAndDescription_1uj6q_23 {
14539
- display: flex;
14540
- flex: 1;
14541
- flex-direction: column;
14542
- gap: var(--space-4xs);
14543
- min-inline-size: 0;
14544
- }
14545
- ._sectionHeaderDescription_1uj6q_31 {
14546
- color: var(--text-neutral-secondary);
14547
- font-family: var(--body-md-family);
14548
- font-size: var(--body-md-size);
14549
- font-weight: var(--body-md-weight);
14550
- letter-spacing: var(--body-md-letter-spacing);
14551
- line-height: var(--body-md-line-height);
14552
- margin: 0;
14553
- overflow: hidden;
14554
- text-overflow: ellipsis;
14555
- white-space: nowrap;
14556
- }
14557
- ._sectionHeaderTitle_1uj6q_15 {
14558
- color: var(--text-neutral-primary);
14559
- margin: 0;
14560
- overflow: hidden;
14561
- text-overflow: ellipsis;
14562
- white-space: nowrap;
14563
- }
14564
- ._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
14565
- font-family: var(--title-md-family);
14566
- font-size: var(--title-md-size);
14567
- font-weight: var(--title-md-weight-emphasize);
14568
- letter-spacing: var(--title-md-letter-spacing);
14569
- line-height: var(--title-md-line-height);
14570
- }
14571
- ._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
14572
- font-family: var(--title-lg-family);
14573
- font-size: var(--title-lg-size);
14574
- font-weight: var(--title-lg-weight-emphasize);
14575
- letter-spacing: var(--title-lg-letter-spacing);
14576
- line-height: var(--title-lg-line-height);
14577
- }
14578
- ._sectionHeaderContextualActions_1uj6q_73 {
14579
- align-items: center;
14580
- display: flex;
14581
- flex-shrink: 0;
14582
- gap: 0;
14583
- }
14584
- ._sectionHeaderTrailingActions_1uj6q_83 {
14585
- align-items: center;
14586
- display: flex;
14587
- flex-shrink: 0;
14588
- gap: var(--space-xs);
14589
- }
14590
14770
  ._widgetRoot_x4uft_1 {
14591
14771
  --widget-padding: 16px;
14592
14772
  background-color: var(--surface-neutral-primary);