@react-spectrum/tabs 3.8.22 → 3.8.24

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.
@@ -1,41 +1,41 @@
1
- .PDBWga_i18nFontFamily {
1
+ .W5avvq_i18nFontFamily {
2
2
  font-synthesis: weight;
3
3
  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
4
  }
5
5
 
6
- .PDBWga_i18nFontFamily:lang(ar) {
6
+ .W5avvq_i18nFontFamily:lang(ar) {
7
7
  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
8
  }
9
9
 
10
- .PDBWga_i18nFontFamily:lang(he) {
10
+ .W5avvq_i18nFontFamily:lang(he) {
11
11
  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
12
  }
13
13
 
14
- .PDBWga_i18nFontFamily:lang(zh) {
14
+ .W5avvq_i18nFontFamily:lang(zh) {
15
15
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
16
  }
17
17
 
18
- .PDBWga_i18nFontFamily:lang(zh-Hans) {
18
+ .W5avvq_i18nFontFamily:lang(zh-Hans) {
19
19
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
20
  }
21
21
 
22
- .PDBWga_i18nFontFamily:lang(zh-Hant) {
22
+ .W5avvq_i18nFontFamily:lang(zh-Hant) {
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .PDBWga_i18nFontFamily:lang(zh-SG), .PDBWga_i18nFontFamily:lang(zh-CN) {
26
+ .W5avvq_i18nFontFamily:lang(zh-SG), .W5avvq_i18nFontFamily:lang(zh-CN) {
27
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
28
  }
29
29
 
30
- .PDBWga_i18nFontFamily:lang(ko) {
30
+ .W5avvq_i18nFontFamily:lang(ko) {
31
31
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
32
  }
33
33
 
34
- .PDBWga_i18nFontFamily:lang(ja) {
34
+ .W5avvq_i18nFontFamily:lang(ja) {
35
35
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
36
  }
37
37
 
38
- .PDBWga_spectrum-FocusRing-ring {
38
+ .W5avvq_spectrum-FocusRing-ring {
39
39
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
40
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
41
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,7 +43,7 @@
43
43
  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
44
  }
45
45
 
46
- .PDBWga_spectrum-FocusRing-ring:after {
46
+ .W5avvq_spectrum-FocusRing-ring:after {
47
47
  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
48
  content: "";
49
49
  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
@@ -54,44 +54,44 @@
54
54
  inset: 0;
55
55
  }
56
56
 
57
- .PDBWga_spectrum-FocusRing.PDBWga_focus-ring:after {
57
+ .W5avvq_spectrum-FocusRing.W5avvq_focus-ring:after {
58
58
  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
59
  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
60
  }
61
61
 
62
- .PDBWga_spectrum-FocusRing--quiet:after {
62
+ .W5avvq_spectrum-FocusRing--quiet:after {
63
63
  border-radius: 0;
64
64
  }
65
65
 
66
- .PDBWga_spectrum-FocusRing--quiet.PDBWga_focus-ring:after {
66
+ .W5avvq_spectrum-FocusRing--quiet.W5avvq_focus-ring:after {
67
67
  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
68
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
69
  }
70
70
 
71
71
  @media (forced-colors: active) {
72
- .PDBWga_spectrum-FocusRing, .PDBWga_spectrum-FocusRing-ring, .PDBWga_spectrum-FocusRing--quiet {
72
+ .W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet {
73
73
  --spectrum-high-contrast-focus-ring-color: Highlight;
74
74
  }
75
75
 
76
- :is(.PDBWga_spectrum-FocusRing, .PDBWga_spectrum-FocusRing-ring, .PDBWga_spectrum-FocusRing--quiet):after {
76
+ :is(.W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet):after {
77
77
  forced-color-adjust: none;
78
78
  }
79
79
  }
80
80
 
81
- .PDBWga_spectrum-TabsPanel {
81
+ .W5avvq_spectrum-TabsPanel {
82
82
  width: 100%;
83
83
  display: flex;
84
84
  }
85
85
 
86
- .PDBWga_spectrum-TabsPanel--horizontal {
86
+ .W5avvq_spectrum-TabsPanel--horizontal {
87
87
  flex-direction: column;
88
88
  }
89
89
 
90
- .PDBWga_spectrum-TabsPanel--vertical {
90
+ .W5avvq_spectrum-TabsPanel--vertical {
91
91
  flex-direction: row;
92
92
  }
93
93
 
94
- .PDBWga_spectrum-Tabs {
94
+ .W5avvq_spectrum-Tabs {
95
95
  z-index: 0;
96
96
  vertical-align: top;
97
97
  -webkit-user-select: none;
@@ -103,7 +103,7 @@
103
103
  position: relative;
104
104
  }
105
105
 
106
- .PDBWga_spectrum-Tabs-item {
106
+ .W5avvq_spectrum-Tabs-item {
107
107
  box-sizing: border-box;
108
108
  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
109
109
  line-height: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
@@ -116,148 +116,157 @@
116
116
  position: relative;
117
117
  }
118
118
 
119
- .PDBWga_spectrum-Tabs-item[href] {
119
+ .W5avvq_spectrum-Tabs-item[href] {
120
120
  cursor: pointer;
121
121
  }
122
122
 
123
- .PDBWga_spectrum-Tabs-item.PDBWga_is-disabled {
123
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled {
124
124
  cursor: default;
125
125
  }
126
126
 
127
- .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon {
127
+ .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
128
128
  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
129
129
  transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
130
130
  transform: translate3d(0, 0, 0);
131
131
  }
132
132
 
133
- .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon + .PDBWga_spectrum-Tabs-itemLabel {
133
+ .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon + .W5avvq_spectrum-Tabs-itemLabel {
134
134
  margin-inline-start: var(--spectrum-tabs-icon-gap, var(--spectrum-global-dimension-size-100));
135
135
  }
136
136
 
137
- .PDBWga_spectrum-Tabs-item:before {
137
+ .W5avvq_spectrum-Tabs-item:before {
138
138
  content: "";
139
139
  box-sizing: border-box;
140
- block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
141
140
  border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
142
141
  border-radius: var(--spectrum-tabs-focus-ring-border-radius);
143
142
  pointer-events: none;
144
- margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
145
143
  position: absolute;
146
- top: 50%;
144
+ top: 0;
145
+ bottom: 0;
147
146
  }
148
147
 
149
- .PDBWga_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
148
+ .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
150
149
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
151
150
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
152
151
  }
153
152
 
154
- .PDBWga_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
153
+ .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
155
154
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
156
155
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
157
156
  }
158
157
 
159
- .PDBWga_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
158
+ .W5avvq_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
160
159
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
161
160
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
162
161
  }
163
162
 
164
- .PDBWga_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
163
+ .W5avvq_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
165
164
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
166
165
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
167
166
  }
168
167
 
169
- .PDBWga_spectrum-Tabs-itemLabel {
168
+ .W5avvq_spectrum-Tabs-itemLabel {
170
169
  vertical-align: top;
171
170
  font-size: var(--spectrum-tabs-text-size, var(--spectrum-alias-font-size-default));
172
171
  font-weight: var(--spectrum-tabs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
173
172
  display: inline-block;
174
173
  }
175
174
 
176
- .PDBWga_spectrum-Tabs-itemLabel:empty {
175
+ .W5avvq_spectrum-Tabs-itemLabel:empty {
177
176
  display: none;
178
177
  }
179
178
 
180
- .PDBWga_spectrum-Tabs-selectionIndicator {
179
+ .W5avvq_spectrum-Tabs-selectionIndicator {
181
180
  z-index: 0;
182
181
  transform-origin: 0 0;
183
- border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10));
184
182
  position: absolute;
185
183
  }
186
184
 
187
- .PDBWga_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
185
+ .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
188
186
  left: 0;
189
187
  }
190
188
 
191
- .PDBWga_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
189
+ .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
192
190
  left: 0;
193
191
  }
194
192
 
195
- .PDBWga_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
193
+ .W5avvq_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
196
194
  right: 0;
197
195
  }
198
196
 
199
- .PDBWga_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
197
+ .W5avvq_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
200
198
  right: 0;
201
199
  }
202
200
 
203
- [dir="ltr"] .PDBWga_spectrum-Tabs--horizontal .PDBWga_spectrum-Tabs-selectionIndicator {
201
+ [dir="ltr"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
204
202
  transform: translateX(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
205
203
  }
206
204
 
207
- [dir="rtl"] .PDBWga_spectrum-Tabs--horizontal .PDBWga_spectrum-Tabs-selectionIndicator {
205
+ [dir="rtl"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
208
206
  transform: translateX(calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1));
209
207
  }
210
208
 
211
- .PDBWga_spectrum-Tabs--compact .PDBWga_spectrum-Tabs-item {
209
+ .W5avvq_spectrum-Tabs-selectionIndicator {
210
+ border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10));
211
+ }
212
+
213
+ .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item {
212
214
  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
213
215
  line-height: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
214
216
  }
215
217
 
216
- .PDBWga_spectrum-Tabs--compact .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon {
218
+ .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
217
219
  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
218
220
  }
219
221
 
220
- .PDBWga_spectrum-Tabs--horizontal {
222
+ .W5avvq_spectrum-Tabs--horizontal {
221
223
  border-block-end: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) solid;
222
224
  align-items: center;
223
225
  }
224
226
 
225
- .PDBWga_spectrum-Tabs--horizontal .PDBWga_spectrum-Tabs-item {
227
+ .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item {
226
228
  vertical-align: top;
227
229
  }
228
230
 
229
- .PDBWga_spectrum-Tabs--horizontal .PDBWga_spectrum-Tabs-item + :not(.PDBWga_spectrum-Tabs-selectionIndicator) {
231
+ .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item + :not(.W5avvq_spectrum-Tabs-selectionIndicator) {
230
232
  margin-inline-start: var(--spectrum-tabs-item-gap, var(--spectrum-global-dimension-size-300));
231
233
  }
232
234
 
233
- .PDBWga_spectrum-Tabs--horizontal .PDBWga_spectrum-Tabs-selectionIndicator {
235
+ .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item:before {
236
+ top: 50%;
237
+ bottom: unset;
238
+ block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
239
+ margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
240
+ }
241
+
242
+ .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
234
243
  block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick));
235
244
  transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, width var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
236
245
  bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1);
237
246
  position: absolute;
238
247
  }
239
248
 
240
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed {
249
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed {
241
250
  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
242
251
  }
243
252
 
244
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
253
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
245
254
  left: 0;
246
255
  }
247
256
 
248
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
257
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
249
258
  left: 0;
250
259
  }
251
260
 
252
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
261
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
253
262
  right: 0;
254
263
  }
255
264
 
256
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
265
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
257
266
  right: 0;
258
267
  }
259
268
 
260
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed button:before {
269
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:before {
261
270
  content: "";
262
271
  box-sizing: border-box;
263
272
  block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
@@ -269,274 +278,281 @@
269
278
  top: 50%;
270
279
  }
271
280
 
272
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
281
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
273
282
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
274
283
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
275
284
  }
276
285
 
277
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
286
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
278
287
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
279
288
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
280
289
  }
281
290
 
282
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
291
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
283
292
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
284
293
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
285
294
  }
286
295
 
287
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
296
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
288
297
  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
289
298
  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
290
299
  }
291
300
 
292
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--isCollapsed.PDBWga_spectrum-Tabs--compact button {
301
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed.W5avvq_spectrum-Tabs--compact button {
293
302
  height: calc(calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))));
294
303
  }
295
304
 
296
- .PDBWga_spectrum-Tabs--horizontal.PDBWga_spectrum-Tabs--compact {
305
+ .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--compact {
297
306
  box-sizing: content-box;
298
307
  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
299
308
  align-items: end;
300
309
  }
301
310
 
302
- .PDBWga_spectrum-Tabs--quiet {
311
+ .W5avvq_spectrum-Tabs--quiet {
303
312
  display: inline-flex;
304
313
  }
305
314
 
306
- .PDBWga_spectrum-Tabs--vertical {
315
+ .W5avvq_spectrum-Tabs--vertical {
307
316
  border-inline-start: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) solid;
308
317
  flex-direction: column;
309
318
  padding: 0;
310
319
  display: inline-flex;
311
320
  }
312
321
 
313
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item {
322
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item {
314
323
  block-size: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
315
324
  padding: 0 var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100));
316
325
  margin-block-end: var(--spectrum-tabs-vertical-item-gap, var(--spectrum-global-dimension-size-50));
317
326
  margin-inline-start: calc(var(--spectrum-tabs-vertical-item-margin-left, var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
318
327
  }
319
328
 
320
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item:before {
321
- margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2));
322
- }
323
-
324
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
329
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
325
330
  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
326
331
  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
327
332
  }
328
333
 
329
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
334
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
330
335
  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
331
336
  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
332
337
  }
333
338
 
334
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
339
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
335
340
  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
336
341
  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
337
342
  }
338
343
 
339
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
344
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
340
345
  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
341
346
  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
342
347
  }
343
348
 
344
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--compact .PDBWga_spectrum-Tabs-item {
349
+ .W5avvq_spectrum-Tabs--vertical:not(.W5avvq_spectrum-Tabs--compact) .W5avvq_spectrum-Tabs-item {
350
+ white-space: normal;
351
+ block-size: auto;
352
+ min-height: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
353
+ align-items: center;
354
+ line-height: normal;
355
+ display: flex;
356
+ }
357
+
358
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item {
345
359
  block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
346
360
  line-height: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
347
361
  margin-block-end: var(--spectrum-tabs-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
348
362
  }
349
363
 
350
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--compact .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon {
364
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
351
365
  block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
352
366
  }
353
367
 
354
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-selectionIndicator {
368
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator {
355
369
  inline-size: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick));
356
370
  transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, height var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
357
371
  position: absolute;
358
372
  }
359
373
 
360
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
374
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
361
375
  left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
362
376
  }
363
377
 
364
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
378
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
365
379
  left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
366
380
  }
367
381
 
368
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
382
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
369
383
  right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
370
384
  }
371
385
 
372
- .PDBWga_spectrum-Tabs--vertical .PDBWga_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
386
+ .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
373
387
  right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
374
388
  }
375
389
 
376
- .PDBWga_spectrum-TabsPanel-collapseWrapper {
390
+ .W5avvq_spectrum-TabsPanel-collapseWrapper {
377
391
  display: flex;
378
392
  position: relative;
379
393
  }
380
394
 
381
- .PDBWga_spectrum-TabsPanel-tabs {
382
- flex: 1 0;
395
+ .W5avvq_spectrum-TabsPanel-tabs {
396
+ flex-grow: 1;
397
+ flex-shrink: 0;
383
398
  }
384
399
 
385
- .PDBWga_spectrum-TabsPanel-tabs.PDBWga_spectrum-Tabs--vertical {
400
+ .W5avvq_spectrum-TabsPanel-tabs.W5avvq_spectrum-Tabs--vertical {
386
401
  flex-grow: 0;
402
+ min-width: min-content;
387
403
  }
388
404
 
389
- .PDBWga_spectrum-TabsPanel-tabpanel {
405
+ .W5avvq_spectrum-TabsPanel-tabpanel {
390
406
  border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
391
407
  flex-grow: 1;
392
408
  }
393
409
 
394
- .PDBWga_spectrum-TabsPanel--vertical .PDBWga_spectrum-Tabs {
410
+ .W5avvq_spectrum-TabsPanel--vertical .W5avvq_spectrum-Tabs {
395
411
  padding-right: var(--spectrum-global-dimension-size-160);
396
412
  }
397
413
 
398
- .PDBWga_spectrum-Tabs {
414
+ .W5avvq_spectrum-Tabs {
399
415
  border-block-end-color: var(--spectrum-global-color-gray-300);
400
416
  }
401
417
 
402
- .PDBWga_spectrum-Tabs.PDBWga_spectrum-Tabs--isCollapsed .PDBWga_spectrum-Tabs-picker {
418
+ .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_spectrum-Tabs-picker {
403
419
  width: auto;
404
420
  }
405
421
 
406
- .PDBWga_spectrum-Tabs.PDBWga_spectrum-Tabs--isCollapsed .PDBWga_focus-ring:after {
422
+ .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:after {
407
423
  box-shadow: none;
408
424
  }
409
425
 
410
- .PDBWga_spectrum-Tabs.PDBWga_spectrum-Tabs--isCollapsed .PDBWga_focus-ring:before {
426
+ .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:before {
411
427
  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
412
428
  }
413
429
 
414
- .PDBWga_spectrum-Tabs--vertical {
430
+ .W5avvq_spectrum-Tabs--vertical {
415
431
  border-inline-start-color: var(--spectrum-global-color-gray-300);
416
432
  }
417
433
 
418
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-selectionIndicator {
434
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
419
435
  background-color: var(--spectrum-accent-color-900);
420
436
  }
421
437
 
422
- .PDBWga_spectrum-Tabs-selectionIndicator {
438
+ .W5avvq_spectrum-Tabs-selectionIndicator {
423
439
  background-color: var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900));
424
440
  }
425
441
 
426
- .PDBWga_spectrum-Tabs-item {
442
+ .W5avvq_spectrum-Tabs-item {
427
443
  color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
428
444
  }
429
445
 
430
- .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon {
446
+ .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
431
447
  fill: var(--spectrum-tabs-icon-color, var(--spectrum-alias-icon-color));
432
448
  }
433
449
 
434
- .PDBWga_spectrum-Tabs-item.PDBWga_is-hovered {
450
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered {
435
451
  color: var(--spectrum-tabs-text-color-hover, var(--spectrum-alias-text-color-hover));
436
452
  }
437
453
 
438
- .PDBWga_spectrum-Tabs-item.PDBWga_is-hovered .PDBWga_spectrum-Icon {
454
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered .W5avvq_spectrum-Icon {
439
455
  fill: var(--spectrum-tabs-icon-color-hover, var(--spectrum-alias-icon-color-hover));
440
456
  }
441
457
 
442
- .PDBWga_spectrum-Tabs-item.PDBWga_is-selected {
458
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-selected {
443
459
  color: var(--spectrum-tabs-text-color-selected, var(--spectrum-global-color-gray-900));
444
460
  }
445
461
 
446
- .PDBWga_spectrum-Tabs-item.PDBWga_is-selected .PDBWga_spectrum-Icon {
462
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon {
447
463
  fill: var(--spectrum-tabs-icon-color-selected, var(--spectrum-global-color-gray-900));
448
464
  }
449
465
 
450
- .PDBWga_spectrum-Tabs-item.PDBWga_focus-ring {
466
+ .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring {
451
467
  color: var(--spectrum-tabs-text-color-key-focus, var(--spectrum-alias-text-color-hover));
452
468
  }
453
469
 
454
- .PDBWga_spectrum-Tabs-item.PDBWga_focus-ring:before {
470
+ .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring:before {
455
471
  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
456
472
  }
457
473
 
458
- .PDBWga_spectrum-Tabs-item.PDBWga_focus-ring .PDBWga_spectrum-Icon {
474
+ .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring .W5avvq_spectrum-Icon {
459
475
  fill: var(--spectrum-tabs-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
460
476
  }
461
477
 
462
- .PDBWga_spectrum-Tabs-item.PDBWga_is-disabled {
478
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled {
463
479
  color: var(--spectrum-tabs-text-color-disabled, var(--spectrum-alias-text-color-disabled));
464
480
  }
465
481
 
466
- .PDBWga_spectrum-Tabs-item.PDBWga_is-disabled .PDBWga_spectrum-Icon {
482
+ .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled .W5avvq_spectrum-Icon {
467
483
  fill: var(--spectrum-tabs-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
468
484
  }
469
485
 
470
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected {
486
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected {
471
487
  color: var(--spectrum-accent-color-900);
472
488
  }
473
489
 
474
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected .PDBWga_spectrum-Icon {
490
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon {
475
491
  fill: var(--spectrum-accent-color-900);
476
492
  }
477
493
 
478
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected.PDBWga_focus-ring {
494
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring {
479
495
  color: var(--spectrum-accent-color-900);
480
496
  }
481
497
 
482
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected.PDBWga_focus-ring:before {
498
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring:before {
483
499
  border-color: var(--spectrum-blue-900);
484
500
  }
485
501
 
486
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected.PDBWga_focus-ring .PDBWga_spectrum-Icon {
502
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring .W5avvq_spectrum-Icon {
487
503
  fill: var(--spectrum-accent-color-900);
488
504
  }
489
505
 
490
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected.PDBWga_is-hovered {
506
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered {
491
507
  color: var(--spectrum-accent-color-1000);
492
508
  }
493
509
 
494
- .PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-item.PDBWga_is-selected.PDBWga_is-hovered .PDBWga_spectrum-Icon {
510
+ .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered .W5avvq_spectrum-Icon {
495
511
  fill: var(--spectrum-accent-color-1000);
496
512
  }
497
513
 
498
- .PDBWga_spectrum-Tabs--quiet {
514
+ .W5avvq_spectrum-Tabs--quiet {
499
515
  border-block-end-color: var(--spectrum-tabs-quiet-rule-color, var(--spectrum-alias-border-color-transparent));
500
516
  }
501
517
 
502
- .PDBWga_spectrum-Tabs--quiet .PDBWga_spectrum-Tabs-selectionIndicator {
518
+ .W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator {
503
519
  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
504
520
  }
505
521
 
506
- .PDBWga_spectrum-Tabs--quiet.PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-selectionIndicator {
522
+ .W5avvq_spectrum-Tabs--quiet.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
507
523
  background-color: var(--spectrum-accent-color-900);
508
524
  }
509
525
 
510
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--quiet {
526
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet {
511
527
  border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
512
528
  }
513
529
 
514
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--quiet .PDBWga_spectrum-Tabs-selectionIndicator {
530
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator {
515
531
  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
516
532
  }
517
533
 
518
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--compact {
534
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact {
519
535
  border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
520
536
  }
521
537
 
522
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--compact .PDBWga_spectrum-Tabs-selectionIndicator {
538
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-selectionIndicator {
523
539
  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
524
540
  }
525
541
 
526
- .PDBWga_spectrum-Tabs--vertical.PDBWga_spectrum-Tabs--emphasized .PDBWga_spectrum-Tabs-selectionIndicator {
542
+ .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
527
543
  background-color: var(--spectrum-accent-color-900);
528
544
  }
529
545
 
530
- .PDBWga_spectrum-TabsPanel-tabpanel:focus {
546
+ .W5avvq_spectrum-TabsPanel-tabpanel:focus {
531
547
  outline: none;
532
548
  }
533
549
 
534
- .PDBWga_spectrum-TabsPanel-tabpanel.PDBWga_focus-ring {
550
+ .W5avvq_spectrum-TabsPanel-tabpanel.W5avvq_focus-ring {
535
551
  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
536
552
  }
537
553
 
538
554
  @media (forced-colors: active) {
539
- .PDBWga_spectrum-Tabs {
555
+ .W5avvq_spectrum-Tabs {
540
556
  forced-color-adjust: none;
541
557
  --spectrum-tabs-focus-ring-color: ButtonText;
542
558
  --spectrum-tabs-icon-color: ButtonText;
@@ -557,34 +573,34 @@
557
573
  --spectrum-tabs-vertical-rule-color: transparent;
558
574
  }
559
575
 
560
- .PDBWga_spectrum-Tabs .PDBWga_spectrum-Tabs-item:before {
576
+ .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item:before {
561
577
  background-color: buttonface;
562
578
  }
563
579
 
564
- .PDBWga_spectrum-Tabs .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Icon, .PDBWga_spectrum-Tabs .PDBWga_spectrum-Tabs-item .PDBWga_spectrum-Tabs-itemLabel {
580
+ .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon, .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Tabs-itemLabel {
565
581
  z-index: 1;
566
582
  position: relative;
567
583
  }
568
584
 
569
- .PDBWga_spectrum-Tabs .PDBWga_is-selected {
585
+ .W5avvq_spectrum-Tabs .W5avvq_is-selected {
570
586
  color: highlighttext;
571
587
  }
572
588
 
573
- .PDBWga_spectrum-Tabs .PDBWga_is-selected .PDBWga_spectrum-Icon {
589
+ .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Icon {
574
590
  fill: highlighttext;
575
591
  }
576
592
 
577
- .PDBWga_spectrum-Tabs .PDBWga_is-selected:before {
593
+ .W5avvq_spectrum-Tabs .W5avvq_is-selected:before {
578
594
  color: highlighttext;
579
595
  background-color: highlight;
580
596
  }
581
597
 
582
- .PDBWga_spectrum-Tabs .PDBWga_is-selected .PDBWga_spectrum-Tabs-itemLabel {
598
+ .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Tabs-itemLabel {
583
599
  color: highlighttext;
584
600
  }
585
601
 
586
- .PDBWga_spectrum-Tabs.PDBWga_spectrum-Tabs--isCollapsed .PDBWga_focus-ring {
602
+ .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring {
587
603
  outline: none;
588
604
  }
589
605
  }
590
- /*# sourceMappingURL=tabs.594d530b.css.map */
606
+ /*# sourceMappingURL=tabs.a87f78a9.css.map */