@react-spectrum/slider 3.6.8-nightly.4494 → 3.6.8-nightly.4506

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/main.css CHANGED
@@ -23,11 +23,7 @@
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
- .BTW8mG_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .BTW8mG_i18nFontFamily:lang(zh-CN) {
26
+ .BTW8mG_i18nFontFamily:lang(zh-SG), .BTW8mG_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .BTW8mG_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .BTW8mG_spectrum-FocusRing.BTW8mG_focus-ring:after {
@@ -140,14 +130,9 @@
140
130
  box-sizing: border-box;
141
131
  z-index: 1;
142
132
  pointer-events: none;
133
+ top: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
143
134
  margin-block-start: calc(var(--spectrum-slider-fill-track-height, var(--spectrum-alias-border-size-thick)) / -2);
144
135
  position: absolute;
145
- top: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
146
- }
147
-
148
- .BTW8mG_spectrum-Slider-track:not(:-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))) {
149
- left: 0;
150
- right: auto;
151
136
  }
152
137
 
153
138
  .BTW8mG_spectrum-Slider-track: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))) {
@@ -155,7 +140,7 @@
155
140
  right: auto;
156
141
  }
157
142
 
158
- .BTW8mG_spectrum-Slider-buffer:not(:-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))) {
143
+ .BTW8mG_spectrum-Slider-track: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))) {
159
144
  left: 0;
160
145
  right: auto;
161
146
  }
@@ -165,17 +150,12 @@
165
150
  right: auto;
166
151
  }
167
152
 
168
- .BTW8mG_spectrum-Slider-ramp:not(:-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))) {
169
- left: 0;
170
- right: auto;
171
- }
172
-
173
- .BTW8mG_spectrum-Slider-ramp: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))) {
153
+ .BTW8mG_spectrum-Slider-buffer: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))) {
174
154
  left: 0;
175
155
  right: auto;
176
156
  }
177
157
 
178
- .BTW8mG_spectrum-Slider-fill:not(:-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))) {
158
+ .BTW8mG_spectrum-Slider-fill: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))) {
179
159
  left: 0;
180
160
  right: auto;
181
161
  }
@@ -226,8 +206,7 @@
226
206
  }
227
207
 
228
208
  .BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill {
229
- padding-block-start: 0;
230
- padding-block-end: 0;
209
+ padding-block: 0;
231
210
  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
232
211
  margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
233
212
  }
@@ -238,7 +217,7 @@
238
217
  display: block;
239
218
  }
240
219
 
241
- :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):first-of-type:not(:-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 {
220
+ :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):first-of-type: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 {
242
221
  border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
243
222
  border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
244
223
  }
@@ -248,7 +227,7 @@
248
227
  border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
249
228
  }
250
229
 
251
- :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):first-of-type:-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 {
230
+ :-webkit-any(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):first-of-type:-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 {
252
231
  border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
253
232
  border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
254
233
  }
@@ -258,7 +237,7 @@
258
237
  border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
259
238
  }
260
239
 
261
- :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):last-of-type:not(:-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 {
240
+ :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):last-of-type: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 {
262
241
  border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
263
242
  border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
264
243
  }
@@ -268,7 +247,7 @@
268
247
  border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
269
248
  }
270
249
 
271
- :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):last-of-type:-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 {
250
+ :-webkit-any(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):last-of-type:-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 {
272
251
  border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
273
252
  border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
274
253
  }
@@ -279,34 +258,30 @@
279
258
  }
280
259
 
281
260
  .BTW8mG_spectrum-Slider-fill {
282
- padding-block-start: 0;
283
- padding-block-end: 0;
261
+ padding-block: 0;
284
262
  padding-inline: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)))) 0;
285
263
  z-index: 2;
286
264
  margin-inline-start: 0;
287
265
  }
288
266
 
289
267
  .BTW8mG_spectrum-Slider-fill--right {
290
- padding-block-start: 0;
291
- padding-block-end: 0;
268
+ padding-block: 0;
292
269
  padding-inline: 0 calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))));
293
270
  }
294
271
 
295
272
  .BTW8mG_spectrum-Slider-buffer {
296
- padding-block-start: 0;
297
- padding-block-end: 0;
273
+ padding-block: 0;
298
274
  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
299
275
  }
300
276
 
