@react-spectrum/slider 3.6.8-nightly.4491 → 3.6.8-nightly.4502

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.
@@ -0,0 +1,1179 @@
1
+ .BTW8mG_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .BTW8mG_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .BTW8mG_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .BTW8mG_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .BTW8mG_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .BTW8mG_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .BTW8mG_i18nFontFamily:lang(zh-SG), .BTW8mG_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .BTW8mG_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .BTW8mG_i18nFontFamily:lang(ja) {
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
+ }
37
+
38
+ .BTW8mG_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .BTW8mG_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .BTW8mG_spectrum-FocusRing.BTW8mG_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .BTW8mG_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .BTW8mG_spectrum-FocusRing--quiet.BTW8mG_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .BTW8mG_spectrum-Slider {
72
+ z-index: 1;
73
+ -webkit-user-select: none;
74
+ user-select: none;
75
+ touch-action: none;
76
+ width: var(--spectrum-global-dimension-size-2400);
77
+ min-inline-size: var(--spectrum-slider-min-width, var(--spectrum-global-dimension-size-1250));
78
+ flex-shrink: 0;
79
+ display: block;
80
+ position: relative;
81
+ }
82
+
83
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionTop {
84
+ width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
85
+ flex-direction: column;
86
+ display: inline-flex;
87
+ }
88
+
89
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionTop .BTW8mG_spectrum-Slider-controls {
90
+ width: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) * 2);
91
+ }
92
+
93
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionSide {
94
+ align-items: center;
95
+ width: auto;
96
+ display: inline-flex;
97
+ }
98
+
99
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionSide .BTW8mG_spectrum-Slider-controls {
100
+ width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
101
+ flex: 1;
102
+ }
103
+
104
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionSide .BTW8mG_spectrum-Slider-labelContainer {
105
+ margin-inline-end: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
106
+ }
107
+
108
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionSide .BTW8mG_spectrum-Slider-valueLabelContainer {
109
+ margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
110
+ }
111
+
112
+ .BTW8mG_spectrum-Slider.BTW8mG_spectrum-Slider--positionSide .BTW8mG_spectrum-Slider-value {
113
+ text-align: start;
114
+ }
115
+
116
+ .BTW8mG_spectrum-Slider-controls {
117
+ box-sizing: border-box;
118
+ z-index: auto;
119
+ min-block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
120
+ inline-size: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)));
121
+ min-block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
122
+ vertical-align: top;
123
+ margin-inline-start: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
124
+ display: inline-block;
125
+ position: relative;
126
+ }
127
+
128
+ .BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-ramp, .BTW8mG_spectrum-Slider-fill {
129
+ block-size: var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick));
130
+ box-sizing: border-box;
131
+ z-index: 1;
132
+ pointer-events: none;
133
+ top: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
134
+ margin-block-start: calc(var(--spectrum-slider-fill-track-height, var(--spectrum-alias-border-size-thick)) / -2);
135
+ position: absolute;
136
+ }
137
+
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))) {
139
+ left: 0;
140
+ right: auto;
141
+ }
142
+
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))) {
144
+ left: 0;
145
+ right: auto;
146
+ }
147
+
148
+ .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))) {
149
+ left: 0;
150
+ right: auto;
151
+ }
152
+
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))) {
154
+ left: 0;
155
+ right: auto;
156
+ }
157
+
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))) {
159
+ left: 0;
160
+ right: auto;
161
+ }
162
+
163
+ .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))) {
164
+ left: 0;
165
+ right: auto;
166
+ }
167
+
168
+ .BTW8mG_spectrum-Slider-track:-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: auto;
170
+ right: 0;
171
+ }
172
+
173
+ .BTW8mG_spectrum-Slider-track: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
+ left: auto;
175
+ right: 0;
176
+ }
177
+
178
+ .BTW8mG_spectrum-Slider-buffer:-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)) {
179
+ left: auto;
180
+ right: 0;
181
+ }
182
+
183
+ .BTW8mG_spectrum-Slider-buffer: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)) {
184
+ left: auto;
185
+ right: 0;
186
+ }
187
+
188
+ .BTW8mG_spectrum-Slider-ramp:-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)) {
189
+ left: auto;
190
+ right: 0;
191
+ }
192
+
193
+ .BTW8mG_spectrum-Slider-ramp: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)) {
194
+ left: auto;
195
+ right: 0;
196
+ }
197
+
198
+ .BTW8mG_spectrum-Slider-fill:-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)) {
199
+ left: auto;
200
+ right: 0;
201
+ }
202
+
203
+ .BTW8mG_spectrum-Slider-fill: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)) {
204
+ left: auto;
205
+ right: 0;
206
+ }
207
+
208
+ .BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill {
209
+ padding-block: 0;
210
+ padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
211
+ margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
212
+ }
213
+
214
+ :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):before {
215
+ content: "";
216
+ block-size: 100%;
217
+ display: block;
218
+ }
219
+
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 {
221
+ border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
222
+ border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
223
+ }
224
+
225
+ :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 {
226
+ border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
227
+ border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
228
+ }
229
+
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 {
231
+ border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
232
+ border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
233
+ }
234
+
235
+ :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):first-of-type: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 {
236
+ border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
237
+ border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
238
+ }
239
+
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 {
241
+ border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
242
+ border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
243
+ }
244
+
245
+ :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 {
246
+ border-top-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
247
+ border-bottom-right-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
248
+ }
249
+
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 {
251
+ border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
252
+ border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
253
+ }
254
+
255
+ :is(.BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer, .BTW8mG_spectrum-Slider-fill):last-of-type: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 {
256
+ border-top-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
257
+ border-bottom-left-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
258
+ }
259
+
260
+ .BTW8mG_spectrum-Slider-fill {
261
+ padding-block: 0;
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;
263
+ z-index: 2;
264
+ margin-inline-start: 0;
265
+ }
266
+
267
+ .BTW8mG_spectrum-Slider-fill--right {
268
+ padding-block: 0;
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))));
270
+ }
271
+
272
+ .BTW8mG_spectrum-Slider-buffer {
273
+ padding-block: 0;
274
+ padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
275
+ }
276
+
277
+ .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track, .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer {
278
+ padding-block: 0;
279
+ padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
280
+ margin-inline-start: 0;
281
+ margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
282
+ }
283
+
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))) {
285
+ left: auto;
286
+ right: 0;
287
+ }
288
+
289
+ .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))) {
290
+ left: auto;
291
+ right: 0;
292
+ }
293
+
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))) {
295
+ left: auto;
296
+ right: 0;
297
+ }
298
+
299
+ .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))) {
300
+ left: auto;
301
+ right: 0;
302
+ }
303
+
304
+ .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track:-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)) {
305
+ left: 0;
306
+ right: auto;
307
+ }
308
+
309
+ .BTW8mG_spectrum-Slider-track ~ .BTW8mG_spectrum-Slider-track: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
+ left: 0;
311
+ right: auto;
312
+ }
313
+
314
+ .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer:-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)) {
315
+ left: 0;
316
+ right: auto;
317
+ }
318
+
319
+ .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer: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
+ left: 0;
321
+ right: auto;
322
+ }
323
+
324
+ .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer {
325
+ padding-block: 0;
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;
327
+ margin-inline-end: 0;
328
+ }
329
+
330
+ .BTW8mG_spectrum-Slider-buffer ~ .BTW8mG_spectrum-Slider-buffer:after {
331
+ display: none;
332
+ }
333
+
334
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track {
335
+ padding-block: 0;
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));
337
+ left: auto;
338
+ right: auto;
339
+ }
340
+
341
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:first-of-type {
342
+ padding-block: 0;
343
+ padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
344
+ margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
345
+ }
346
+
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))) {
348
+ left: 0;
349
+ right: auto;
350
+ }
351
+
352
+ .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))) {
353
+ left: 0;
354
+ right: auto;
355
+ }
356
+
357
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track: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)) {
358
+ left: auto;
359
+ right: 0;
360
+ }
361
+
362
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:first-of-type: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)) {
363
+ left: auto;
364
+ right: 0;
365
+ }
366
+
367
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:last-of-type {
368
+ padding-block: 0;
369
+ padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
370
+ margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
371
+ }
372
+
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))) {
374
+ left: auto;
375
+ right: 0;
376
+ }
377
+
378
+ .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))) {
379
+ left: auto;
380
+ right: 0;
381
+ }
382
+
383
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track: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)) {
384
+ left: 0;
385
+ right: auto;
386
+ }
387
+
388
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:last-of-type: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)) {
389
+ left: 0;
390
+ right: auto;
391
+ }
392
+
393
+ .BTW8mG_spectrum-Slider-buffer {
394
+ z-index: 2;
395
+ }
396
+
397
+ .BTW8mG_spectrum-Slider-ramp {
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);
400
+ margin-block-start: 0;
401
+ position: absolute;
402
+ }
403
+
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))) {
405
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
406
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
407
+ }
408
+
409
+ .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))) {
410
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
411
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
412
+ }
413
+
414
+ .BTW8mG_spectrum-Slider-ramp:-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)) {
415
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
416
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
417
+ }
418
+
419
+ .BTW8mG_spectrum-Slider-ramp: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)) {
420
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
421
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
422
+ }
423
+
424
+ .BTW8mG_spectrum-Slider-ramp svg {
425
+ transform: logical rotate(0deg);
426
+ block-size: 100%;
427
+ inline-size: 100%;
428
+ }
429
+
430
+ .BTW8mG_spectrum-Slider-handle {
431
+ z-index: 2;
432
+ box-sizing: border-box;
433
+ inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
434
+ block-size: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
435
+ border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
436
+ border-radius: var(--spectrum-slider-handle-border-radius, var(--spectrum-alias-border-radius-medium));
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);
439
+ border-style: solid;
440
+ outline: none;
441
+ display: inline-block;
442
+ position: absolute;
443
+ }
444
+
445
+ .BTW8mG_spectrum-Slider-handle:active, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
446
+ border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
447
+ }
448
+
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 {
450
+ z-index: 3;
451
+ }
452
+
453
+ .BTW8mG_spectrum-Slider-handle:before {
454
+ content: " ";
455
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, width var(--spectrum-global-animation-duration-100, .13s) ease-out, height var(--spectrum-global-animation-duration-100, .13s) ease-out;
456
+ width: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
457
+ height: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
458
+ border-radius: 100%;
459
+ display: block;
460
+ position: absolute;
461
+ top: 50%;
462
+ left: 50%;
463
+ transform: translate(-50%, -50%);
464
+ }
465
+
466
+ .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused:before {
467
+ width: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
468
+ height: calc(var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
469
+ }
470
+
471
+ .BTW8mG_spectrum-Slider-input {
472
+ inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
473
+ block-size: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
474
+ opacity: .000001;
475
+ cursor: default;
476
+ -webkit-appearance: none;
477
+ pointer-events: none;
478
+ top: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
479
+ border: 0;
480
+ margin: 0;
481
+ padding: 0;
482
+ position: absolute;
483
+ overflow: hidden;
484
+ }
485
+
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))) {
487
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
488
+ }
489
+
490
+ .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))) {
491
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
492
+ }
493
+
494
+ .BTW8mG_spectrum-Slider-input:-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)) {
495
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
496
+ }
497
+
498
+ .BTW8mG_spectrum-Slider-input: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)) {
499
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
500
+ }
501
+
502
+ .BTW8mG_spectrum-Slider-input:focus {
503
+ outline: none;
504
+ }
505
+
506
+ .BTW8mG_spectrum-Slider-labelContainer, .BTW8mG_spectrum-Slider-valueLabelContainer {
507
+ font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
508
+ line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
509
+ inline-size: auto;
510
+ display: flex;
511
+ position: relative;
512
+ }
513
+
514
+ .BTW8mG_spectrum-Slider-labelContainer {
515
+ grid-template-columns: auto 1fr auto;
516
+ grid-template-areas: "BTW8mG_label BTW8mG_contextualHelp BTW8mG_value";
517
+ justify-items: start;
518
+ display: grid;
519
+ }
520
+
521
+ .BTW8mG_spectrum-Slider-label, .BTW8mG_spectrum-Dial-label {
522
+ flex-grow: 1;
523
+ padding-inline-start: 0;
524
+ }
525
+
526
+ .BTW8mG_spectrum-Slider-value, .BTW8mG_spectrum-Dial-value {
527
+ cursor: default;
528
+ font-feature-settings: "tnum";
529
+ text-align: end;
530
+ flex-grow: 0;
531
+ padding-inline-end: 0;
532
+ }
533
+
534
+ .BTW8mG_spectrum-Slider-value {
535
+ white-space: nowrap;
536
+ grid-area: BTW8mG_value;
537
+ margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
538
+ }
539
+
540
+ .BTW8mG_spectrum-Slider-contextualHelp.BTW8mG_spectrum-Slider-contextualHelp {
541
+ margin-inline-start: var(--spectrum-global-dimension-size-50);
542
+ margin-top: calc(-1 * var(--spectrum-global-dimension-size-25));
543
+ grid-area: BTW8mG_contextualHelp;
544
+ }
545
+
546
+ .BTW8mG_spectrum-Slider-ticks {
547
+ z-index: 0;
548
+ margin: 0 calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
549
+ justify-content: space-between;
550
+ margin-block-start: calc(var(--spectrum-slider-tick-mark-height, 10px) + calc(var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick)) / 2));
551
+ display: flex;
552
+ }
553
+
554
+ .BTW8mG_spectrum-Slider-tick {
555
+ inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
556
+ position: relative;
557
+ }
558
+
559
+ .BTW8mG_spectrum-Slider-tick:after {
560
+ content: "";
561
+ inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
562
+ block-size: var(--spectrum-slider-tick-mark-height, 10px);
563
+ border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
564
+ display: block;
565
+ position: absolute;
566
+ top: 0;
567
+ }
568
+
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 {
570
+ left: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
571
+ }
572
+
573
+ .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 {
574
+ left: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
575
+ }
576
+
577
+ .BTW8mG_spectrum-Slider-tick:-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 {
578
+ right: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
579
+ }
580
+
581
+ .BTW8mG_spectrum-Slider-tick: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 {
582
+ right: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
583
+ }
584
+
585
+ .BTW8mG_spectrum-Slider-tick .BTW8mG_spectrum-Slider-tickLabel {
586
+ margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
587
+ margin-inline: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1) calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1);
588
+ font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
589
+ line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
590
+ justify-content: center;
591
+ align-items: center;
592
+ display: flex;
593
+ }
594
+
595
+ .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel, .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel {
596
+ margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
597
+ margin-inline: 0;
598
+ display: block;
599
+ position: absolute;
600
+ }
601
+
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))) {
603
+ left: 0;
604
+ }
605
+
606
+ .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))) {
607
+ left: 0;
608
+ }
609
+
610
+ .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel:-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)) {
611
+ right: 0;
612
+ }
613
+
614
+ .BTW8mG_spectrum-Slider-tick:first-of-type .BTW8mG_spectrum-Slider-tickLabel: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)) {
615
+ right: 0;
616
+ }
617
+
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))) {
619
+ right: 0;
620
+ }
621
+
622
+ .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))) {
623
+ right: 0;
624
+ }
625
+
626
+ .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel:-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)) {
627
+ left: 0;
628
+ }
629
+
630
+ .BTW8mG_spectrum-Slider-tick:last-of-type .BTW8mG_spectrum-Slider-tickLabel: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)) {
631
+ left: 0;
632
+ }
633
+
634
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-labelContainer {
635
+ padding-block-end: var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
636
+ }
637
+
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 {
639
+ block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
640
+ min-block-size: auto;
641
+ inline-size: 100%;
642
+ margin-inline-start: 0;
643
+ }
644
+
645
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before {
646
+ content: "";
647
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
648
+ margin-block-start: 0;
649
+ margin-inline-end: 0;
650
+ padding: 0;
651
+ display: block;
652
+ top: 0;
653
+ }
654
+
655
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track {
656
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
657
+ margin-block-start: 0;
658
+ margin-inline-end: 0;
659
+ padding: 0;
660
+ top: 0;
661
+ }
662
+
663
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle {
664
+ top: 50%;
665
+ }
666
+
667
+ .BTW8mG_spectrum-Dial {
668
+ inline-size: var(--spectrum-dial-container-width, var(--spectrum-global-dimension-static-size-600));
669
+ flex-direction: column;
670
+ block-size: auto;
671
+ min-block-size: 0;
672
+ min-inline-size: 0;
673
+ display: inline-flex;
674
+ }
675
+
676
+ .BTW8mG_spectrum-Dial-labelContainer {
677
+ margin-block-end: var(--spectrum-global-dimension-size-65);
678
+ }
679
+
680
+ .BTW8mG_spectrum-Dial-label:only-child {
681
+ text-align: center;
682
+ }
683
+
684
+ .BTW8mG_spectrum-Dial-controls {
685
+ inline-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
686
+ block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
687
+ border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
688
+ box-sizing: border-box;
689
+ outline: none;
690
+ min-block-size: 0;
691
+ margin: 0;
692
+ display: inline-block;
693
+ position: relative;
694
+ }
695
+
696
+ .BTW8mG_spectrum-Dial-controls:before, .BTW8mG_spectrum-Dial-controls:after {
697
+ content: "";
698
+ inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
699
+ block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
700
+ border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
701
+ position: absolute;
702
+ bottom: 0;
703
+ }
704
+
705
+ .BTW8mG_spectrum-Dial-controls:before {
706
+ transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
707
+ }
708
+
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 {
710
+ left: auto;
711
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
712
+ }
713
+
714
+ .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 {
715
+ left: auto;
716
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
717
+ }
718
+
719
+ .BTW8mG_spectrum-Dial-controls:-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 {
720
+ right: auto;
721
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
722
+ }
723
+
724
+ .BTW8mG_spectrum-Dial-controls: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 {
725
+ right: auto;
726
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
727
+ }
728
+
729
+ .BTW8mG_spectrum-Dial-controls:after {
730
+ transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
731
+ }
732
+
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 {
734
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
735
+ }
736
+
737
+ .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 {
738
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
739
+ }
740
+
741
+ .BTW8mG_spectrum-Dial-controls:-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 {
742
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
743
+ }
744
+
745
+ .BTW8mG_spectrum-Dial-controls: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 {
746
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
747
+ }
748
+
749
+ .BTW8mG_spectrum-Dial-handle {
750
+ border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
751
+ box-shadow: none;
752
+ border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
753
+ transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
754
+ cursor: pointer;
755
+ cursor: grab;
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);
759
+ block-size: 100%;
760
+ inline-size: 100%;
761
+ position: absolute;
762
+ }
763
+
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))) {
765
+ left: var(--spectrum-global-dimension-size-100);
766
+ right: var(--spectrum-global-dimension-size-100);
767
+ }
768
+
769
+ .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))) {
770
+ left: var(--spectrum-global-dimension-size-100);
771
+ right: var(--spectrum-global-dimension-size-100);
772
+ }
773
+
774
+ .BTW8mG_spectrum-Dial-handle:-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)) {
775
+ right: var(--spectrum-global-dimension-size-100);
776
+ left: var(--spectrum-global-dimension-size-100);
777
+ }
778
+
779
+ .BTW8mG_spectrum-Dial-handle: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)) {
780
+ right: var(--spectrum-global-dimension-size-100);
781
+ left: var(--spectrum-global-dimension-size-100);
782
+ }
783
+
784
+ .BTW8mG_spectrum-Dial-handle:after {
785
+ content: "";
786
+ inline-size: var(--spectrum-dial-handle-marker-width, 12px);
787
+ block-size: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
788
+ border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
789
+ transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
790
+ position: absolute;
791
+ top: 50%;
792
+ transform: translateY(-50%);
793
+ }
794
+
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 {
796
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
797
+ }
798
+
799
+ .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 {
800
+ left: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
801
+ }
802
+
803
+ .BTW8mG_spectrum-Dial-handle:-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 {
804
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
805
+ }
806
+
807
+ .BTW8mG_spectrum-Dial-handle: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 {
808
+ right: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
809
+ }
810
+
811
+ .BTW8mG_spectrum-Dial-handle:active, .BTW8mG_spectrum-Dial-handle.BTW8mG_is-focused, .BTW8mG_spectrum-Dial-handle.BTW8mG_is-dragged {
812
+ border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
813
+ cursor: ns-resize;
814
+ cursor: grabbing;
815
+ }
816
+
817
+ .BTW8mG_spectrum-Dial-input {
818
+ block-size: 100%;
819
+ inline-size: 100%;
820
+ top: 0;
821
+ }
822
+
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))) {
824
+ left: 0;
825
+ }
826
+
827
+ .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))) {
828
+ left: 0;
829
+ }
830
+
831
+ .BTW8mG_spectrum-Dial-input:-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)) {
832
+ right: 0;
833
+ }
834
+
835
+ .BTW8mG_spectrum-Dial-input: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)) {
836
+ right: 0;
837
+ }
838
+
839
+ .BTW8mG_spectrum-Dial--small .BTW8mG_spectrum-Dial-controls {
840
+ inline-size: var(--spectrum-dial-small-width, var(--spectrum-global-dimension-static-size-300));
841
+ block-size: var(--spectrum-dial-small-height, var(--spectrum-global-dimension-static-size-300));
842
+ }
843
+
844
+ :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled {
845
+ cursor: default;
846
+ }
847
+
848
+ :is(.BTW8mG_spectrum-Slider, .BTW8mG_spectrum-Dial).BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle {
849
+ cursor: default;
850
+ pointer-events: none;
851
+ }
852
+
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 {
854
+ border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
855
+ }
856
+
857
+ .BTW8mG_u-isGrabbing {
858
+ cursor: ns-resize;
859
+ cursor: -webkit-grabbing;
860
+ cursor: grabbing;
861
+ -webkit-user-select: none;
862
+ user-select: none;
863
+ }
864
+
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 {
866
+ cursor: inherit;
867
+ }
868
+
869
+ .BTW8mG_spectrum-Slider-controls:before, .BTW8mG_spectrum-Slider-controls:after {
870
+ content: "";
871
+ inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
872
+ block-size: 100%;
873
+ display: block;
874
+ position: absolute;
875
+ }
876
+
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 {
878
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
879
+ }
880
+
881
+ .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 {
882
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
883
+ }
884
+
885
+ .BTW8mG_spectrum-Slider-controls:-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 {
886
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
887
+ }
888
+
889
+ .BTW8mG_spectrum-Slider-controls: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 {
890
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
891
+ }
892
+
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 {
894
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
895
+ }
896
+
897
+ .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 {
898
+ right: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
899
+ }
900
+
901
+ .BTW8mG_spectrum-Slider-controls:-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 {
902
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
903
+ }
904
+
905
+ .BTW8mG_spectrum-Slider-controls: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 {
906
+ left: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
907
+ }
908
+
909
+ .BTW8mG_spectrum-Slider {
910
+ --spectrum-slider-track-gradient: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
911
+ }
912
+
913
+ .BTW8mG_spectrum-Slider-track:before {
914
+ background: var(--spectrum-slider-track-gradient);
915
+ background-size: var(--spectrum-track-background-size);
916
+ background-position: var(--spectrum-track-background-position);
917
+ }
918
+
919
+ .BTW8mG_spectrum-Slider-labelContainer {
920
+ color: var(--spectrum-label-text-color, var(--spectrum-alias-label-text-color));
921
+ }
922
+
923
+ .BTW8mG_spectrum-Slider--filled .BTW8mG_spectrum-Slider-track:first-child:before, .BTW8mG_spectrum-Slider-fill:before {
924
+ background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
925
+ }
926
+
927
+ .BTW8mG_spectrum-Slider-buffer:before, .BTW8mG_spectrum-Slider-buffer:after {
928
+ background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
929
+ }
930
+
931
+ .BTW8mG_spectrum-Slider-ramp path {
932
+ fill: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
933
+ }
934
+
935
+ .BTW8mG_spectrum-Slider-handle {
936
+ border-color: var(--spectrum-slider-handle-border-color, var(--spectrum-global-color-gray-700));
937
+ background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
938
+ }
939
+
940
+ .BTW8mG_spectrum-Slider-handle.BTW8mG_is-hovered {
941
+ border-color: var(--spectrum-slider-handle-border-color-hover, var(--spectrum-global-color-gray-800));
942
+ }
943
+
944
+ .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused {
945
+ border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
946
+ }
947
+
948
+ .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused:before {
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));
950
+ }
951
+
952
+ .BTW8mG_spectrum-Slider-handle:active, .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
953
+ border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
954
+ }
955
+
956
+ .BTW8mG_spectrum-Slider--ramp .BTW8mG_spectrum-Slider-handle {
957
+ box-shadow: 0 0 0 4px var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
958
+ }
959
+
960
+ .BTW8mG_spectrum-Slider-input {
961
+ background: none;
962
+ }
963
+
964
+ .BTW8mG_spectrum-Slider-tick:after {
965
+ background-color: var(--spectrum-slider-tick-mark-color, var(--spectrum-alias-track-color-default));
966
+ }
967
+
968
+ .BTW8mG_spectrum-Slider-handle.BTW8mG_is-dragged {
969
+ border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
970
+ background: var(--spectrum-slider-handle-background-color-down, var(--spectrum-alias-background-color-transparent));
971
+ }
972
+
973
+ .BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
974
+ background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
975
+ }
976
+
977
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-controls:before {
978
+ background-color: var(--spectrum-global-color-static-white, #fff);
979
+ background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%), linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
980
+ background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
981
+ background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100, 8px), var(--spectrum-global-dimension-static-size-100, 8px) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
982
+ z-index: 0;
983
+ }
984
+
985
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track {
986
+ background-color: #0000;
987
+ background-image: linear-gradient(to right, var(--spectrum-slider-color-track-background-color-gradient-start, var(--spectrum-global-color-blue-400)), var(--spectrum-slider-color-track-background-color-gradient-end, var(--spectrum-global-color-blue-700)));
988
+ box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-track-border-color, var(--spectrum-alias-border-color-translucent-dark));
989
+ }
990
+
991
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track:before {
992
+ display: none;
993
+ }
994
+
995
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle {
996
+ box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-handle-inset-border-color, var(--spectrum-alias-border-color-translucent-dark)), 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color, var(--spectrum-alias-border-color-translucent-dark));
997
+ border-color: var(--spectrum-slider-color-handle-border-color, var(--spectrum-global-color-gray-50));
998
+ background: var(--spectrum-slider-color-handle-color, var(--spectrum-alias-border-color-transparent));
999
+ }
1000
+
1001
+ .BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-handle.BTW8mG_is-focused {
1002
+ box-shadow: 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color-key-focus, var(--spectrum-alias-border-color-translucent-dark));
1003
+ }
1004
+
1005
+ .BTW8mG_spectrum-Dial-handle {
1006
+ box-shadow: none;
1007
+ }
1008
+
1009
+ .BTW8mG_spectrum-Dial-handle:before {
1010
+ display: none;
1011
+ }
1012
+
1013
+ .BTW8mG_spectrum-Dial-handle:after {
1014
+ background-color: var(--spectrum-dial-handle-marker-color, var(--spectrum-global-color-gray-700));
1015
+ }
1016
+
1017
+ .BTW8mG_spectrum-Dial-handle.BTW8mG_is-hovered:after {
1018
+ background-color: var(--spectrum-dial-handle-marker-color-hover, var(--spectrum-global-color-gray-800));
1019
+ }
1020
+
1021
+ .BTW8mG_spectrum-Dial-handle.BTW8mG_is-focused {
1022
+ background-color: var(--spectrum-slider-handle-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1023
+ border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
1024
+ }
1025
+
1026
+ .BTW8mG_spectrum-Dial-handle.BTW8mG_is-focused:after {
1027
+ background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
1028
+ }
1029
+
1030
+ .BTW8mG_spectrum-Dial-handle:active {
1031
+ background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
1032
+ border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
1033
+ }
1034
+
1035
+ .BTW8mG_spectrum-Dial-handle:active:after {
1036
+ background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
1037
+ }
1038
+
1039
+ .BTW8mG_spectrum-Dial-handle.BTW8mG_is-dragged {
1040
+ background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
1041
+ border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
1042
+ }
1043
+
1044
+ .BTW8mG_spectrum-Dial-handle.BTW8mG_is-dragged:after {
1045
+ background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
1046
+ }
1047
+
1048
+ .BTW8mG_spectrum-Dial-controls:before, .BTW8mG_spectrum-Dial-controls:after {
1049
+ background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
1050
+ }
1051
+
1052
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-labelContainer {
1053
+ color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1054
+ }
1055
+
1056
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:after, .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-controls:before {
1057
+ background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1058
+ }
1059
+
1060
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle {
1061
+ border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1062
+ background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
1063
+ }
1064
+
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 {
1066
+ border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1067
+ background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1068
+ }
1069
+
1070
+ .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:after, .BTW8mG_spectrum-Dial.BTW8mG_is-disabled .BTW8mG_spectrum-Dial-handle:before {
1071
+ background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
1072
+ }
1073
+
1074
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-labelContainer {
1075
+ color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1076
+ }
1077
+
1078
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-handle {
1079
+ border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1080
+ background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
1081
+ }
1082
+
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 {
1084
+ border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1085
+ background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
1086
+ }
1087
+
1088
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-track:before {
1089
+ background: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
1090
+ }
1091
+
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 {
1093
+ background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
1094
+ }
1095
+
1096
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-buffer:before {
1097
+ background: var(--spectrum-slider-player-track-buffer-color-disabled, var(--spectrum-alias-track-color-default));
1098
+ }
1099
+
1100
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled .BTW8mG_spectrum-Slider-ramp path {
1101
+ fill: var(--spectrum-slider-ramp-track-color-disabled, var(--spectrum-global-color-gray-200));
1102
+ }
1103
+
1104
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--color .BTW8mG_spectrum-Slider-track {
1105
+ box-shadow: none;
1106
+ background: var(--spectrum-slider-color-track-color-disabled, var(--spectrum-global-color-gray-200)) !important;
1107
+ }
1108
+
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 {
1110
+ background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
1111
+ box-shadow: none;
1112
+ border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
1113
+ }
1114
+
1115
+ .BTW8mG_spectrum-Slider.BTW8mG_is-disabled.BTW8mG_spectrum-Slider--range .BTW8mG_spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
1116
+ background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
1117
+ }
1118
+
1119
+ .BTW8mG_spectrum-Slider--label-side {
1120
+ align-items: center;
1121
+ gap: 7px;
1122
+ display: flex;
1123
+ }
1124
+
1125
+ .BTW8mG_spectrum-Slider--label-side > * {
1126
+ display: inline-block;
1127
+ }
1128
+
1129
+ .BTW8mG_spectrum-Slider--label-side .BTW8mG_spectrum-Slider-labelContainer {
1130
+ flex-shrink: 0;
1131
+ padding-top: 0;
1132
+ }
1133
+
1134
+ .BTW8mG_spectrum-Slider--label-side .BTW8mG_spectrum-Slider-label {
1135
+ margin-inline-end: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200));
1136
+ }
1137
+
1138
+ @media (forced-colors: active) {
1139
+ .BTW8mG_spectrum-Dial {
1140
+ --spectrum-dial-border-color-hover: Highlight;
1141
+ --spectrum-dial-handle-marker-color: ButtonText;
1142
+ --spectrum-dial-handle-marker-color-hover: Highlight;
1143
+ --spectrum-dial-handle-marker-color-key-focus: Highlight;
1144
+ --spectrum-dial-min-max-tick-color: GrayText;
1145
+ }
1146
+
1147
+ .BTW8mG_spectrum-Slider {
1148
+ forced-color-adjust: none;
1149
+ --spectrum-alias-background-color-default: ButtonFace;
1150
+ --spectrum-alias-focus-color: ButtonText;
1151
+ --spectrum-label-text-color: CanvasText;
1152
+ --spectrum-label-text-color-disabled: GrayText;
1153
+ --spectrum-slider-color-handle-border-color: ButtonText;
1154
+ --spectrum-slider-color-handle-border-color-disabled: GrayText;
1155
+ --spectrum-slider-color-handle-color: ButtonFace;
1156
+ --spectrum-slider-color-handle-color-disabled: ButtonFace;
1157
+ --spectrum-slider-color-handle-outset-border-color-key-focus: ButtonText;
1158
+ --spectrum-slider-color-track-border-color: ButtonText;
1159
+ --spectrum-slider-color-track-color-disabled: GrayText;
1160
+ --spectrum-slider-fill-track-color: Highlight;
1161
+ --spectrum-slider-fill-track-color-disabled: GrayText;
1162
+ --spectrum-slider-handle-background-color: ButtonFace;
1163
+ --spectrum-slider-handle-background-color-down: ButtonFace;
1164
+ --spectrum-slider-handle-background-color-key-focus: Highlight;
1165
+ --spectrum-slider-handle-border-color: ButtonText;
1166
+ --spectrum-slider-handle-border-color-disabled: GrayText;
1167
+ --spectrum-slider-handle-border-color-down: Highlight;
1168
+ --spectrum-slider-handle-border-color-hover: Highlight;
1169
+ --spectrum-slider-handle-border-color-key-focus: Highlight;
1170
+ --spectrum-slider-handle-focus-ring-color-key-focus: ButtonText;
1171
+ --spectrum-slider-player-track-buffer-color: ButtonText;
1172
+ --spectrum-slider-player-track-buffer-color-disabled: GrayText;
1173
+ --spectrum-slider-ramp-track-color-disabled: GrayText;
1174
+ --spectrum-slider-tick-mark-color: ButtonText;
1175
+ --spectrum-slider-track-color: ButtonText;
1176
+ --spectrum-slider-track-color-disabled: GrayText;
1177
+ }
1178
+ }
1179
+ /*# sourceMappingURL=module.css.map */