ropav 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/dist/accordion.css +10 -10
  2. package/dist/accordion.js +2 -4
  3. package/dist/alert.css +109 -0
  4. package/dist/alert.js +168 -0
  5. package/dist/aspect-ratio.css +17 -0
  6. package/dist/aspect-ratio.js +26 -0
  7. package/dist/avatar.css +97 -0
  8. package/dist/avatar.js +161 -0
  9. package/dist/badge.css +40 -115
  10. package/dist/badge.js +19 -18
  11. package/dist/base.css +609 -180
  12. package/dist/bem.js +0 -2
  13. package/dist/button-group.js +0 -2
  14. package/dist/button-link.css +161 -0
  15. package/dist/button-link.js +108 -0
  16. package/dist/button.css +50 -229
  17. package/dist/button.js +7 -11
  18. package/dist/card.css +50 -30
  19. package/dist/card.js +69 -38
  20. package/dist/check.js +12 -0
  21. package/dist/checkbox.css +16 -57
  22. package/dist/checkbox.js +14 -33
  23. package/dist/collapse.css +8 -8
  24. package/dist/collapse.js +4 -10
  25. package/dist/color-input.css +108 -0
  26. package/dist/color-input.js +344 -0
  27. package/dist/color-picker.css +304 -0
  28. package/dist/color-picker.js +717 -0
  29. package/dist/color-picker2.js +18 -0
  30. package/dist/color-swatch.css +50 -0
  31. package/dist/color-swatch.js +73 -0
  32. package/dist/color.js +190 -0
  33. package/dist/componentColors.js +206 -15
  34. package/dist/components/alert/alert.d.ts +30 -0
  35. package/dist/components/alert/index.d.ts +3 -0
  36. package/dist/components/alert/index.js +2 -0
  37. package/dist/components/alert/types.d.ts +20 -0
  38. package/dist/components/alert/useAlertColor.d.ts +3 -0
  39. package/dist/components/aspect-ratio/aspect-ratio.d.ts +21 -0
  40. package/dist/components/aspect-ratio/index.d.ts +2 -0
  41. package/dist/components/aspect-ratio/index.js +2 -0
  42. package/dist/components/aspect-ratio/types.d.ts +3 -0
  43. package/dist/components/avatar/avatar.d.ts +24 -0
  44. package/dist/components/avatar/index.d.ts +3 -0
  45. package/dist/components/avatar/index.js +2 -0
  46. package/dist/components/avatar/types.d.ts +20 -0
  47. package/dist/components/avatar/useAvatarColor.d.ts +3 -0
  48. package/dist/components/badge/types.d.ts +2 -1
  49. package/dist/components/badge/useBadgeColor.d.ts +3 -8
  50. package/dist/components/button/types.d.ts +1 -0
  51. package/dist/components/button/useButtonColor.d.ts +3 -13
  52. package/dist/components/button-link/button-link.d.ts +27 -0
  53. package/dist/components/button-link/index.d.ts +2 -0
  54. package/dist/components/button-link/index.js +2 -0
  55. package/dist/components/button-link/types.d.ts +20 -0
  56. package/dist/components/card/card.d.ts +4 -0
  57. package/dist/components/card/types.d.ts +4 -0
  58. package/dist/components/checkbox/types.d.ts +1 -0
  59. package/dist/components/checkbox/useCheckbox.d.ts +2 -4
  60. package/dist/components/collapse/types.d.ts +0 -2
  61. package/dist/components/color-input/color-input.d.ts +29 -0
  62. package/dist/components/color-input/index.d.ts +2 -0
  63. package/dist/components/color-input/index.js +2 -0
  64. package/dist/components/color-input/types.d.ts +34 -0
  65. package/dist/components/color-input/useColorInput.d.ts +27 -0
  66. package/dist/components/color-input/useColorInputEyeDropper.d.ts +13 -0
  67. package/dist/components/color-input/useColorInputPopover.d.ts +11 -0
  68. package/dist/components/color-input/useColorInputValue.d.ts +8 -0
  69. package/dist/components/color-picker/color-picker-saturation.d.ts +21 -0
  70. package/dist/components/color-picker/color-picker-slider.d.ts +21 -0
  71. package/dist/components/color-picker/color-picker-utils.d.ts +23 -0
  72. package/dist/components/color-picker/color-picker.d.ts +23 -0
  73. package/dist/components/color-picker/index.d.ts +3 -0
  74. package/dist/components/color-picker/index.js +3 -0
  75. package/dist/components/color-picker/types.d.ts +39 -0
  76. package/dist/components/color-picker/useColorPickerDrag.d.ts +11 -0
  77. package/dist/components/color-picker/useColorPickerSwatches.d.ts +21 -0
  78. package/dist/components/color-picker/useColorPickerValue.d.ts +15 -0
  79. package/dist/components/color-swatch/color-swatch.d.ts +21 -0
  80. package/dist/components/color-swatch/index.d.ts +2 -0
  81. package/dist/components/color-swatch/index.js +2 -0
  82. package/dist/components/color-swatch/types.d.ts +6 -0
  83. package/dist/components/color-swatch/useColorSwatchColor.d.ts +5 -0
  84. package/dist/components/dropdown-menu/dropdown-menu.d.ts +2 -2
  85. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +1 -1
  86. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +1 -1
  87. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +1 -1
  88. package/dist/components/field/types.d.ts +0 -2
  89. package/dist/components/field/useField.d.ts +1 -2
  90. package/dist/components/icon-button/types.d.ts +1 -0
  91. package/dist/components/input/types.d.ts +3 -0
  92. package/dist/components/modal/types.d.ts +0 -1
  93. package/dist/components/number-input/index.d.ts +2 -0
  94. package/dist/components/number-input/index.js +2 -0
  95. package/dist/components/number-input/number-input.d.ts +29 -0
  96. package/dist/components/number-input/types.d.ts +34 -0
  97. package/dist/components/number-input/useNumberInput.d.ts +31 -0
  98. package/dist/components/popover/index.d.ts +1 -0
  99. package/dist/components/popover/index.js +2 -1
  100. package/dist/components/popover/types.d.ts +6 -2
  101. package/dist/components/popover/usePopover.d.ts +5 -2
  102. package/dist/components/progress/types.d.ts +1 -1
  103. package/dist/components/radio/types.d.ts +3 -0
  104. package/dist/components/radio/useRadio.d.ts +2 -4
  105. package/dist/components/select/index.d.ts +1 -1
  106. package/dist/components/select/types.d.ts +3 -0
  107. package/dist/components/slider/index.d.ts +2 -1
  108. package/dist/components/slider/index.js +2 -2
  109. package/dist/components/slider/range-slider.d.ts +45 -0
  110. package/dist/components/slider/types.d.ts +14 -2
  111. package/dist/components/slider/useRangeSlider.d.ts +59 -0
  112. package/dist/components/slider/useRangeSliderTooltipCollision.d.ts +7 -0
  113. package/dist/components/slider/useRangeSliderTooltipTransition.d.ts +4 -0
  114. package/dist/components/switch/useSwitch.d.ts +2 -3
  115. package/dist/components/tooltip/types.d.ts +1 -0
  116. package/dist/dropdown-menu.css +17 -17
  117. package/dist/dropdown-menu.js +0 -2
  118. package/dist/field.css +17 -17
  119. package/dist/field.js +56 -51
  120. package/dist/icon-button.css +57 -236
  121. package/dist/icon-button.js +5 -8
  122. package/dist/index.d.ts +8 -0
  123. package/dist/index.js +16 -4
  124. package/dist/input.css +40 -46
  125. package/dist/input.js +39 -23
  126. package/dist/minus.js +12 -0
  127. package/dist/modal.css +37 -37
  128. package/dist/modal.js +10 -16
  129. package/dist/number-input.css +86 -0
  130. package/dist/number-input.js +350 -0
  131. package/dist/overlay.css +5 -5
  132. package/dist/overlay.js +3 -5
  133. package/dist/popover.css +62 -29
  134. package/dist/popover.js +25 -12
  135. package/dist/popover2.js +17 -0
  136. package/dist/progress.css +9 -30
  137. package/dist/progress.js +3 -8
  138. package/dist/radio.css +34 -62
  139. package/dist/radio.js +28 -18
  140. package/dist/select.css +105 -61
  141. package/dist/select.js +12 -10
  142. package/dist/slider.css +508 -41
  143. package/dist/slider.js +1122 -50
  144. package/dist/switch.css +19 -44
  145. package/dist/switch.js +4 -7
  146. package/dist/tabs.css +36 -36
  147. package/dist/tabs.js +1 -3
  148. package/dist/textarea.css +33 -25
  149. package/dist/textarea.js +0 -2
  150. package/dist/tooltip.css +7 -35
  151. package/dist/tooltip.js +13 -10
  152. package/dist/useButtonColor.js +16 -16
  153. package/dist/useClickOutside.js +0 -2
  154. package/dist/useCollapse.js +1 -3
  155. package/dist/useControlState.js +0 -2
  156. package/dist/useRequiredInject.js +0 -2
  157. package/dist/x.js +0 -2
  158. package/package.json +43 -7
  159. package/src/styles/_mixins.scss +25 -41
  160. package/src/styles/_tokens.scss +615 -182
  161. package/src/styles/_variables.scss +177 -49
  162. package/dist/accordion.js.map +0 -1
  163. package/dist/badge.js.map +0 -1
  164. package/dist/bem.js.map +0 -1
  165. package/dist/button-group.js.map +0 -1
  166. package/dist/button.js.map +0 -1
  167. package/dist/card.js.map +0 -1
  168. package/dist/checkbox.js.map +0 -1
  169. package/dist/collapse.js.map +0 -1
  170. package/dist/componentColors.js.map +0 -1
  171. package/dist/dropdown-menu.js.map +0 -1
  172. package/dist/field.js.map +0 -1
  173. package/dist/icon-button.js.map +0 -1
  174. package/dist/input.js.map +0 -1
  175. package/dist/modal.js.map +0 -1
  176. package/dist/overlay.js.map +0 -1
  177. package/dist/popover.js.map +0 -1
  178. package/dist/progress.js.map +0 -1
  179. package/dist/radio.js.map +0 -1
  180. package/dist/select.js.map +0 -1
  181. package/dist/slider.js.map +0 -1
  182. package/dist/switch.js.map +0 -1
  183. package/dist/tabs.js.map +0 -1
  184. package/dist/textarea.js.map +0 -1
  185. package/dist/tooltip.js.map +0 -1
  186. package/dist/useButtonColor.js.map +0 -1
  187. package/dist/useClickOutside.js.map +0 -1
  188. package/dist/useCollapse.js.map +0 -1
  189. package/dist/useControlState.js.map +0 -1
  190. package/dist/useRequiredInject.js.map +0 -1
  191. package/dist/x.js.map +0 -1