301
277
  .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer {
302
- padding-block-start: 0;
303
- padding-block-end: 0;
278
+ padding-block: 0;
304
279
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
305
280
  margin-inline-start: 0;
306
281
  margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
307
282
  }
308
283
 
309
- .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track:not(:-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))) {
284
+ .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track: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))) {
310
285
  left: auto;
311
286
  right: 0;
312
287
  }
@@ -316,7 +291,7 @@
316
291
  right: 0;
317
292
  }
318
293
 
319
- .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer:not(:-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))) {
294
+ .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer: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))) {
320
295
  left: auto;
321
296
  right: 0;
322
297
  }
@@ -347,8 +322,7 @@
347
322
  }
348
323
 
349
324
  .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer {
350
- padding-block-start: 0;
351
- padding-block-end: 0;
325
+ padding-block: 0;
352
326
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) 0;
353
327
  margin-inline-end: 0;
354
328
  }
@@ -358,21 +332,19 @@
358
332
  }
359
333
 
360
334
  .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track {
361
- padding-block-start: 0;
362
- padding-block-end: 0;
335
+ padding-block: 0;
363
336
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2));
364
337
  left: auto;
365
338
  right: auto;
366
339
  }
367
340
 
368
341
  .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:first-of-type {
369
- padding-block-start: 0;
370
- padding-block-end: 0;
342
+ padding-block: 0;
371
343
  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
372
344
  margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
373
345
  }
374
346
 
375
- .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:first-of-type:not(:-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))) {
347
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:first-of-type: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))) {
376
348
  left: 0;
377
349
  right: auto;
378
350
  }
@@ -393,13 +365,12 @@
393
365
  }
394
366
 
395
367
  .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:last-of-type {
396
- padding-block-start: 0;
397
- padding-block-end: 0;
368
+ padding-block: 0;
398
369
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
399
370
  margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
400
371
  }
401
372
 
402
- .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:last-of-type:not(:-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))) {
373
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:last-of-type: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))) {
403
374
  left: auto;
404
375
  right: 0;
405
376
  }
@@ -425,12 +396,12 @@
425
396
 
426
397
  .BTW8mG_spectrum-Slider-ramp {
427
398
  block-size: var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200));
399
+ top: calc(var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200)) / 2);
428
400
  margin-block-start: 0;
429
401
  position: absolute;
430
- top: calc(var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200)) / 2);
431
402
  }
432
403
 
433
- .BTW8mG_spectrum-Slider-ramp:not(:-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))) {
404
+ .BTW8mG_spectrum-Slider-ramp: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))) {
434
405
  left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
435
406
  right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
436
407
  }
@@ -464,34 +435,18 @@
464
435
  border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
465
436
  border-radius: var(--spectrum-slider-handle-border-radius, var(--spectrum-alias-border-radius-medium));
466
437
  transition: border-width var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
438
+ top: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
467
439
  border-style: solid;
468
440
  outline: none;
469
441
  display: inline-block;
470
442
  position: absolute;
471
- top: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
472
443
  }
473
444
 
474
- .BTW8mG_spectrum-Slider-handle:active {
445
+ .BTW8mG_spectrum-Slider-handle:active, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
475
446
  border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
476
447
  }
477
448
 
478
- .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
479
- border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
480
- }
481
-
482
- .BTW8mG_spectrum-Slider-handle:active {
483
- z-index: 3;
484
- }
485
-
486
- .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused {
487
- z-index: 3;
488
- }
489
-
490
- .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
491
- z-index: 3;
492
- }
493
-
494
- .BTW8mG_spectrum-Slider-handle.BTW8mG_is-tophandle {
449
+ .BTW8mG_spectrum-Slider-handle:active, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-tophandle {
495
450
  z-index: 3;
496
451
  }
497
452
 
@@ -520,15 +475,15 @@
520
475
  cursor: default;
521
476
  -webkit-appearance: none;
522
477
  pointer-events: none;
478
+ top: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
523
479
  border: 0;
524
480
  margin: 0;
525
481
  padding: 0;
526
482
  position: absolute;
527
- top: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
528
483
  overflow: hidden;
529
484
  }
530
485
 
531
- .BTW8mG_spectrum-Slider-input:not(:-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))) {
486
+ .BTW8mG_spectrum-Slider-input: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))) {
532
487
  left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
533
488
  }
