@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.
- package/dist/index.css +589 -409
- package/dist/index.js +6810 -6598
- package/dist/index.mjs +6822 -6610
- 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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
5918
|
+
._navigationRailCollapsed_xghpy_33 ._navigationRailHeader_xghpy_24 {
|
|
5919
5919
|
padding-inline: var(--space-2xs);
|
|
5920
5920
|
}
|
|
5921
|
-
.
|
|
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
|
-
.
|
|
5929
|
+
._navigationRailScrollArea_xghpy_48 {
|
|
5930
5930
|
block-size: 100%;
|
|
5931
5931
|
flex: 1;
|
|
5932
5932
|
min-block-size: 0;
|
|
5933
5933
|
}
|
|
5934
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
5968
|
+
._navigationRailGradientVisible_xghpy_91 {
|
|
5969
5969
|
opacity: 1;
|
|
5970
5970
|
}
|
|
5971
|
-
.
|
|
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
|
-
.
|
|
5976
|
+
._navigationRailFooterNoDivider_xghpy_103 {
|
|
5977
5977
|
border-block-start: none;
|
|
5978
5978
|
}
|
|
5979
|
-
.
|
|
5979
|
+
._navigationRailExpanded_xghpy_111 ._navigationRailContentInner_xghpy_55 {
|
|
5980
5980
|
padding: 0 var(--space-xs) var(--space-xs) var(--space-xs);
|
|
5981
5981
|
}
|
|
5982
|
-
.
|
|
5982
|
+
._navigationRailCollapsed_xghpy_33 ._navigationRailContentInner_xghpy_55 {
|
|
5983
5983
|
padding: var(--space-2xs) var(--space-2xs);
|
|
5984
5984
|
}
|
|
5985
|
-
.
|
|
5985
|
+
._navigationRailContent_xghpy_37:first-child ._navigationRailContentInner_xghpy_55 {
|
|
5986
5986
|
padding-block-start: var(--space-xs);
|
|
5987
5987
|
}
|
|
5988
|
-
.
|
|
5988
|
+
._navigationRailCollapsed_xghpy_33 ._navigationRailContent_xghpy_37 > ._navigationRailGroupDivider_xghpy_129:first-child {
|
|
5989
5989
|
display: none;
|
|
5990
5990
|
}
|
|
5991
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6022
|
+
._navigationRailNavItemCollapsed_xghpy_177 {
|
|
6020
6023
|
gap: 0;
|
|
6021
6024
|
padding-inline: var(--space-xs);
|
|
6022
6025
|
}
|
|
6023
|
-
.
|
|
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
|
-
.
|
|
6028
|
-
.
|
|
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
|
-
.
|
|
6034
|
+
._navigationRailNavItem_xghpy_138:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
|
|
6032
6035
|
background-color: var(--surface-state-press);
|
|
6033
6036
|
}
|
|
6034
|
-
.
|
|
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
|
-
.
|
|
6042
|
+
._navigationRailNavItemSelected_xghpy_210 {
|
|
6040
6043
|
background-color: var(--surface-neutral-secondary);
|
|
6041
6044
|
}
|
|
6042
|
-
.
|
|
6045
|
+
._navigationRailNavItemSelected_xghpy_210:hover:not(._navigationRailNavItemDisabled_xghpy_194):after {
|
|
6043
6046
|
background-color: var(--surface-state-hover);
|
|
6044
6047
|
}
|
|
6045
|
-
.
|
|
6048
|
+
._navigationRailNavItemSelected_xghpy_210:active:not(._navigationRailNavItemDisabled_xghpy_194):after {
|
|
6046
6049
|
background-color: var(--surface-state-press);
|
|
6047
6050
|
}
|
|
6048
|
-
.
|
|
6051
|
+
._navigationRailNavItemDisabled_xghpy_194 {
|
|
6049
6052
|
cursor: not-allowed;
|
|
6050
6053
|
opacity: var(--opacity-disabled);
|
|
6051
6054
|
pointer-events: none;
|
|
6052
6055
|
}
|
|
6053
|
-
.
|
|
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
|
-
.
|
|
6068
|
+
._navigationRailNavItemIconSelected_xghpy_244 {
|
|
6066
6069
|
color: var(--foreground-neutral-primary);
|
|
6067
6070
|
}
|
|
6068
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6105
|
+
._navigationRailNavItemSelected_xghpy_210 ._navigationRailNavItemLabel_xghpy_255 {
|
|
6103
6106
|
color: var(--text-neutral-primary);
|
|
6104
6107
|
}
|
|
6105
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6127
|
+
._navigationRailNavItemChevronExpanded_xghpy_317 {
|
|
6125
6128
|
transform: rotate(90deg);
|
|
6126
6129
|
}
|
|
6127
|
-
.
|
|
6130
|
+
._navigationRailNavItemContainer_xghpy_323 {
|
|
6128
6131
|
display: flex;
|
|
6129
6132
|
flex-direction: column;
|
|
6130
6133
|
}
|
|
6131
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6146
|
+
._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 {
|
|
6144
6147
|
grid-template-rows: 1fr;
|
|
6145
6148
|
}
|
|
6146
|
-
.
|
|
6149
|
+
._navigationRailNavItemChildrenWrapperCollapsed_xghpy_350 {
|
|
6147
6150
|
display: none;
|
|
6148
6151
|
}
|
|
6149
|
-
.
|
|
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
|
-
.
|
|
6159
|
+
._navigationRailNavItemChildren_xghpy_338 > * {
|
|
6157
6160
|
margin-block-end: var(--space-4xs);
|
|
6158
6161
|
}
|
|
6159
|
-
.
|
|
6162
|
+
._navigationRailNavItemChildren_xghpy_338 > *:last-child {
|
|
6160
6163
|
margin-block-end: 0;
|
|
6161
6164
|
}
|
|
6162
|
-
.
|
|
6165
|
+
._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNavItemChildren_xghpy_338 {
|
|
6163
6166
|
overflow: visible;
|
|
6164
6167
|
}
|
|
6165
|
-
.
|
|
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
|
-
.
|
|
6179
|
+
._navigationRailNavItemChildrenWrapperExpanded_xghpy_345 ._navigationRailNestLine_xghpy_383 {
|
|
6177
6180
|
opacity: 1;
|
|
6178
6181
|
transition-delay: var(--motion-duration-fast);
|
|
6179
6182
|
}
|
|
6180
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6203
|
+
._navigationRailNavItemCollapsed_xghpy_177 ._navigationRailNestLine_xghpy_383 {
|
|
6201
6204
|
opacity: 0;
|
|
6202
6205
|
}
|
|
6203
|
-
.
|
|
6206
|
+
._navigationRailNavItemBadge_xghpy_465 {
|
|
6204
6207
|
transition: all var(--motion-duration-normal) var(--motion-ease-in-out);
|
|
6205
6208
|
}
|
|
6206
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6220
|
+
._navigationRailNavGroup_xghpy_493 {
|
|
6218
6221
|
display: flex;
|
|
6219
6222
|
flex-direction: column;
|
|
6220
6223
|
}
|
|
6221
|
-
.
|
|
6224
|
+
._navigationRailNavGroupFirst_xghpy_499 {
|
|
6222
6225
|
display: flex;
|
|
6223
6226
|
}
|
|
6224
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6244
|
+
._navigationRailNavGroupFirst_xghpy_499 ._navigationRailGroupDivider_xghpy_129 {
|
|
6242
6245
|
display: none !important;
|
|
6243
6246
|
}
|
|
6244
|
-
.
|
|
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
|
-
.
|
|
6254
|
+
._navigationRailNavGroupCollapsed_xghpy_519 ._navigationRailNavGroupContentWrapper_xghpy_542 {
|
|
6252
6255
|
grid-template-rows: 1fr !important;
|
|
6253
6256
|
}
|
|
6254
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6290
|
+
._navigationRailNavGroupHeader_xghpy_533:hover:after {
|
|
6285
6291
|
background-color: var(--surface-state-hover);
|
|
6286
6292
|
}
|
|
6287
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6315
|
+
._navigationRailNavGroupChevronExpanded_xghpy_616 {
|
|
6310
6316
|
transform: rotate(180deg);
|
|
6311
6317
|
}
|
|
6312
|
-
.
|
|
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
|
-
.
|
|
6323
|
+
._navigationRailNavGroupContentWrapperExpanded_xghpy_629 {
|
|
6318
6324
|
grid-template-rows: 1fr;
|
|
6319
6325
|
}
|
|
6320
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
6358
|
+
._navigationRailRailItem_xghpy_642:hover:after {
|
|
6353
6359
|
background-color: var(--surface-state-hover);
|
|
6354
6360
|
}
|
|
6355
|
-
.
|
|
6361
|
+
._navigationRailRailItem_xghpy_642:active:after {
|
|
6356
6362
|
background-color: var(--surface-state-press);
|
|
6357
6363
|
}
|
|
6358
|
-
.
|
|
6364
|
+
._navigationRailRailItem_xghpy_642:active {
|
|
6359
6365
|
transform: scale(.97);
|
|
6360
6366
|
}
|
|
6361
|
-
.
|
|
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
|
-
.
|
|
6371
|
+
._navigationRailRailItemSelected_xghpy_692 {
|
|
6366
6372
|
background-color: var(--surface-neutral-secondary);
|
|
6367
6373
|
color: var(--foreground-neutral-primary);
|
|
6368
6374
|
}
|
|
6369
|
-
.
|
|
6375
|
+
._navigationRailRailItemSelected_xghpy_692:hover:after {
|
|
6370
6376
|
background-color: var(--surface-state-hover);
|
|
6371
6377
|
}
|
|
6372
|
-
.
|
|
6378
|
+
._navigationRailRailItemSelected_xghpy_692:active:after {
|
|
6373
6379
|
background-color: var(--surface-state-press);
|
|
6374
6380
|
}
|
|
6375
|
-
.
|
|
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
|
-
.
|
|
6387
|
+
._navigationRailRailItemDisabled_xghpy_705 ._railItemIcon_xghpy_712 {
|
|
6382
6388
|
color: var(--foreground-state-disabled);
|
|
6383
6389
|
}
|
|
6384
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7786
|
+
._dropdownListSearchWrapper_1d3bd_18 {
|
|
7781
7787
|
padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
|
|
7782
7788
|
}
|
|
7783
|
-
.
|
|
7789
|
+
._dropdownListItemsListContainer_1d3bd_23 {
|
|
7784
7790
|
overflow: hidden;
|
|
7785
7791
|
position: relative;
|
|
7786
7792
|
}
|
|
7787
|
-
.
|
|
7793
|
+
._dropdownListItemsList_1d3bd_23 {
|
|
7788
7794
|
overflow-y: auto;
|
|
7789
7795
|
position: relative;
|
|
7790
7796
|
z-index: var(--z-local-below);
|
|
7791
7797
|
}
|
|
7792
|
-
.
|
|
7798
|
+
._dropdownListItemsList_1d3bd_23:focus {
|
|
7793
7799
|
outline: none;
|
|
7794
7800
|
}
|
|
7795
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7826
|
+
._dropdownListGradientVisible_1d3bd_66 {
|
|
7821
7827
|
opacity: 1;
|
|
7822
7828
|
}
|
|
7823
|
-
.
|
|
7829
|
+
._dropdownListItemWrapper_1d3bd_71 {
|
|
7824
7830
|
padding: 0 var(--space-2xs);
|
|
7825
7831
|
}
|
|
7826
|
-
.
|
|
7832
|
+
._dropdownListItemWrapperWithDivider_1d3bd_76 {
|
|
7827
7833
|
padding: var(--space-2xs) var(--space-2xs);
|
|
7828
7834
|
}
|
|
7829
|
-
.
|
|
7835
|
+
._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
|
|
7830
7836
|
border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
|
|
7831
7837
|
}
|
|
7832
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7869
|
+
._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
|
|
7861
7870
|
background-color: var(--surface-state-hover);
|
|
7862
7871
|
}
|
|
7863
|
-
.
|
|
7872
|
+
._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
|
|
7864
7873
|
background-color: var(--surface-state-press);
|
|
7865
7874
|
}
|
|
7866
|
-
.
|
|
7875
|
+
._dropdownListItem_1d3bd_23:focus-visible:after {
|
|
7867
7876
|
background-color: var(--surface-state-hover);
|
|
7868
7877
|
}
|
|
7869
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
7886
|
+
._dropdownListItemFocused_1d3bd_146:after {
|
|
7878
7887
|
background-color: var(--surface-state-hover);
|
|
7879
7888
|
}
|
|
7880
|
-
.
|
|
7889
|
+
._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
|
|
7881
7890
|
background-color: var(--surface-state-hover);
|
|
7882
7891
|
}
|
|
7883
|
-
.
|
|
7892
|
+
._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
|
|
7884
7893
|
background-color: var(--surface-state-press);
|
|
7885
7894
|
}
|
|
7886
|
-
.
|
|
7895
|
+
._dropdownListItemDisabled_1d3bd_170 {
|
|
7887
7896
|
cursor: not-allowed;
|
|
7888
7897
|
opacity: var(--opacity-disabled);
|
|
7889
7898
|
}
|
|
7890
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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(--
|
|
12707
|
+
gap: var(--file-upload-drop-zone-gap);
|
|
12505
12708
|
justify-content: center;
|
|
12506
|
-
min-block-size: var(--
|
|
12507
|
-
padding: var(--
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
12737
|
+
._fileUploadTextContainer_16fp2_107 {
|
|
12530
12738
|
display: flex;
|
|
12531
12739
|
flex-direction: column;
|
|
12532
|
-
gap: var(--
|
|
12740
|
+
gap: var(--file-upload-text-gap);
|
|
12533
12741
|
}
|
|
12534
|
-
.
|
|
12742
|
+
._fileUploadIcon_16fp2_113 {
|
|
12535
12743
|
color: var(--foreground-neutral-primary);
|
|
12536
12744
|
}
|
|
12537
|
-
.
|
|
12745
|
+
._fileUploadTitle_16fp2_117 {
|
|
12538
12746
|
color: var(--text-neutral-primary);
|
|
12539
12747
|
font-family: var(--title-md-family);
|
|
12540
|
-
font-size: var(--title-
|
|
12748
|
+
font-size: var(--file-upload-title-size);
|
|
12541
12749
|
font-weight: var(--title-md-weight-emphasize);
|
|
12542
|
-
line-height: var(--title-
|
|
12750
|
+
line-height: var(--file-upload-title-line-height);
|
|
12543
12751
|
}
|
|
12544
|
-
.
|
|
12752
|
+
._fileUploadSubtitle_16fp2_125 {
|
|
12545
12753
|
color: var(--text-neutral-secondary);
|
|
12546
12754
|
font-family: var(--body-sm-family);
|
|
12547
|
-
font-size: var(--
|
|
12755
|
+
font-size: var(--file-upload-subtitle-size);
|
|
12548
12756
|
font-weight: var(--body-sm-weight);
|
|
12549
|
-
line-height: var(--
|
|
12757
|
+
line-height: var(--file-upload-subtitle-line-height);
|
|
12550
12758
|
}
|
|
12551
|
-
.
|
|
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
|
-
.
|
|
12764
|
+
._fileUploadHiddenInput_16fp2_141 {
|
|
12557
12765
|
display: none;
|
|
12558
12766
|
}
|
|
12559
|
-
.
|
|
12767
|
+
._fileUploadList_16fp2_146 {
|
|
12560
12768
|
display: flex;
|
|
12561
12769
|
flex-direction: column;
|
|
12562
12770
|
gap: var(--space-4xs);
|
|
12563
12771
|
}
|
|
12564
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13034
|
+
._ganttChartNavigation_1vcm5_31 {
|
|
12653
13035
|
align-items: center;
|
|
12654
13036
|
display: flex;
|
|
12655
13037
|
gap: var(--space-2xs);
|
|
12656
13038
|
}
|
|
12657
|
-
.
|
|
13039
|
+
._ganttChartHeaderRight_1vcm5_39 {
|
|
12658
13040
|
align-items: center;
|
|
12659
13041
|
display: flex;
|
|
12660
13042
|
gap: var(--space-xs);
|
|
12661
13043
|
}
|
|
12662
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13064
|
+
._ganttChartBodyBorderless_1vcm5_73 {
|
|
12683
13065
|
border-block-end: none;
|
|
12684
13066
|
border-inline: none;
|
|
12685
13067
|
border-radius: 0;
|
|
12686
13068
|
}
|
|
12687
|
-
.
|
|
12688
|
-
|
|
13069
|
+
._ganttChartBodyScrollContent_1vcm5_79 {
|
|
13070
|
+
block-size: auto !important;
|
|
13071
|
+
overflow-y: hidden !important;
|
|
12689
13072
|
}
|
|
12690
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13103
|
+
._ganttChartHeaderCell_1vcm5_116:last-child {
|
|
12721
13104
|
border-inline-end: none;
|
|
12722
13105
|
}
|
|
12723
|
-
.
|
|
13106
|
+
._ganttChartHeaderCellToday_1vcm5_146 {
|
|
12724
13107
|
position: relative;
|
|
12725
13108
|
z-index: var(--z-local-above);
|
|
12726
13109
|
}
|
|
12727
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13170
|
+
._ganttChartRow_1vcm5_223:last-child {
|
|
12788
13171
|
border-block-end: none;
|
|
12789
13172
|
}
|
|
12790
|
-
.
|
|
13173
|
+
._ganttChartRow_1vcm5_223:hover {
|
|
12791
13174
|
background-color: var(--surface-state-hover);
|
|
12792
13175
|
}
|
|
12793
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13206
|
+
._ganttChartRow_1vcm5_223:hover ._ganttChartSidebar_1vcm5_245 {
|
|
12824
13207
|
background-color: var(--surface-neutral-secondary);
|
|
12825
13208
|
}
|
|
12826
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13228
|
+
._ganttChartGroupBlock_1vcm5_310:last-child {
|
|
12846
13229
|
border-block-end: none;
|
|
12847
13230
|
}
|
|
12848
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13270
|
+
._ganttChartGroupSidebarText_1vcm5_388 {
|
|
12888
13271
|
line-height: var(--body-md-line-height);
|
|
12889
13272
|
overflow-wrap: anywhere;
|
|
12890
13273
|
}
|
|
12891
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13288
|
+
._ganttChartGridCell_1vcm5_406:last-child {
|
|
12906
13289
|
border-inline-end: none;
|
|
12907
13290
|
}
|
|
12908
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13345
|
+
._ganttChartCurrentTimeLabel_1vcm5_453:not([data-view=Day]):after {
|
|
12963
13346
|
inset-block-start: 16px;
|
|
12964
13347
|
}
|
|
12965
|
-
.
|
|
13348
|
+
._ganttChartCurrentTimeLabel_1vcm5_453[data-view=Day]:after {
|
|
12966
13349
|
inset-block-start: 28px;
|
|
12967
13350
|
}
|
|
12968
|
-
.
|
|
13351
|
+
._ganttChartCurrentTimeLine_1vcm5_423:after {
|
|
12969
13352
|
content: none;
|
|
12970
13353
|
}
|
|
12971
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13411
|
+
._ganttChartTaskBar_1vcm5_554:hover ._ganttChartTaskBarPill_1vcm5_578 {
|
|
13029
13412
|
box-shadow: var(--shadow-md);
|
|
13030
13413
|
filter: brightness(.95);
|
|
13031
13414
|
}
|
|
13032
|
-
.
|
|
13415
|
+
._ganttChartTaskBar_1vcm5_554:hover {
|
|
13033
13416
|
z-index: var(--z-local-content);
|
|
13034
13417
|
}
|
|
13035
|
-
.
|
|
13418
|
+
._ganttChartStatusCompleted_1vcm5_647 {
|
|
13036
13419
|
background-color: var(--surface-accent-green);
|
|
13037
13420
|
color: var(--text-neutral-primary-inverse);
|
|
13038
13421
|
}
|
|
13039
|
-
.
|
|
13422
|
+
._ganttChartStatusActive_1vcm5_652 {
|
|
13040
13423
|
background-color: var(--surface-brand-primary);
|
|
13041
13424
|
color: var(--text-neutral-primary-inverse);
|
|
13042
13425
|
}
|
|
13043
|
-
.
|
|
13426
|
+
._ganttChartStatusWarning_1vcm5_657 {
|
|
13044
13427
|
background-color: var(--surface-accent-yellow);
|
|
13045
13428
|
color: var(--text-neutral-primary-inverse);
|
|
13046
13429
|
}
|
|
13047
|
-
.
|
|
13430
|
+
._ganttChartStatusError_1vcm5_662 {
|
|
13048
13431
|
background-color: var(--surface-accent-red);
|
|
13049
13432
|
color: var(--text-neutral-primary-inverse);
|
|
13050
13433
|
}
|
|
13051
|
-
.
|
|
13434
|
+
._ganttChartStatusPastelRed_1vcm5_668 {
|
|
13052
13435
|
background-color: var(--surface-accent-red-subtle);
|
|
13053
13436
|
color: var(--text-accent-red);
|
|
13054
13437
|
}
|
|
13055
|
-
.
|
|
13438
|
+
._ganttChartStatusPastelOrange_1vcm5_673 {
|
|
13056
13439
|
background-color: var(--surface-accent-orange-subtle);
|
|
13057
13440
|
color: var(--text-accent-orange);
|
|
13058
13441
|
}
|
|
13059
|
-
.
|
|
13442
|
+
._ganttChartStatusPastelYellow_1vcm5_678 {
|
|
13060
13443
|
background-color: var(--surface-accent-yellow-subtle);
|
|
13061
13444
|
color: var(--text-accent-yellow);
|
|
13062
13445
|
}
|
|
13063
|
-
.
|
|
13446
|
+
._ganttChartStatusPastelGreen_1vcm5_683 {
|
|
13064
13447
|
background-color: var(--surface-accent-green-subtle);
|
|
13065
13448
|
color: var(--text-accent-green);
|
|
13066
13449
|
}
|
|
13067
|
-
.
|
|
13450
|
+
._ganttChartStatusPastelCyan_1vcm5_688 {
|
|
13068
13451
|
background-color: var(--surface-accent-cyan-subtle);
|
|
13069
13452
|
color: var(--text-accent-cyan);
|
|
13070
13453
|
}
|
|
13071
|
-
.
|
|
13454
|
+
._ganttChartStatusPastelBlue_1vcm5_693 {
|
|
13072
13455
|
background-color: var(--surface-accent-blue-subtle);
|
|
13073
13456
|
color: var(--text-accent-blue);
|
|
13074
13457
|
}
|
|
13075
|
-
.
|
|
13458
|
+
._ganttChartStatusPastelPurple_1vcm5_698 {
|
|
13076
13459
|
background-color: var(--surface-accent-purple-subtle);
|
|
13077
13460
|
color: var(--text-accent-purple);
|
|
13078
13461
|
}
|
|
13079
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
13479
|
+
._ganttChartHeaderLeft_1vcm5_22 {
|
|
13097
13480
|
flex-wrap: wrap;
|
|
13098
13481
|
justify-content: space-between;
|
|
13099
13482
|
}
|
|
13100
|
-
.
|
|
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
|
-
.
|
|
13489
|
+
._ganttChartNavigation_1vcm5_31 {
|
|
13107
13490
|
margin-inline-start: auto;
|
|
13108
13491
|
}
|
|
13109
|
-
.
|
|
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
|
-
.
|
|
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);
|