package/dist/slider.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rp-slider[data-v-c9655b1d] {
2
- --_rp-slider-color: var(--_rp-slider-custom-color, var(--rp-color-control-selected-bg));
2
+ --_rp-slider-color: var(--rp-color-control-selected-bg);
3
3
  --_rp-slider-track-bg: var(--rp-color-control-track-bg);
4
4
  --_rp-slider-thumb-bg: var(--rp-color-control-thumb-bg);
5
5
  --_rp-slider-thumb-border: var(--_rp-slider-color);
@@ -15,16 +15,16 @@
15
15
  var(--_rp-slider-thumb-size) / 2 + (100% - var(--_rp-slider-thumb-size)) *
16
16
  var(--_rp-slider-ratio)
17
17
  );
18
- --_rp-slider-font-size: var(--rp-font-size-base);
18
+ --_rp-slider-font-size: var(--rp-font-size-md);
19
19
  --_rp-slider-mark-size: 4px;
20
20
  --_rp-slider-mark-color: var(--rp-color-control-thumb-bg);
21
- --_rp-slider-mark-label-color: var(--rp-color-text-secondary);
21
+ --_rp-slider-mark-label-color: var(--rp-color-dimmed);
22
22
  --_rp-slider-mark-filled-label-color: var(--rp-color-text);