534
489
 
@@ -611,7 +566,7 @@
611
566
  top: 0;
612
567
  }
613
568
 
614
- .BTW8mG_spectrum-Slider-tick:not(:-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))):after {
569
+ .BTW8mG_spectrum-Slider-tick: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))):after {
615
570
  left: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
616
571
  }
617
572
 
@@ -637,23 +592,14 @@
637
592
  display: flex;
638
593
  }
639
594
 
640
- .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel {
595
+ .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel, .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel {
641
596
  margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
642
- margin-inline-start: 0;
643
- margin-inline-end: 0;
597
+ margin-inline: 0;
644
598
  display: block;
645
599
  position: absolute;
646
600
  }
647
601
 
648
- .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel {
649
- margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
650
- margin-inline-start: 0;
651
- margin-inline-end: 0;
652
- display: block;
653
- position: absolute;
654
- }
655
-
656
- .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel:not(:-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))) {
602
+ .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel: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))) {
657
603
  left: 0;
658
604
  }
659
605
 
@@ -669,7 +615,7 @@
669
615
  right: 0;
670
616
  }
671
617
 
672
- .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel:not(:-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))) {
618
+ .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel: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))) {
673
619
  right: 0;
674
620
  }
675
621
 
@@ -689,21 +635,7 @@
689
635
  padding-block-end: var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
690
636
  }
691
637
 
692
- .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls {
693
- block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
694
- min-block-size: auto;
695
- inline-size: 100%;
696
- margin-inline-start: 0;
697
- }
698
-
699
- .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before {
700
- block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
701
- min-block-size: auto;
702
- inline-size: 100%;
703
- margin-inline-start: 0;
704
- }
705
-
706
- .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track {
638
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls, .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before, .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track {
707
639
  block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
708
640
  min-block-size: auto;
709
641
  inline-size: 100%;
@@ -712,14 +644,11 @@
712
644
 
713
645
  .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before {
714
646
  content: "";
715
- display: block;
716
- }
717
-
718
- .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before {
719
647
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
720
648
  margin-block-start: 0;
721
649
  margin-inline-end: 0;
722
650
  padding: 0;
651
+ display: block;
723
652
  top: 0;
724
653
  }
725
654
 
@@ -764,16 +693,7 @@
764
693
  position: relative;
765
694
  }
766
695
 
767
- .BTW8mG_spectrum-Dial-controls:before {
768
- content: "";
769
- inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
770
- block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
771
- border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
772
- position: absolute;
773
- bottom: 0;
774
- }
775
-
776
- .BTW8mG_spectrum-Dial-controls:after {
696
+ .BTW8mG_spectrum-Dial-controls:before, .BTW8mG_spectrum-Dial-controls:after {
777
697
  content: "";
778
698
  inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
779
699
  block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
@@ -786,7 +706,7 @@
786
706
  transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
787
707
  }
788
708
 
789
- .BTW8mG_spectrum-Dial-controls:not(:-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 {
709
+ .BTW8mG_spectrum-Dial-controls: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 {
790
710
  left: auto;
791
711
  right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
792
712
  }
@@ -810,7 +730,7 @@
810
730
  transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
811
731
  }
812
732
 
813
- .BTW8mG_spectrum-Dial-controls:not(:-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))):after {
733
+ .BTW8mG_spectrum-Dial-controls: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))):after {
814
734
  left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
815
735
  }
816
736
 
@@ -834,14 +754,14 @@
834
754
  cursor: pointer;
835
755
  cursor: grab;
836
756
  transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
757
+ top: var(--spectrum-global-dimension-size-100);
758
+ bottom: var(--spectrum-global-dimension-size-100);
837
759
  block-size: 100%;
838
760
  inline-size: 100%;
839
761
  position: absolute;
840
- top: var(--spectrum-global-dimension-size-100);
841
- bottom: var(--spectrum-global-dimension-size-100);
842
762
  }
843
763
 
844
- .BTW8mG_spectrum-Dial-handle:not(:-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))) {
764
+ .BTW8mG_spectrum-Dial-handle: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))) {
845
765
  left: var(--spectrum-global-dimension-size-100);
846
766
  right: var(--spectrum-global-dimension-size-100);
847
767
  }
@@ -872,7 +792,7 @@
872
792
  transform: translateY(-50%);