23
23
  --_rp-slider-mark-ring-color: var(--_rp-slider-color);
24
- --_rp-slider-valid-color: var(--rp-color-success);
25
- --_rp-slider-valid-ring: color-mix(in srgb, var(--rp-color-success) 32%, transparent);
26
- --_rp-slider-invalid-color: var(--rp-color-danger);
27
- --_rp-slider-invalid-ring: color-mix(in srgb, var(--rp-color-danger) 32%, transparent);
24
+ --_rp-slider-valid-color: var(--rp-color-green-filled);
25
+ --_rp-slider-valid-ring: color-mix(in srgb, var(--rp-color-green-filled) 32%, transparent);
26
+ --_rp-slider-invalid-color: var(--rp-color-red-filled);
27
+ --_rp-slider-invalid-ring: color-mix(in srgb, var(--rp-color-red-filled) 32%, transparent);
28
28
  display: inline-grid;
29
29
  width: 100%;
30
30
  min-width: var(--_rp-slider-track-length);
@@ -33,15 +33,11 @@
33
33
  cursor: pointer;
34
34
  font-family: var(--rp-font-family);
35
35
  font-size: var(--_rp-slider-font-size);
36
- line-height: var(--rp-line-height-normal);
36
+ line-height: var(--rp-line-height-md);
37
37
  }
38
- html.dark .rp-slider[data-v-c9655b1d] {
38
+ html.dark .rp-slider[data-v-c9655b1d], [data-rp-color-scheme=dark] .rp-slider[data-v-c9655b1d] {
39
39
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
40
40
  --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
41
- --_rp-slider-valid-color: var(--rp-color-success-fg);
42
- --_rp-slider-valid-ring: color-mix(in srgb, var(--rp-color-success-fg) 32%, transparent);
43
- --_rp-slider-invalid-color: var(--rp-color-danger-fg);
44
- --_rp-slider-invalid-ring: color-mix(in srgb, var(--rp-color-danger-fg) 32%, transparent);
45
41
  }
46
42
  .rp-slider--custom-thumb[data-v-c9655b1d] {
47
43
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
@@ -64,7 +60,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
64
60
  }
65
61
  .rp-slider__value[data-v-c9655b1d] {
66
62
  flex-shrink: 0;
67
- color: var(--rp-color-text-secondary);
63
+ color: var(--rp-color-dimmed);
68
64
  font-variant-numeric: tabular-nums;
69
65
  }
70
66
  .rp-slider__track[data-v-c9655b1d] {
@@ -85,7 +81,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
85
81
  border-radius: var(--rp-radius-full);
86
82
  }
87
83
  .rp-slider--marks-with-labels .rp-slider__track[data-v-c9655b1d] {
88
- padding-bottom: calc(var(--_rp-slider-font-size) * var(--rp-line-height-normal) + var(--rp-spacing-2));
84
+ padding-bottom: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
89
85
  }
90
86
  .rp-slider__native[data-v-c9655b1d] {
91
87
  position: relative;
@@ -120,7 +116,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
120
116
  width: max-content;
121
117
  max-width: 8rem;
122
118
  color: var(--_rp-slider-mark-label-color);
123
- line-height: var(--rp-line-height-normal);
119
+ line-height: var(--rp-line-height-md);
124
120
  transform: translateX(-50%);
125
121
  }
126
122
  .rp-slider__mark-dot[data-v-c9655b1d] {
@@ -185,13 +181,15 @@ html.dark .rp-slider[data-v-c9655b1d] {
185
181
  z-index: 5;
186
182
  top: 0;
187
183
  left: var(--_rp-slider-fill-position);
184
+ width: var(--_rp-slider-thumb-size);
185
+ height: var(--_rp-slider-thumb-size);
188
186
  pointer-events: none;
189
187
  translate: -50% 0;
190
188
  }
191
189
  .rp-slider__tooltip-anchor[data-v-c9655b1d] {
192
190
  display: block;
193
- width: 0;
194
- height: 0;
191
+ width: 100%;
192
+ height: 100%;
195
193
  }
196
194
  .rp-slider__tooltip[data-v-c9655b1d] .rp-tooltip__content {
197
195
  min-width: 2rem;
@@ -272,7 +270,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
272
270
  background: linear-gradient(to top, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), var(--_rp-slider-track-bg) var(--_rp-slider-fill-position) 100%);
273
271
  }
274
272
  .rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-c9655b1d] {
275
- padding-right: calc(var(--_rp-slider-font-size) * var(--rp-line-height-normal) + var(--rp-spacing-2));
273
+ padding-right: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
276
274
  padding-bottom: 0;
277
275
  }
278
276
  .rp-slider--vertical .rp-slider__native[data-v-c9655b1d] {
@@ -356,27 +354,6 @@ html.dark .rp-slider[data-v-c9655b1d] {
356
354
  .rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-c9655b1d] {
357
355
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
358
356
  }
359
- .rp-slider--color-primary[data-v-c9655b1d] {
360
- --_rp-slider-color: var(--rp-color-primary);
361
- }
362
- .rp-slider--color-secondary[data-v-c9655b1d] {
363
- --_rp-slider-color: var(--rp-color-secondary);
364
- }
365
- .rp-slider--color-success[data-v-c9655b1d] {
366
- --_rp-slider-color: var(--rp-color-success);
367
- }
368
- .rp-slider--color-warning[data-v-c9655b1d] {
369
- --_rp-slider-color: var(--rp-color-warning);
370
- }
371
- .rp-slider--color-danger[data-v-c9655b1d] {
372
- --_rp-slider-color: var(--rp-color-danger);
373
- }
374
- .rp-slider--color-info[data-v-c9655b1d] {
375
- --_rp-slider-color: var(--rp-color-info);
376
- }
377
- .rp-slider--color-neutral[data-v-c9655b1d] {
378
- --_rp-slider-color: var(--rp-color-neutral);
379
- }
380
357
  .rp-slider--valid[data-v-c9655b1d] {
381
358
  --_rp-slider-color: var(--_rp-slider-valid-color);
382
359
  }
@@ -419,7 +396,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
419
396
  --_rp-slider-track-height: 8px;
420
397
  --_rp-slider-thumb-size: 16px;
421
398
  --_rp-slider-thumb-border-width: 4px;
422
- --_rp-slider-font-size: var(--rp-font-size-base);
399
+ --_rp-slider-font-size: var(--rp-font-size-md);
423
400
  --_rp-slider-mark-size: 4px;
424
401
  }