873
793
  }
874
794
 
875
- .BTW8mG_spectrum-Dial-handle:not(:-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))):after {
795
+ .BTW8mG_spectrum-Dial-handle: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))):after {
876
796
  left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
877
797
  }
878
798
 
@@ -888,19 +808,7 @@
888
808
  right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
889
809
  }
890
810
 
891
- .BTW8mG_spectrum-Dial-handle:active {
892
- border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
893
- cursor: ns-resize;
894
- cursor: grabbing;
895
- }
896
-
897
- .BTW8mG_spectrum-Dial-handle.BTW8mG_is-focused {
898
- border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
899
- cursor: ns-resize;
900
- cursor: grabbing;
901
- }
902
-
903
- .BTW8mG_spectrum-Dial-handle.BTW8mG_is-dragged {
811
+ .BTW8mG_spectrum-Dial-handle:active, .BTW8mG_spectrum-Dial-handle.BTW8mG_is-focused, .BTW8mG_spectrum-Dial-handle.BTW8mG_is-dragged {
904
812
  border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
905
813
  cursor: ns-resize;
906
814
  cursor: grabbing;
@@ -912,7 +820,7 @@
912
820
  top: 0;
913
821
  }
914
822
 
915
- .BTW8mG_spectrum-Dial-input:not(:-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))) {
823
+ .BTW8mG_spectrum-Dial-input: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))) {
916
824
  left: 0;
917
825
  }
918
826
 
@@ -942,11 +850,7 @@
942
850
  pointer-events: none;
943
851
  }
944
852
 
945
- :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered {
946
- border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
947
- }
948
-
949
- :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle:active {
853
+ :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered, :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle:active {
950
854
  border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
951
855
  }
952
856
 
@@ -958,23 +862,11 @@
958
862
  user-select: none;
959
863
  }
960
864
 
961
- .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Dial .BTW8mG_spectrum-Dial-label {
962
- cursor: inherit;
963
- }
964
-
965
- .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Dial .BTW8mG_spectrum-Dial-value {
966
- cursor: inherit;
967
- }
968
-
969
- .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Slider .BTW8mG_spectrum-Slider-label {
865
+ .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Dial .BTW8mG_spectrum-Dial-label, .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Dial .BTW8mG_spectrum-Dial-value, .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Slider .BTW8mG_spectrum-Slider-label, .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Slider .BTW8mG_spectrum-Slider-value {
970
866
  cursor: inherit;
971
867
  }
972
868
 
973
- .BTW8mG_u-isGrabbing .BTW8mG_spectrum-Slider .BTW8mG_spectrum-Slider-value {
974
- cursor: inherit;
975
- }
976
-
977
- .BTW8mG_spectrum-Slider-controls:before {
869
+ .BTW8mG_spectrum-Slider-controls:before, .BTW8mG_spectrum-Slider-controls:after {
978
870
  content: "";
979
871
  inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
980
872
  block-size: 100%;
@@ -982,15 +874,7 @@
982
874
  position: absolute;
983
875
  }
984
876
 
985
- .BTW8mG_spectrum-Slider-controls:after {
986
- content: "";
987
- inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
988
- block-size: 100%;
989
- display: block;
990
- position: absolute;
991
- }
992
-
993
- .BTW8mG_spectrum-Slider-controls:not(:-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 {
877
+ .BTW8mG_spectrum-Slider-controls: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 {
994
878
  left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
995
879
  }
996
880
 
@@ -1006,7 +890,7 @@
1006
890
  right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
1007
891
  }
1008
892
 
1009
- .BTW8mG_spectrum-Slider-controls:not(:-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))):after {
893
+ .BTW8mG_spectrum-Slider-controls: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))):after {
1010
894
  right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
1011
895
  }
1012
896
 
@@ -1036,19 +920,11 @@
1036
920
  color: var(--spectrum-label-text-color, var(--spectrum-alias-label-text-color));
1037
921
  }
1038
922
 