425
402
  .rp-slider--size-lg[data-v-c9655b1d] {
@@ -435,4 +412,494 @@ html.dark .rp-slider[data-v-c9655b1d] {
435
412
  --_rp-slider-thumb-border-width: 6px;
436
413
  --_rp-slider-font-size: var(--rp-font-size-xl);
437
414
  --_rp-slider-mark-size: 6px;
415
+ }.rp-range-slider[data-v-3fdd312a] {
416
+ --_rp-range-slider-color: var(--rp-color-control-selected-bg);
417
+ --_rp-range-slider-track-bg: var(--rp-color-control-track-bg);
418
+ --_rp-range-slider-thumb-bg: var(--rp-color-control-thumb-bg);
419
+ --_rp-range-slider-thumb-border: var(--_rp-range-slider-color);
420
+ --_rp-range-slider-thumb-border-style: var(--_rp-range-slider-thumb-border-width) solid
421
+ var(--_rp-range-slider-thumb-border);
422
+ --_rp-range-slider-thumb-padding: 0;
423
+ --_rp-range-slider-track-length: 160px;
424
+ --_rp-range-slider-track-height: 8px;
425
+ --_rp-range-slider-thumb-size: 16px;
426
+ --_rp-range-slider-thumb-border-width: 4px;
427
+ --_rp-range-slider-lower-percent: 0%;
428
+ --_rp-range-slider-upper-percent: 100%;
429
+ --_rp-range-slider-lower-ratio: 0;
430
+ --_rp-range-slider-upper-ratio: 1;
431
+ --_rp-range-slider-tooltip-merged-percent: 50%;
432
+ --_rp-range-slider-lower-fill-position: calc(
433
+ var(--_rp-range-slider-thumb-size) / 2 + (100% - var(--_rp-range-slider-thumb-size)) *
434
+ var(--_rp-range-slider-lower-ratio)
435
+ );
436
+ --_rp-range-slider-upper-fill-position: calc(
437
+ var(--_rp-range-slider-thumb-size) / 2 + (100% - var(--_rp-range-slider-thumb-size)) *
438
+ var(--_rp-range-slider-upper-ratio)
439
+ );
440
+ --_rp-range-slider-font-size: var(--rp-font-size-md);
441
+ --_rp-range-slider-mark-size: 4px;
442
+ --_rp-range-slider-mark-color: var(--rp-color-control-thumb-bg);
443
+ --_rp-range-slider-mark-label-color: var(--rp-color-dimmed);
444
+ --_rp-range-slider-mark-filled-label-color: var(--rp-color-text);
445
+ --_rp-range-slider-mark-ring-color: var(--_rp-range-slider-color);
446
+ --_rp-range-slider-valid-color: var(--rp-color-green-filled);
447
+ --_rp-range-slider-valid-ring: color-mix(
448
+ in srgb,
449
+ var(--rp-color-green-filled) 32%,
450
+ transparent
451
+ );
452
+ --_rp-range-slider-invalid-color: var(--rp-color-red-filled);
453
+ --_rp-range-slider-invalid-ring: color-mix(
454
+ in srgb,
455
+ var(--rp-color-red-filled) 32%,
456
+ transparent
457
+ );
458
+ --_rp-range-slider-tooltip-reserved-space: calc(
459
+ var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-4)
460
+ );
461
+ display: inline-grid;
462
+ width: 100%;
463
+ min-width: var(--_rp-range-slider-track-length);
464
+ max-width: 100%;
465
+ box-sizing: border-box;
466
+ gap: var(--rp-spacing-2);
467
+ cursor: pointer;
468
+ font-family: var(--rp-font-family);
469
+ font-size: var(--_rp-range-slider-font-size);
470
+ line-height: var(--rp-line-height-md);
471
+ }
472
+ html.dark .rp-range-slider[data-v-3fdd312a], [data-rp-color-scheme=dark] .rp-range-slider[data-v-3fdd312a] {
473
+ --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
474
+ --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
475
+ }
476
+ .rp-range-slider--custom-thumb[data-v-3fdd312a] {
477
+ --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
478
+ --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
479
+ }
480
+ .rp-range-slider--disabled[data-v-3fdd312a] {
481
+ opacity: var(--rp-opacity-disabled);
482
+ cursor: not-allowed;
483
+ }
484
+ .rp-range-slider__header[data-v-3fdd312a] {
485
+ display: flex;
486
+ align-items: center;
487
+ justify-content: space-between;
488
+ min-width: 0;
489
+ gap: var(--rp-spacing-3);
490
+ }
491
+ .rp-range-slider__label[data-v-3fdd312a] {
492
+ min-width: 0;
493
+ color: var(--rp-color-text);
494
+ }
495
+ .rp-range-slider__value[data-v-3fdd312a] {
496
+ flex-shrink: 0;
497
+ color: var(--rp-color-dimmed);
498
+ font-variant-numeric: tabular-nums;
499
+ }
500
+ .rp-range-slider__track[data-v-3fdd312a] {
501
+ position: relative;
502
+ display: block;
503
+ min-width: 0;
504
+ height: var(--_rp-range-slider-thumb-size);
505
+ touch-action: none;
506
+ }
507
+ .rp-range-slider__bar[data-v-3fdd312a] {
508
+ position: absolute;
509
+ z-index: 1;
510
+ top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
511
+ left: 0;
512
+ display: block;
513
+ width: 100%;
514
+ height: var(--_rp-range-slider-track-height);
515
+ pointer-events: none;
516
+ background: linear-gradient(to right, var(--_rp-range-slider-track-bg) 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), var(--_rp-range-slider-track-bg) var(--_rp-range-slider-upper-fill-position) 100%);
517
+ border-radius: var(--rp-radius-full);
518
+ }
519
+ .rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-3fdd312a] {
520
+ padding-bottom: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
521
+ }
522
+ .rp-range-slider__native[data-v-3fdd312a] {
523
+ position: absolute;
524
+ z-index: 3;
525
+ top: 0;
526
+ left: 0;
527
+ display: block;
528
+ width: 100%;
529
+ min-width: 0;
530
+ height: var(--_rp-range-slider-thumb-size);
531
+ padding: 0;
532
+ margin: 0;
533
+ appearance: none;
534
+ pointer-events: none;
535
+ background: transparent;
536
+ cursor: pointer;
537
+ outline: none;
538
+ }
539
+ .rp-range-slider__native[data-v-3fdd312a]:focus, .rp-range-slider__native--active[data-v-3fdd312a], .rp-range-slider__native[data-active=true][data-v-3fdd312a] {
540
+ z-index: 4;
541
+ }
542
+ .rp-range-slider__native[data-v-3fdd312a]:disabled {
543
+ cursor: not-allowed;
544
+ }
545
+ .rp-range-slider__native[data-v-3fdd312a]::-webkit-slider-runnable-track {
546
+ height: var(--_rp-range-slider-track-height);
547
+ background: transparent;
548
+ border: 0;
549
+ border-radius: var(--rp-radius-full);
550
+ }
551
+ .rp-range-slider__native[data-v-3fdd312a]::-moz-range-track, .rp-range-slider__native[data-v-3fdd312a]::-moz-range-progress {
552
+ height: var(--_rp-range-slider-track-height);
553
+ background: transparent;
554
+ border: 0;
555
+ border-radius: var(--rp-radius-full);
556
+ }
557
+ .rp-range-slider__native[data-v-3fdd312a]::-webkit-slider-thumb {
558
+ width: var(--_rp-range-slider-thumb-size);
559
+ height: var(--_rp-range-slider-thumb-size);
560
+ margin-top: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
561
+ box-sizing: border-box;
562
+ appearance: none;
563
+ opacity: 0;
564
+ pointer-events: none;
565
+ background: transparent;
566
+ border: 0;
567
+ cursor: pointer;
568
+ }
569
+ .rp-range-slider__native[data-v-3fdd312a]::-moz-range-thumb {
570
+ width: var(--_rp-range-slider-thumb-size);
571
+ height: var(--_rp-range-slider-thumb-size);
572
+ box-sizing: border-box;
573
+ opacity: 0;
574
+ pointer-events: none;
575
+ background: transparent;
576
+ border: 0;
577
+ cursor: pointer;
578
+ }
579
+ .rp-range-slider__marks[data-v-3fdd312a] {
580
+ position: absolute;
581
+ z-index: 2;
582
+ top: 0;
583
+ right: calc(var(--_rp-range-slider-thumb-size) / 2);
584
+ left: calc(var(--_rp-range-slider-thumb-size) / 2);
585
+ height: var(--_rp-range-slider-thumb-size);
586
+ pointer-events: none;
587
+ }
588
+ .rp-range-slider__mark[data-v-3fdd312a] {
589
+ position: absolute;
590
+ top: 0;
591
+ left: var(--_rp-range-slider-mark-position);
592
+ display: inline-flex;
593
+ flex-direction: column;
594
+ align-items: center;
595
+ width: max-content;
596
+ max-width: 8rem;
597
+ color: var(--_rp-range-slider-mark-label-color);
598
+ line-height: var(--rp-line-height-md);
599
+ transform: translateX(-50%);
600
+ }
601
+ .rp-range-slider__mark-dot[data-v-3fdd312a] {
602
+ width: var(--_rp-range-slider-mark-size);
603
+ height: var(--_rp-range-slider-mark-size);
604
+ margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
605
+ background: var(--_rp-range-slider-mark-color);
606
+ border-radius: var(--rp-radius-full);
607
+ box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
608
+ transition: box-shadow var(--rp-transition-fast);
609
+ }
610
+ .rp-range-slider__mark-label[data-v-3fdd312a] {
611
+ max-width: 100%;
612
+ margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
613
+ overflow-wrap: anywhere;
614
+ color: inherit;
615
+ font-size: var(--_rp-range-slider-font-size);
616
+ text-align: center;
617
+ font-variant-numeric: tabular-nums;
618
+ }
619
+ .rp-range-slider__mark--filled .rp-range-slider__mark-dot[data-v-3fdd312a] {
620
+ box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-range-slider-mark-ring-color);
621
+ }
622
+ .rp-range-slider__mark--filled .rp-range-slider__mark-label[data-v-3fdd312a] {
623
+ color: var(--_rp-range-slider-mark-filled-label-color);
624
+ }
625
+ .rp-range-slider__thumbs[data-v-3fdd312a] {
626
+ position: absolute;
627
+ z-index: 4;
628
+ top: 0;
629
+ right: calc(var(--_rp-range-slider-thumb-size) / 2);
630
+ left: calc(var(--_rp-range-slider-thumb-size) / 2);
631
+ height: var(--_rp-range-slider-thumb-size);
632
+ pointer-events: none;
633
+ }
634
+ .rp-range-slider__thumb[data-v-3fdd312a] {
635
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
636
+ position: absolute;
637
+ top: 0;
638
+ left: var(--_rp-range-slider-thumb-percent);
639
+ width: 0;
640
+ height: var(--_rp-range-slider-thumb-size);
641
+ pointer-events: auto;
642
+ }
643
+ .rp-range-slider__thumb--lower[data-v-3fdd312a] {
644
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
645
+ }
646
+ .rp-range-slider__thumb--upper[data-v-3fdd312a] {
647
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-upper-percent);
648
+ z-index: 1;
649
+ }
650
+ .rp-range-slider[data-active-thumb=lower] .rp-range-slider__thumb--lower[data-v-3fdd312a], .rp-range-slider[data-active-thumb=upper] .rp-range-slider__thumb--upper[data-v-3fdd312a], .rp-range-slider__thumb[data-v-3fdd312a]:hover {
651
+ z-index: 2;
652
+ }
653
+ .rp-range-slider__thumb-content[data-v-3fdd312a] {
654
+ position: absolute;
655
+ top: 50%;
656
+ left: 0;
657
+ display: inline-flex;
658
+ align-items: center;
659
+ justify-content: center;
660
+ width: var(--_rp-range-slider-thumb-size);
661
+ height: var(--_rp-range-slider-thumb-size);
662
+ box-sizing: border-box;
663
+ overflow: hidden;
664
+ padding: var(--_rp-range-slider-thumb-padding);
665
+ color: var(--_rp-range-slider-thumb-border);
666
+ background: var(--_rp-range-slider-thumb-bg);
667
+ border: var(--_rp-range-slider-thumb-border-style);
668
+ border-radius: var(--rp-radius-full);
669
+ box-shadow: var(--rp-shadow-sm);
670
+ transform: translate(-50%, -50%);
671
+ transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
672
+ }
673
+ .rp-range-slider__thumb-content[data-v-3fdd312a] svg {
674
+ width: 60%;
675
+ height: 60%;
676
+ }
677
+ .rp-range-slider__tooltip[data-v-3fdd312a] {
678
+ --_rp-range-slider-tooltip-translate-x: -50%;
679
+ --_rp-range-slider-tooltip-translate-y: 0%;
680
+ position: absolute;
681
+ z-index: 5;
682
+ top: 0;
683
+ left: 0;
684
+ width: var(--_rp-range-slider-thumb-size);
685
+ height: var(--_rp-range-slider-thumb-size);
686
+ opacity: 1;
687
+ pointer-events: none;
688
+ translate: var(--_rp-range-slider-tooltip-translate-x) var(--_rp-range-slider-tooltip-translate-y);
689
+ }
690
+ .rp-range-slider__tooltip--merged[data-v-3fdd312a] {
691
+ left: var(--_rp-range-slider-tooltip-merged-percent);
692
+ opacity: 0;
693
+ }
694
+ .rp-range-slider__tooltip-anchor[data-v-3fdd312a] {
695
+ display: block;
696
+ width: 100%;
697
+ height: 100%;
698
+ }
699
+ .rp-range-slider__tooltip[data-v-3fdd312a] .rp-tooltip__content {
700
+ max-width: min(12rem, 100vw - var(--rp-spacing-6));
701
+ padding: var(--rp-spacing-1) var(--rp-spacing-2);
702
+ white-space: nowrap;
703
+ font-variant-numeric: tabular-nums;
704
+ }
705
+ .rp-range-slider--tooltips-overlapping .rp-range-slider__tooltip--lower[data-v-3fdd312a], .rp-range-slider--tooltips-overlapping .rp-range-slider__tooltip--upper[data-v-3fdd312a] {
706
+ opacity: 0;
707
+ }
708
+ .rp-range-slider--tooltips-overlapping .rp-range-slider__tooltip--merged[data-v-3fdd312a] {
709
+ opacity: 1;
710
+ }
711
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower[data-v-3fdd312a], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper[data-v-3fdd312a] {
712
+ z-index: 2;
713
+ }
714
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-3fdd312a], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-3fdd312a] {
715
+ box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
716
+ }
717
+ .rp-range-slider--valid[data-v-3fdd312a] {
718
+ --_rp-range-slider-color: var(--_rp-range-slider-valid-color);
719
+ }
720
+ .rp-range-slider--invalid[data-v-3fdd312a] {
721
+ --_rp-range-slider-color: var(--_rp-range-slider-invalid-color);
722
+ }
723
+ .rp-range-slider--valid .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-3fdd312a], .rp-range-slider--valid .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-3fdd312a] {
724
+ box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-range-slider-valid-ring);
725
+ }
726
+ .rp-range-slider--invalid .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-3fdd312a], .rp-range-slider--invalid .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-3fdd312a] {
727
+ box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-range-slider-invalid-ring);
728
+ }
729
+ .rp-range-slider--vertical[data-v-3fdd312a] {
730
+ width: max-content;
731
+ min-width: 0;
732
+ max-width: none;
733
+ justify-items: center;
734
+ }
735
+ .rp-range-slider--vertical .rp-range-slider__header[data-v-3fdd312a] {
736
+ width: max-content;
737
+ max-width: 12rem;
738
+ justify-content: space-between;
739
+ gap: var(--rp-spacing-3);
740
+ text-align: center;
741
+ }
742
+ .rp-range-slider--vertical .rp-range-slider__value[data-v-3fdd312a] {
743
+ min-width: 3ch;
744
+ text-align: right;
745
+ }
746
+ .rp-range-slider--vertical .rp-range-slider__track[data-v-3fdd312a] {
747
+ width: var(--_rp-range-slider-thumb-size);
748
+ height: var(--_rp-range-slider-track-length);
749
+ min-width: 0;
750
+ min-height: var(--_rp-range-slider-track-length);
751
+ justify-self: center;
752
+ }
753
+ .rp-range-slider--vertical .rp-range-slider__bar[data-v-3fdd312a] {
754
+ top: 0;
755
+ left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
756
+ width: var(--_rp-range-slider-track-height);
757
+ height: 100%;
758
+ background: linear-gradient(to top, var(--_rp-range-slider-track-bg) 0 var(--_rp-range-slider-lower-fill-position), var(--_rp-range-slider-color) var(--_rp-range-slider-lower-fill-position) var(--_rp-range-slider-upper-fill-position), var(--_rp-range-slider-track-bg) var(--_rp-range-slider-upper-fill-position) 100%);
759
+ }
760
+ .rp-range-slider--vertical.rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-3fdd312a] {
761
+ padding-right: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
762
+ padding-bottom: 0;
763
+ }
764
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-3fdd312a] {
765
+ width: var(--_rp-range-slider-thumb-size);
766
+ min-width: 0;
767
+ height: 100%;
768
+ min-height: var(--_rp-range-slider-track-length);
769
+ direction: rtl;
770
+ writing-mode: vertical-lr;
771
+ }
772
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-3fdd312a]::-webkit-slider-runnable-track {
773
+ width: var(--_rp-range-slider-track-height);
774
+ height: 100%;
775
+ }
776
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-3fdd312a]::-moz-range-track, .rp-range-slider--vertical .rp-range-slider__native[data-v-3fdd312a]::-moz-range-progress {
777
+ width: var(--_rp-range-slider-track-height);
778
+ height: 100%;
779
+ }
780
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-3fdd312a]::-webkit-slider-thumb {
781
+ margin-top: 0;
782
+ margin-left: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
783
+ }
784
+ .rp-range-slider--vertical .rp-range-slider__marks[data-v-3fdd312a] {
785
+ top: calc(var(--_rp-range-slider-thumb-size) / 2);
786
+ right: auto;
787
+ bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
788
+ left: 0;
789
+ width: var(--_rp-range-slider-thumb-size);
790
+ height: auto;
791
+ }
792
+ .rp-range-slider--vertical .rp-range-slider__mark[data-v-3fdd312a] {
793
+ top: calc(100% - var(--_rp-range-slider-mark-position));
794
+ left: 0;
795
+ flex-direction: row;
796
+ align-items: center;
797
+ transform: translateY(-50%);
798
+ }
799
+ .rp-range-slider--vertical .rp-range-slider__mark-dot[data-v-3fdd312a] {
800
+ flex: 0 0 auto;
801
+ margin-top: 0;
802
+ margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
803
+ }
804
+ .rp-range-slider--vertical .rp-range-slider__mark-label[data-v-3fdd312a] {
805
+ margin-top: 0;
806
+ margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
807
+ text-align: left;
808
+ }
809
+ .rp-range-slider--vertical .rp-range-slider__thumbs[data-v-3fdd312a] {
810
+ top: calc(var(--_rp-range-slider-thumb-size) / 2);
811
+ right: auto;
812
+ bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
813
+ left: 0;
814
+ width: var(--_rp-range-slider-thumb-size);
815
+ height: auto;
816
+ }
817
+ .rp-range-slider--vertical .rp-range-slider__thumb[data-v-3fdd312a] {
818
+ top: calc(100% - var(--_rp-range-slider-thumb-percent));
819
+ left: 0;
820
+ width: var(--_rp-range-slider-thumb-size);
821
+ height: 0;
822
+ }
823
+ .rp-range-slider--vertical .rp-range-slider__thumb-content[data-v-3fdd312a] {
824
+ top: 0;
825
+ left: 50%;
826
+ }
827
+ .rp-range-slider--vertical .rp-range-slider__tooltip[data-v-3fdd312a] {
828
+ --_rp-range-slider-tooltip-translate-x: 0%;
829
+ --_rp-range-slider-tooltip-translate-y: -50%;
830
+ top: 0;
831
+ left: 0;
832
+ }
833
+ .rp-range-slider--vertical .rp-range-slider__tooltip--merged[data-v-3fdd312a] {
834
+ top: calc(100% - var(--_rp-range-slider-tooltip-merged-percent));
835
+ }
836
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltip.rp-tooltip--placement-top) .rp-range-slider__track[data-v-3fdd312a] {
837
+ margin-top: var(--_rp-range-slider-tooltip-reserved-space);
838
+ }
839
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__track[data-v-3fdd312a] {
840
+ margin-right: var(--_rp-range-slider-tooltip-reserved-space);
841
+ }
842
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltip.rp-tooltip--placement-bottom) .rp-range-slider__track[data-v-3fdd312a] {
843
+ margin-bottom: var(--_rp-range-slider-tooltip-reserved-space);
844
+ }
845
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltip.rp-tooltip--placement-left) .rp-range-slider__track[data-v-3fdd312a] {
846
+ margin-left: var(--_rp-range-slider-tooltip-reserved-space);
847
+ }
848
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltip.rp-tooltip--placement-bottom) .rp-range-slider__track[data-v-3fdd312a] {
849
+ padding-bottom: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2) + var(--_rp-range-slider-tooltip-reserved-space));
850
+ margin-bottom: 0;
851
+ }
852
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltip.rp-tooltip--placement-bottom) .rp-range-slider__mark-label[data-v-3fdd312a] {
853
+ margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1) + var(--_rp-range-slider-tooltip-reserved-space));
854
+ }
855
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__track[data-v-3fdd312a] {
856
+ padding-right: 0;
857
+ margin-left: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
858
+ }
859
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__mark[data-v-3fdd312a] {
860
+ left: calc((var(--_rp-range-slider-thumb-size) + var(--_rp-range-slider-mark-size)) / 2);
861
+ flex-direction: row-reverse;
862
+ gap: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
863
+ transform: translate(-100%, -50%);
864
+ }
865
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__mark-dot[data-v-3fdd312a], .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__mark-label[data-v-3fdd312a] {
866
+ margin-left: 0;
867
+ }
868
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltip.rp-tooltip--placement-right) .rp-range-slider__mark-label[data-v-3fdd312a] {
869
+ text-align: right;
870
+ }
871
+ .rp-range-slider--size-xs[data-v-3fdd312a] {
872
+ --_rp-range-slider-track-height: 4px;
873
+ --_rp-range-slider-thumb-size: 8px;
874
+ --_rp-range-slider-thumb-border-width: 4px;
875
+ --_rp-range-slider-font-size: var(--rp-font-size-xs);
876
+ --_rp-range-slider-mark-size: 4px;
877
+ }
878
+ .rp-range-slider--size-sm[data-v-3fdd312a] {
879
+ --_rp-range-slider-track-height: 6px;
880
+ --_rp-range-slider-thumb-size: 12px;
881
+ --_rp-range-slider-thumb-border-width: 3px;
882
+ --_rp-range-slider-font-size: var(--rp-font-size-sm);
883
+ --_rp-range-slider-mark-size: 4px;
884
+ }
885
+ .rp-range-slider--size-md[data-v-3fdd312a] {
886
+ --_rp-range-slider-track-height: 8px;
887
+ --_rp-range-slider-thumb-size: 16px;
888
+ --_rp-range-slider-thumb-border-width: 4px;
889
+ --_rp-range-slider-font-size: var(--rp-font-size-md);
890
+ --_rp-range-slider-mark-size: 4px;
891
+ }
892
+ .rp-range-slider--size-lg[data-v-3fdd312a] {
893
+ --_rp-range-slider-track-height: 10px;
894
+ --_rp-range-slider-thumb-size: 20px;
895
+ --_rp-range-slider-thumb-border-width: 5px;
896
+ --_rp-range-slider-font-size: var(--rp-font-size-lg);
897
+ --_rp-range-slider-mark-size: 5px;
898
+ }
899
+ .rp-range-slider--size-xl[data-v-3fdd312a] {
900
+ --_rp-range-slider-track-height: 12px;
901
+ --_rp-range-slider-thumb-size: 24px;
902
+ --_rp-range-slider-thumb-border-width: 6px;
903
+ --_rp-range-slider-font-size: var(--rp-font-size-xl);
904
+ --_rp-range-slider-mark-size: 6px;
438
905
  }