1039
- .BTW8mG_spectrum-Slider--filled .BTW8mG_spectrum-Slider-track:first-child:before {
923
+ .BTW8mG_spectrum-Slider--filled .BTW8mG_spectrum-Slider-track:first-child:before, .BTW8mG_spectrum-Slider-fill:before {
1040
924
  background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
1041
925
  }
1042
926
 
1043
- .BTW8mG_spectrum-Slider-fill:before {
1044
- background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
1045
- }
1046
-
1047
- .BTW8mG_spectrum-Slider-buffer:before {
1048
- background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
1049
- }
1050
-
1051
- .BTW8mG_spectrum-Slider-buffer:after {
927
+ .BTW8mG_spectrum-Slider-buffer:before, .BTW8mG_spectrum-Slider-buffer:after {
1052
928
  background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
1053
929
  }
1054
930
 
@@ -1073,11 +949,7 @@
1073
949
  box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
1074
950
  }
1075
951
 
1076
- .BTW8mG_spectrum-Slider-handle:active {
1077
- border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
1078
- }
1079
-
1080
- .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
952
+ .BTW8mG_spectrum-Slider-handle:active, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
1081
953
  border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
1082
954
  }
1083
955
 
@@ -1130,9 +1002,6 @@
1130
1002
  box-shadow: 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color-key-focus, var(--spectrum-alias-border-color-translucent-dark));
1131
1003
  }
1132
1004
 
1133
- .BTW8mG_spectrum-Dial-labelContainer {
1134
- }
1135
-
1136
1005
  .BTW8mG_spectrum-Dial-handle {
1137
1006
  box-shadow: none;
1138
1007
  }
@@ -1176,11 +1045,7 @@
1176
1045
  background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
1177
1046
  }
1178
1047
 
1179
- .BTW8mG_spectrum-Dial-controls:before {
1180
- background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
1181
- }
1182
-
1183
- .BTW8mG_spectrum-Dial-controls:after {
1048
+ .BTW8mG_spectrum-Dial-controls:before, .BTW8mG_spectrum-Dial-controls:after {
1184
1049
  background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
1185
1050
  }
1186
1051
 
@@ -1188,11 +1053,7 @@
1188
1053
  color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1189
1054
  }
1190
1055
 
1191
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:after {
1192
- background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1193
- }
1194
-
1195
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:before {
1056
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:after, .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:before {
1196
1057
  background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1197
1058
  }
1198
1059
 
@@ -1201,21 +1062,12 @@
1201
1062
  background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
1202
1063
  }
1203
1064
 
1204
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle.BTW8mG_is-hovered {
1065
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle.BTW8mG_is-hovered, .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:active {
1205
1066
  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1206
1067
  background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1207
1068
  }
1208
1069
 
1209
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:active {
1210
- border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1211
- background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1212
- }
1213
-
1214
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:after {
1215
- background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
1216
- }
1217
-
1218
- .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:before {
1070
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:after, .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:before {
1219
1071
  background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
1220
1072
  }
1221
1073
 
@@ -1228,12 +1080,7 @@
1228
1080
  background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
1229
1081
  }
1230
1082
 
1231
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered {
1232
- border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1233
- background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1234
- }
1235
-
1236
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle:active {
1083
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered, .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle:active {
1237
1084
  border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1238
1085
  background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1239
1086
  }
@@ -1242,11 +1089,7 @@
1242
1089
  background: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
1243
1090
  }
1244
1091
 
1245
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--filled .BTW8mG_spectrum-Slider-track:first-child:before {
1246
- background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
1247
- }
1248
-
1249
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-fill:before {
1092
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--filled .BTW8mG_spectrum-Slider-track:first-child:before, .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-fill:before {
1250
1093
  background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
1251
1094
  }
1252
1095
 
@@ -1263,19 +1106,7 @@
1263
1106
  background: var(--spectrum-slider-color-track-color-disabled, var(--spectrum-global-color-gray-200)) !important;
1264
1107
  }
1265
1108
 
1266
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle {
1267
- background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
1268
- box-shadow: none;
1269
- border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1270
- }
1271
-
1272
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered {
1273
- background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
1274
- box-shadow: none;
1275
- border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1276
- }
1277
-
1278
- .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle:active {
1109
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle, .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered, .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle:active {
1279
1110
  background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
1280
1111
  box-shadow: none;
1281
1112
  border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
@@ -1345,5 +1176,4 @@
1345
1176
  --spectrum-slider-track-color-disabled: GrayText;
1346
1177
  }
1347
1178
  }
1348
-
1349
1179
  /*# sourceMappingURL=main.css.map */