ropav 0.0.8 → 0.0.10

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 (232) hide show
  1. package/dist/accordion.css +10 -10
  2. package/dist/accordion.js +2 -2
  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 -16
  11. package/dist/base.css +609 -180
  12. package/dist/button-link.css +161 -0
  13. package/dist/button-link.js +108 -0
  14. package/dist/button.css +50 -229
  15. package/dist/button.js +7 -9
  16. package/dist/card.css +12 -12
  17. package/dist/check.js +12 -0
  18. package/dist/checkbox.css +16 -57
  19. package/dist/checkbox.js +14 -31
  20. package/dist/collapse.css +2 -2
  21. package/dist/collapse.js +1 -1
  22. package/dist/color-input.css +108 -0
  23. package/dist/color-input.js +349 -0
  24. package/dist/color-picker.css +304 -0
  25. package/dist/color-picker.js +797 -0
  26. package/dist/color-picker2.js +18 -0
  27. package/dist/color-swatch.css +50 -0
  28. package/dist/color-swatch.js +73 -0
  29. package/dist/color.js +190 -0
  30. package/dist/componentColors.js +206 -13
  31. package/dist/components/accordion/accordion-item.d.ts +4 -4
  32. package/dist/components/accordion/accordion.d.ts +1 -1
  33. package/dist/components/accordion/index.d.ts +4 -4
  34. package/dist/components/accordion/types.d.ts +1 -1
  35. package/dist/components/accordion/useAccordion.d.ts +1 -1
  36. package/dist/components/alert/alert.d.ts +30 -0
  37. package/dist/components/alert/index.d.ts +3 -0
  38. package/dist/components/alert/index.js +2 -0
  39. package/dist/components/alert/types.d.ts +20 -0
  40. package/dist/components/alert/useAlertColor.d.ts +3 -0
  41. package/dist/components/aspect-ratio/aspect-ratio.d.ts +21 -0
  42. package/dist/components/aspect-ratio/index.d.ts +2 -0
  43. package/dist/components/aspect-ratio/index.js +2 -0
  44. package/dist/components/aspect-ratio/types.d.ts +3 -0
  45. package/dist/components/avatar/avatar.d.ts +24 -0
  46. package/dist/components/avatar/index.d.ts +3 -0
  47. package/dist/components/avatar/index.js +2 -0
  48. package/dist/components/avatar/types.d.ts +20 -0
  49. package/dist/components/avatar/useAvatarColor.d.ts +3 -0
  50. package/dist/components/badge/badge.d.ts +1 -1
  51. package/dist/components/badge/index.d.ts +3 -3
  52. package/dist/components/badge/types.d.ts +3 -2
  53. package/dist/components/badge/useBadgeColor.d.ts +3 -8
  54. package/dist/components/button/button.d.ts +1 -1
  55. package/dist/components/button/index.d.ts +2 -2
  56. package/dist/components/button/types.d.ts +2 -1
  57. package/dist/components/button/useButtonColor.d.ts +3 -13
  58. package/dist/components/button-group/button-group.d.ts +1 -1
  59. package/dist/components/button-group/index.d.ts +2 -2
  60. package/dist/components/button-link/button-link.d.ts +27 -0
  61. package/dist/components/button-link/index.d.ts +2 -0
  62. package/dist/components/button-link/index.js +2 -0
  63. package/dist/components/button-link/types.d.ts +20 -0
  64. package/dist/components/card/card.d.ts +1 -1
  65. package/dist/components/card/index.d.ts +2 -2
  66. package/dist/components/checkbox/checkbox.d.ts +1 -1
  67. package/dist/components/checkbox/index.d.ts +2 -2
  68. package/dist/components/checkbox/types.d.ts +2 -1
  69. package/dist/components/checkbox/useCheckbox.d.ts +4 -6
  70. package/dist/components/collapse/collapse.d.ts +2 -2
  71. package/dist/components/collapse/index.d.ts +3 -3
  72. package/dist/components/collapse/useCollapse.d.ts +1 -1
  73. package/dist/components/color-input/color-input.d.ts +29 -0
  74. package/dist/components/color-input/index.d.ts +2 -0
  75. package/dist/components/color-input/index.js +2 -0
  76. package/dist/components/color-input/types.d.ts +35 -0
  77. package/dist/components/color-input/useColorInput.d.ts +27 -0
  78. package/dist/components/color-input/useColorInputEyeDropper.d.ts +13 -0
  79. package/dist/components/color-input/useColorInputPopover.d.ts +11 -0
  80. package/dist/components/color-input/useColorInputValue.d.ts +8 -0
  81. package/dist/components/color-picker/color-picker-saturation.d.ts +21 -0
  82. package/dist/components/color-picker/color-picker-slider.d.ts +21 -0
  83. package/dist/components/color-picker/color-picker-utils.d.ts +23 -0
  84. package/dist/components/color-picker/color-picker.d.ts +23 -0
  85. package/dist/components/color-picker/index.d.ts +3 -0
  86. package/dist/components/color-picker/index.js +3 -0
  87. package/dist/components/color-picker/types.d.ts +39 -0
  88. package/dist/components/color-picker/useColorPickerDrag.d.ts +16 -0
  89. package/dist/components/color-picker/useColorPickerSwatches.d.ts +21 -0
  90. package/dist/components/color-picker/useColorPickerValue.d.ts +15 -0
  91. package/dist/components/color-swatch/color-swatch.d.ts +21 -0
  92. package/dist/components/color-swatch/index.d.ts +2 -0
  93. package/dist/components/color-swatch/index.js +2 -0
  94. package/dist/components/color-swatch/types.d.ts +6 -0
  95. package/dist/components/color-swatch/useColorSwatchColor.d.ts +5 -0
  96. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +15 -6
  97. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +1 -1
  98. package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  99. package/dist/components/dropdown-menu/index.d.ts +3 -3
  100. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +11 -10
  101. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +2 -2
  102. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +2 -2
  103. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +2 -2
  104. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +2 -2
  105. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +3 -3
  106. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +12 -4
  107. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +3 -3
  108. package/dist/components/field/field.d.ts +2 -2
  109. package/dist/components/field/index.d.ts +2 -2
  110. package/dist/components/field/types.d.ts +0 -2
  111. package/dist/components/field/useField.d.ts +1 -3
  112. package/dist/components/icon-button/icon-button.d.ts +1 -1
  113. package/dist/components/icon-button/index.d.ts +2 -2
  114. package/dist/components/icon-button/types.d.ts +2 -1
  115. package/dist/components/input/index.d.ts +2 -2
  116. package/dist/components/input/input.d.ts +1 -1
  117. package/dist/components/input/types.d.ts +3 -0
  118. package/dist/components/input/useInput.d.ts +2 -2
  119. package/dist/components/modal/index.d.ts +2 -2
  120. package/dist/components/modal/modal.d.ts +1 -1
  121. package/dist/components/modal/types.d.ts +1 -1
  122. package/dist/components/modal/useModal.d.ts +1 -1
  123. package/dist/components/number-input/index.d.ts +2 -0
  124. package/dist/components/number-input/index.js +2 -0
  125. package/dist/components/number-input/number-input.d.ts +29 -0
  126. package/dist/components/number-input/types.d.ts +34 -0
  127. package/dist/components/number-input/useNumberInput.d.ts +31 -0
  128. package/dist/components/overlay/index.d.ts +2 -2
  129. package/dist/components/overlay/overlay.d.ts +1 -1
  130. package/dist/components/overlay/useOverlay.d.ts +1 -1
  131. package/dist/components/popover/index.d.ts +3 -2
  132. package/dist/components/popover/index.js +2 -1
  133. package/dist/components/popover/popover.d.ts +2 -2
  134. package/dist/components/popover/types.d.ts +3 -1
  135. package/dist/components/popover/usePopover.d.ts +2 -1
  136. package/dist/components/progress/index.d.ts +3 -3
  137. package/dist/components/progress/progress.d.ts +1 -1
  138. package/dist/components/progress/types.d.ts +2 -2
  139. package/dist/components/progress/useProgress.d.ts +2 -2
  140. package/dist/components/radio/index.d.ts +3 -3
  141. package/dist/components/radio/radio-group.d.ts +1 -1
  142. package/dist/components/radio/radio.d.ts +1 -1
  143. package/dist/components/radio/types.d.ts +4 -1
  144. package/dist/components/radio/useRadio.d.ts +4 -6
  145. package/dist/components/select/index.d.ts +2 -2
  146. package/dist/components/select/select.d.ts +1 -1
  147. package/dist/components/select/types.d.ts +3 -0
  148. package/dist/components/select/useSelect.d.ts +2 -2
  149. package/dist/components/slider/index.d.ts +4 -3
  150. package/dist/components/slider/index.js +2 -2
  151. package/dist/components/slider/range-slider-tooltip.d.ts +34 -0
  152. package/dist/components/slider/range-slider.d.ts +37 -0
  153. package/dist/components/slider/slider.d.ts +1 -1
  154. package/dist/components/slider/sliderCore.d.ts +35 -0
  155. package/dist/components/slider/types.d.ts +15 -6
  156. package/dist/components/slider/useRangeSlider.d.ts +57 -0
  157. package/dist/components/slider/useRangeSliderPointer.d.ts +19 -0
  158. package/dist/components/slider/useRangeSliderTooltipCollision.d.ts +36 -0
  159. package/dist/components/slider/useRangeSliderTooltipState.d.ts +23 -0
  160. package/dist/components/slider/useSlider.d.ts +11 -15
  161. package/dist/components/switch/index.d.ts +2 -2
  162. package/dist/components/switch/switch.d.ts +1 -1
  163. package/dist/components/switch/types.d.ts +1 -1
  164. package/dist/components/switch/useSwitch.d.ts +4 -5
  165. package/dist/components/tabs/index.d.ts +6 -6
  166. package/dist/components/tabs/tabs-content.d.ts +2 -2
  167. package/dist/components/tabs/tabs-list.d.ts +4 -4
  168. package/dist/components/tabs/tabs-trigger.d.ts +5 -5
  169. package/dist/components/tabs/tabs.d.ts +5 -5
  170. package/dist/components/tabs/useTabs.d.ts +1 -1
  171. package/dist/components/textarea/index.d.ts +2 -2
  172. package/dist/components/textarea/textarea.d.ts +1 -1
  173. package/dist/components/textarea/useTextarea.d.ts +2 -2
  174. package/dist/components/toast/defaults.d.ts +7 -0
  175. package/dist/components/toast/index.d.ts +7 -0
  176. package/dist/components/toast/index.js +2 -0
  177. package/dist/components/toast/toast-provider.d.ts +21 -0
  178. package/dist/components/toast/toast-viewport.d.ts +34 -0
  179. package/dist/components/toast/toast.d.ts +31 -0
  180. package/dist/components/toast/types.d.ts +106 -0
  181. package/dist/components/toast/useToast.d.ts +4 -0
  182. package/dist/components/toast/useToastColor.d.ts +3 -0
  183. package/dist/components/toast/useToastState.d.ts +2 -0
  184. package/dist/components/tooltip/index.d.ts +2 -2
  185. package/dist/components/tooltip/tooltip.d.ts +2 -2
  186. package/dist/components/tooltip/types.d.ts +2 -1
  187. package/dist/components/tooltip/useTooltip.d.ts +3 -1
  188. package/dist/dropdown-menu.css +17 -17
  189. package/dist/dropdown-menu.js +160 -39
  190. package/dist/field.css +15 -18
  191. package/dist/field.js +17 -35
  192. package/dist/icon-button.css +57 -236
  193. package/dist/icon-button.js +5 -6
  194. package/dist/index.d.ts +31 -22
  195. package/dist/index.js +17 -4
  196. package/dist/input.css +40 -46
  197. package/dist/input.js +39 -21
  198. package/dist/minus.js +12 -0
  199. package/dist/modal.css +9 -9
  200. package/dist/modal.js +1 -1
  201. package/dist/number-input.css +86 -0
  202. package/dist/number-input.js +350 -0
  203. package/dist/overlay.css +5 -5
  204. package/dist/overlay.js +3 -3
  205. package/dist/popover.css +62 -29
  206. package/dist/popover.js +33 -19
  207. package/dist/popover2.js +17 -0
  208. package/dist/progress.css +9 -30
  209. package/dist/progress.js +3 -6
  210. package/dist/radio.css +34 -62
  211. package/dist/radio.js +28 -16
  212. package/dist/rafScheduler.js +34 -0
  213. package/dist/select.css +105 -61
  214. package/dist/select.js +12 -8
  215. package/dist/slider.css +719 -125
  216. package/dist/slider.js +1251 -149
  217. package/dist/switch.css +19 -44
  218. package/dist/switch.js +4 -5
  219. package/dist/tabs.css +36 -36
  220. package/dist/tabs.js +1 -1
  221. package/dist/textarea.css +33 -25
  222. package/dist/textarea.js +8 -2
  223. package/dist/toast.css +232 -0
  224. package/dist/toast.js +679 -0
  225. package/dist/tooltip.css +7 -35
  226. package/dist/tooltip.js +30 -18
  227. package/dist/useButtonColor.js +16 -14
  228. package/dist/utils/componentColors.d.ts +60 -0
  229. package/package.json +55 -15
  230. package/src/styles/_mixins.scss +25 -41
  231. package/src/styles/_tokens.scss +615 -182
  232. package/src/styles/_variables.scss +177 -49
package/dist/slider.css CHANGED
@@ -1,5 +1,5 @@
1
- .rp-slider[data-v-c9655b1d] {
2
- --_rp-slider-color: var(--_rp-slider-custom-color, var(--rp-color-control-selected-bg));
1
+ .rp-slider[data-v-b852f835] {
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);
@@ -10,21 +10,17 @@
10
10
  --_rp-slider-track-height: 8px;
11
11
  --_rp-slider-thumb-size: 16px;
12
12
  --_rp-slider-thumb-border-width: 4px;
13
+ --_rp-slider-font-size: var(--rp-font-size-md);
14
+ --_rp-slider-mark-size: 4px;
15
+ --_rp-slider-mark-color: var(--rp-color-control-thumb-bg);
16
+ --_rp-slider-mark-label-color: var(--rp-color-dimmed);
17
+ --_rp-slider-mark-filled-label-color: var(--rp-color-text);
18
+ --_rp-slider-mark-ring-color: var(--_rp-slider-color);
13
19
  --_rp-slider-ratio: 0;
14
20
  --_rp-slider-fill-position: calc(
15
21
  var(--_rp-slider-thumb-size) / 2 + (100% - var(--_rp-slider-thumb-size)) *
16
22
  var(--_rp-slider-ratio)
17
23
  );
18
- --_rp-slider-font-size: var(--rp-font-size-base);
19
- --_rp-slider-mark-size: 4px;
20
- --_rp-slider-mark-color: var(--rp-color-control-thumb-bg);
21
- --_rp-slider-mark-label-color: var(--rp-color-text-secondary);
22
- --_rp-slider-mark-filled-label-color: var(--rp-color-text);
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);
28
24
  display: inline-grid;
29
25
  width: 100%;
30
26
  min-width: var(--_rp-slider-track-length);
@@ -33,46 +29,42 @@
33
29
  cursor: pointer;
34
30
  font-family: var(--rp-font-family);
35
31
  font-size: var(--_rp-slider-font-size);
36
- line-height: var(--rp-line-height-normal);
32
+ line-height: var(--rp-line-height-md);
37
33
  }
38
- html.dark .rp-slider[data-v-c9655b1d] {
34
+ html.dark .rp-slider[data-v-b852f835], [data-rp-color-scheme=dark] .rp-slider[data-v-b852f835] {
39
35
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
40
36
  --_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
37
  }
46
- .rp-slider--custom-thumb[data-v-c9655b1d] {
38
+ .rp-slider--custom-thumb[data-v-b852f835] {
47
39
  --_rp-slider-thumb-bg: var(--_rp-slider-color);
48
40
  --_rp-slider-thumb-border: var(--rp-color-control-thumb-bg);
49
41
  }
50
- .rp-slider--disabled[data-v-c9655b1d] {
42
+ .rp-slider--disabled[data-v-b852f835] {
51
43
  opacity: var(--rp-opacity-disabled);
52
44
  cursor: not-allowed;
53
45
  }
54
- .rp-slider__header[data-v-c9655b1d] {
46
+ .rp-slider__header[data-v-b852f835] {
55
47
  display: flex;
56
48
  align-items: center;
57
49
  justify-content: space-between;
58
50
  min-width: 0;
59
51
  gap: var(--rp-spacing-3);
60
52
  }
61
- .rp-slider__label[data-v-c9655b1d] {
53
+ .rp-slider__label[data-v-b852f835] {
62
54
  min-width: 0;
63
55
  color: var(--rp-color-text);
64
56
  }
65
- .rp-slider__value[data-v-c9655b1d] {
57
+ .rp-slider__value[data-v-b852f835] {
66
58
  flex-shrink: 0;
67
- color: var(--rp-color-text-secondary);
59
+ color: var(--rp-color-dimmed);
68
60
  font-variant-numeric: tabular-nums;
69
61
  }
70
- .rp-slider__track[data-v-c9655b1d] {
62
+ .rp-slider__track[data-v-b852f835] {
71
63
  position: relative;
72
64
  display: block;
73
65
  min-width: 0;
74
66
  }
75
- .rp-slider__bar[data-v-c9655b1d] {
67
+ .rp-slider__bar[data-v-b852f835] {
76
68
  position: absolute;
77
69
  z-index: 1;
78
70
  top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-track-height)) / 2);
@@ -84,10 +76,10 @@ html.dark .rp-slider[data-v-c9655b1d] {
84
76
  background: linear-gradient(to right, var(--_rp-slider-color) 0 var(--_rp-slider-fill-position), var(--_rp-slider-track-bg) var(--_rp-slider-fill-position) 100%);
85
77
  border-radius: var(--rp-radius-full);
86
78
  }
87
- .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));
79
+ .rp-slider--marks-with-labels .rp-slider__track[data-v-b852f835] {
80
+ padding-bottom: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
89
81
  }
90
- .rp-slider__native[data-v-c9655b1d] {
82
+ .rp-slider__native[data-v-b852f835] {
91
83
  position: relative;
92
84
  z-index: 3;
93
85
  display: block;
@@ -101,7 +93,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
101
93
  cursor: pointer;
102
94
  outline: none;
103
95
  }
104
- .rp-slider__marks[data-v-c9655b1d] {
96
+ .rp-slider__marks[data-v-b852f835] {
105
97
  position: absolute;
106
98
  z-index: 2;
107
99
  top: 0;
@@ -110,7 +102,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
110
102
  height: var(--_rp-slider-thumb-size);
111
103
  pointer-events: none;
112
104
  }
113
- .rp-slider__mark[data-v-c9655b1d] {
105
+ .rp-slider__mark[data-v-b852f835] {
114
106
  position: absolute;
115
107
  top: 0;
116
108
  left: var(--_rp-slider-mark-position);
@@ -120,10 +112,10 @@ html.dark .rp-slider[data-v-c9655b1d] {
120
112
  width: max-content;
121
113
  max-width: 8rem;
122
114
  color: var(--_rp-slider-mark-label-color);
123
- line-height: var(--rp-line-height-normal);
115
+ line-height: var(--rp-line-height-md);
124
116
  transform: translateX(-50%);
125
117
  }
126
- .rp-slider__mark-dot[data-v-c9655b1d] {
118
+ .rp-slider__mark-dot[data-v-b852f835] {
127
119
  width: var(--_rp-slider-mark-size);
128
120
  height: var(--_rp-slider-mark-size);
129
121
  margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2);
@@ -132,7 +124,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
132
124
  box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
133
125
  transition: box-shadow var(--rp-transition-fast);
134
126
  }
135
- .rp-slider__mark-label[data-v-c9655b1d] {
127
+ .rp-slider__mark-label[data-v-b852f835] {
136
128
  max-width: 100%;
137
129
  margin-top: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
138
130
  overflow-wrap: anywhere;
@@ -141,13 +133,13 @@ html.dark .rp-slider[data-v-c9655b1d] {
141
133
  text-align: center;
142
134
  font-variant-numeric: tabular-nums;
143
135
  }
144
- .rp-slider__mark--filled .rp-slider__mark-dot[data-v-c9655b1d] {
136
+ .rp-slider__mark--filled .rp-slider__mark-dot[data-v-b852f835] {
145
137
  box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-slider-mark-ring-color);
146
138
  }
147
- .rp-slider__mark--filled .rp-slider__mark-label[data-v-c9655b1d] {
139
+ .rp-slider__mark--filled .rp-slider__mark-label[data-v-b852f835] {
148
140
  color: var(--_rp-slider-mark-filled-label-color);
149
141
  }
150
- .rp-slider__thumb[data-v-c9655b1d] {
142
+ .rp-slider__thumb[data-v-b852f835] {
151
143
  position: absolute;
152
144
  z-index: 4;
153
145
  top: 0;
@@ -156,7 +148,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
156
148
  height: var(--_rp-slider-thumb-size);
157
149
  pointer-events: none;
158
150
  }
159
- .rp-slider__thumb-content[data-v-c9655b1d] {
151
+ .rp-slider__thumb-content[data-v-b852f835] {
160
152
  position: absolute;
161
153
  top: 50%;
162
154
  left: var(--_rp-slider-percent);
@@ -176,49 +168,51 @@ html.dark .rp-slider[data-v-c9655b1d] {
176
168
  transform: translate(-50%, -50%);
177
169
  transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
178
170
  }
179
- .rp-slider__thumb-content[data-v-c9655b1d] svg {
171
+ .rp-slider__thumb-content[data-v-b852f835] svg {
180
172
  width: 60%;
181
173
  height: 60%;
182
174
  }
183
- .rp-slider__tooltip[data-v-c9655b1d] {
175
+ .rp-slider__tooltip[data-v-b852f835] {
184
176
  position: absolute;
185
177
  z-index: 5;
186
178
  top: 0;
187
179
  left: var(--_rp-slider-fill-position);
180
+ width: var(--_rp-slider-thumb-size);
181
+ height: var(--_rp-slider-thumb-size);
188
182
  pointer-events: none;
189
183
  translate: -50% 0;
190
184
  }
191
- .rp-slider__tooltip-anchor[data-v-c9655b1d] {
185
+ .rp-slider__tooltip-anchor[data-v-b852f835] {
192
186
  display: block;
193
- width: 0;
194
- height: 0;
187
+ width: 100%;
188
+ height: 100%;
195
189
  }
196
- .rp-slider__tooltip[data-v-c9655b1d] .rp-tooltip__content {
190
+ .rp-slider__tooltip[data-v-b852f835] .rp-tooltip__content {
197
191
  min-width: 2rem;
198
192
  max-width: min(12rem, 100vw - var(--rp-spacing-6));
199
193
  padding: var(--rp-spacing-1) var(--rp-spacing-2);
200
194
  white-space: nowrap;
201
195
  font-variant-numeric: tabular-nums;
202
196
  }
203
- .rp-slider__native[data-v-c9655b1d]:disabled {
197
+ .rp-slider__native[data-v-b852f835]:disabled {
204
198
  cursor: not-allowed;
205
199
  }
206
- .rp-slider__native[data-v-c9655b1d]::-webkit-slider-runnable-track {
200
+ .rp-slider__native[data-v-b852f835]::-webkit-slider-runnable-track {
207
201
  height: var(--_rp-slider-track-height);
208
202
  border-radius: var(--rp-radius-full);
209
203
  background: transparent;
210
204
  }
211
- .rp-slider__native[data-v-c9655b1d]::-moz-range-track {
205
+ .rp-slider__native[data-v-b852f835]::-moz-range-track {
212
206
  height: var(--_rp-slider-track-height);
213
207
  border-radius: var(--rp-radius-full);
214
208
  background: transparent;
215
209
  }
216
- .rp-slider__native[data-v-c9655b1d]::-moz-range-progress {
210
+ .rp-slider__native[data-v-b852f835]::-moz-range-progress {
217
211
  height: var(--_rp-slider-track-height);
218
212
  border-radius: var(--rp-radius-full);
219
213
  background: transparent;
220
214
  }
221
- .rp-slider__native[data-v-c9655b1d]::-webkit-slider-thumb {
215
+ .rp-slider__native[data-v-b852f835]::-webkit-slider-thumb {
222
216
  width: var(--_rp-slider-thumb-size);
223
217
  height: var(--_rp-slider-thumb-size);
224
218
  margin-top: calc((var(--_rp-slider-track-height) - var(--_rp-slider-thumb-size)) / 2);
@@ -230,7 +224,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
230
224
  box-shadow: var(--rp-shadow-sm);
231
225
  transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
232
226
  }
233
- .rp-slider__native[data-v-c9655b1d]::-moz-range-thumb {
227
+ .rp-slider__native[data-v-b852f835]::-moz-range-thumb {
234
228
  width: var(--_rp-slider-thumb-size);
235
229
  height: var(--_rp-slider-thumb-size);
236
230
  box-sizing: border-box;
@@ -240,42 +234,42 @@ html.dark .rp-slider[data-v-c9655b1d] {
240
234
  box-shadow: var(--rp-shadow-sm);
241
235
  transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
242
236
  }
243
- .rp-slider--vertical[data-v-c9655b1d] {
237
+ .rp-slider--vertical[data-v-b852f835] {
244
238
  width: max-content;
245
239
  min-width: 0;
246
240
  max-width: none;
247
241
  justify-items: center;
248
242
  }
249
- .rp-slider--vertical .rp-slider__header[data-v-c9655b1d] {
243
+ .rp-slider--vertical .rp-slider__header[data-v-b852f835] {
250
244
  width: max-content;
251
245
  max-width: 12rem;
252
246
  justify-content: space-between;
253
247
  gap: var(--rp-spacing-3);
254
248
  text-align: center;
255
249
  }
256
- .rp-slider--vertical .rp-slider__value[data-v-c9655b1d] {
250
+ .rp-slider--vertical .rp-slider__value[data-v-b852f835] {
257
251
  min-width: 3ch;
258
252
  text-align: right;
259
253
  }
260
- .rp-slider--vertical .rp-slider__track[data-v-c9655b1d] {
254
+ .rp-slider--vertical .rp-slider__track[data-v-b852f835] {
261
255
  width: var(--_rp-slider-thumb-size);
262
256
  height: var(--_rp-slider-track-length);
263
257
  min-width: 0;
264
258
  min-height: var(--_rp-slider-track-length);
265
259
  justify-self: center;
266
260
  }
267
- .rp-slider--vertical .rp-slider__bar[data-v-c9655b1d] {
261
+ .rp-slider--vertical .rp-slider__bar[data-v-b852f835] {
268
262
  top: 0;
269
263
  left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-track-height)) / 2);
270
264
  width: var(--_rp-slider-track-height);
271
265
  height: 100%;
272
266
  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
267
  }
274
- .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));
268
+ .rp-slider--vertical.rp-slider--marks-with-labels .rp-slider__track[data-v-b852f835] {
269
+ padding-right: calc(var(--_rp-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
276
270
  padding-bottom: 0;
277
271
  }
278
- .rp-slider--vertical .rp-slider__native[data-v-c9655b1d] {
272
+ .rp-slider--vertical .rp-slider__native[data-v-b852f835] {
279
273
  width: var(--_rp-slider-thumb-size);
280
274
  min-width: 0;
281
275
  height: 100%;
@@ -283,7 +277,7 @@ html.dark .rp-slider[data-v-c9655b1d] {
283
277
  direction: rtl;
284
278
  writing-mode: vertical-lr;
285
279
  }
286
- .rp-slider--vertical .rp-slider__marks[data-v-c9655b1d] {
280
+ .rp-slider--vertical .rp-slider__marks[data-v-b852f835] {
287
281
  top: calc(var(--_rp-slider-thumb-size) / 2);
288
282
  right: auto;
289
283
  bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -291,24 +285,24 @@ html.dark .rp-slider[data-v-c9655b1d] {
291
285
  width: var(--_rp-slider-thumb-size);
292
286
  height: auto;
293
287
  }
294
- .rp-slider--vertical .rp-slider__mark[data-v-c9655b1d] {
288
+ .rp-slider--vertical .rp-slider__mark[data-v-b852f835] {
295
289
  top: calc(100% - var(--_rp-slider-mark-position));
296
290
  left: 0;
297
291
  flex-direction: row;
298
292
  align-items: center;
299
293
  transform: translateY(-50%);
300
294
  }
301
- .rp-slider--vertical .rp-slider__mark-dot[data-v-c9655b1d] {
295
+ .rp-slider--vertical .rp-slider__mark-dot[data-v-b852f835] {
302
296
  flex: 0 0 auto;
303
297
  margin-top: 0;
304
298
  margin-left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2);
305
299
  }
306
- .rp-slider--vertical .rp-slider__mark-label[data-v-c9655b1d] {
300
+ .rp-slider--vertical .rp-slider__mark-label[data-v-b852f835] {
307
301
  margin-top: 0;
308
302
  margin-left: calc((var(--_rp-slider-thumb-size) - var(--_rp-slider-mark-size)) / 2 + var(--rp-spacing-1));
309
303
  text-align: left;
310
304
  }
311
- .rp-slider--vertical .rp-slider__thumb[data-v-c9655b1d] {
305
+ .rp-slider--vertical .rp-slider__thumb[data-v-b852f835] {
312
306
  top: calc(var(--_rp-slider-thumb-size) / 2);
313
307
  right: auto;
314
308
  bottom: calc(var(--_rp-slider-thumb-size) / 2);
@@ -316,123 +310,723 @@ html.dark .rp-slider[data-v-c9655b1d] {
316
310
  width: var(--_rp-slider-thumb-size);
317
311
  height: auto;
318
312
  }
319
- .rp-slider--vertical .rp-slider__thumb-content[data-v-c9655b1d] {
313
+ .rp-slider--vertical .rp-slider__thumb-content[data-v-b852f835] {
320
314
  top: calc(100% - var(--_rp-slider-percent));
321
315
  left: 50%;
322
316
  }
323
- .rp-slider--vertical .rp-slider__tooltip[data-v-c9655b1d] {
317
+ .rp-slider--vertical .rp-slider__tooltip[data-v-b852f835] {
324
318
  top: calc(100% - var(--_rp-slider-fill-position));
325
319
  left: 0;
326
320
  translate: 0 -50%;
327
321
  }
328
- .rp-slider--vertical .rp-slider__native[data-v-c9655b1d]::-webkit-slider-runnable-track {
322
+ .rp-slider--vertical .rp-slider__native[data-v-b852f835]::-webkit-slider-runnable-track {
329
323
  width: var(--_rp-slider-track-height);
330
324
  height: 100%;
331
325
  background: transparent;
332
326
  }
333
- .rp-slider--vertical .rp-slider__native[data-v-c9655b1d]::-moz-range-track {
327
+ .rp-slider--vertical .rp-slider__native[data-v-b852f835]::-moz-range-track {
334
328
  width: var(--_rp-slider-track-height);
335
329
  height: 100%;
336
330
  }
337
- .rp-slider--vertical .rp-slider__native[data-v-c9655b1d]::-moz-range-progress {
331
+ .rp-slider--vertical .rp-slider__native[data-v-b852f835]::-moz-range-progress {
338
332
  width: var(--_rp-slider-track-height);
339
333
  }
340
- .rp-slider--vertical .rp-slider__native[data-v-c9655b1d]::-webkit-slider-thumb {
334
+ .rp-slider--vertical .rp-slider__native[data-v-b852f835]::-webkit-slider-thumb {
341
335
  margin-top: 0;
342
336
  margin-left: calc((var(--_rp-slider-track-height) - var(--_rp-slider-thumb-size)) / 2);
343
337
  }
344
- .rp-slider--custom-thumb .rp-slider__native[data-v-c9655b1d]::-webkit-slider-thumb {
338
+ .rp-slider--custom-thumb .rp-slider__native[data-v-b852f835]::-webkit-slider-thumb {
345
339
  opacity: 0;
346
340
  }
347
- .rp-slider--custom-thumb .rp-slider__native[data-v-c9655b1d]::-moz-range-thumb {
341
+ .rp-slider--custom-thumb .rp-slider__native[data-v-b852f835]::-moz-range-thumb {
348
342
  opacity: 0;
349
343
  }
350
- .rp-slider__native[data-v-c9655b1d]:focus-visible::-webkit-slider-thumb {
344
+ .rp-slider__native[data-v-b852f835]:focus-visible::-webkit-slider-thumb {
351
345
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
352
346
  }
353
- .rp-slider__native[data-v-c9655b1d]:focus-visible::-moz-range-thumb {
347
+ .rp-slider__native[data-v-b852f835]:focus-visible::-moz-range-thumb {
354
348
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
355
349
  }
356
- .rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-c9655b1d] {
350
+ .rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-b852f835] {
357
351
  box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
358
352
  }
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
- .rp-slider--valid[data-v-c9655b1d] {
381
- --_rp-slider-color: var(--_rp-slider-valid-color);
382
- }
383
- .rp-slider--invalid[data-v-c9655b1d] {
384
- --_rp-slider-color: var(--_rp-slider-invalid-color);
385
- }
386
- .rp-slider--valid .rp-slider__native[data-v-c9655b1d]:focus-visible::-webkit-slider-thumb {
387
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-valid-ring);
388
- }
389
- .rp-slider--valid .rp-slider__native[data-v-c9655b1d]:focus-visible::-moz-range-thumb {
390
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-valid-ring);
391
- }
392
- .rp-slider--valid.rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-c9655b1d] {
393
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-valid-ring);
394
- }
395
- .rp-slider--invalid .rp-slider__native[data-v-c9655b1d]:focus-visible::-webkit-slider-thumb {
396
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-invalid-ring);
397
- }
398
- .rp-slider--invalid .rp-slider__native[data-v-c9655b1d]:focus-visible::-moz-range-thumb {
399
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-invalid-ring);
400
- }
401
- .rp-slider--invalid.rp-slider--custom-thumb .rp-slider__native:focus-visible ~ .rp-slider__thumb .rp-slider__thumb-content[data-v-c9655b1d] {
402
- box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--_rp-slider-invalid-ring);
403
- }
404
- .rp-slider--size-xs[data-v-c9655b1d] {
353
+ .rp-slider--size-xs[data-v-b852f835] {
405
354
  --_rp-slider-track-height: 4px;
406
355
  --_rp-slider-thumb-size: 8px;
407
356
  --_rp-slider-thumb-border-width: 4px;
408
357
  --_rp-slider-font-size: var(--rp-font-size-xs);
409
358
  --_rp-slider-mark-size: 4px;
410
359
  }
411
- .rp-slider--size-sm[data-v-c9655b1d] {
360
+ .rp-slider--size-sm[data-v-b852f835] {
412
361
  --_rp-slider-track-height: 6px;
413
362
  --_rp-slider-thumb-size: 12px;
414
363
  --_rp-slider-thumb-border-width: 3px;
415
364
  --_rp-slider-font-size: var(--rp-font-size-sm);
416
365
  --_rp-slider-mark-size: 4px;
417
366
  }
418
- .rp-slider--size-md[data-v-c9655b1d] {
367
+ .rp-slider--size-md[data-v-b852f835] {
419
368
  --_rp-slider-track-height: 8px;
420
369
  --_rp-slider-thumb-size: 16px;
421
370
  --_rp-slider-thumb-border-width: 4px;
422
- --_rp-slider-font-size: var(--rp-font-size-base);
371
+ --_rp-slider-font-size: var(--rp-font-size-md);
423
372
  --_rp-slider-mark-size: 4px;
424
373
  }
425
- .rp-slider--size-lg[data-v-c9655b1d] {
374
+ .rp-slider--size-lg[data-v-b852f835] {
426
375
  --_rp-slider-track-height: 10px;
427
376
  --_rp-slider-thumb-size: 20px;
428
377
  --_rp-slider-thumb-border-width: 5px;
429
378
  --_rp-slider-font-size: var(--rp-font-size-lg);
430
379
  --_rp-slider-mark-size: 5px;
431
380
  }
432
- .rp-slider--size-xl[data-v-c9655b1d] {
381
+ .rp-slider--size-xl[data-v-b852f835] {
433
382
  --_rp-slider-track-height: 12px;
434
383
  --_rp-slider-thumb-size: 24px;
435
384
  --_rp-slider-thumb-border-width: 6px;
436
385
  --_rp-slider-font-size: var(--rp-font-size-xl);
437
386
  --_rp-slider-mark-size: 6px;
387
+ }.rp-tooltip[data-v-d17966e5] {
388
+ --_rp-tooltip-main-axis-offset: var(--rp-spacing-2);
389
+ --_rp-tooltip-cross-axis-offset: 0px;
390
+ --_rp-tooltip-arrow-size: 0.4375rem;
391
+ --_rp-tooltip-bg: var(--rp-color-bright);
392
+ --_rp-tooltip-fg: var(--rp-color-default);
393
+ position: relative;
394
+ display: inline-flex;
395
+ font-family: var(--rp-font-family);
396
+ vertical-align: middle;
397
+ }
398
+ .rp-tooltip__content[data-v-d17966e5] {
399
+ position: absolute;
400
+ z-index: 1000;
401
+ box-sizing: border-box;
402
+ width: max-content;
403
+ max-width: min(18rem, 100vw - var(--rp-spacing-6));
404
+ padding: 0.375rem 0.625rem;
405
+ color: var(--_rp-tooltip-fg);
406
+ font-size: 0.8125rem;
407
+ font-weight: var(--rp-font-weight-medium);
408
+ line-height: var(--rp-line-height-md);
409
+ text-align: center;
410
+ white-space: normal;
411
+ overflow-wrap: anywhere;
412
+ pointer-events: none;
413
+ background-color: var(--_rp-tooltip-bg);
414
+ border-radius: var(--rp-radius-sm);
415
+ box-shadow: var(--rp-shadow-md);
416
+ }
417
+ .rp-tooltip--arrow .rp-tooltip__content[data-v-d17966e5]::before {
418
+ position: absolute;
419
+ width: var(--_rp-tooltip-arrow-size);
420
+ height: var(--_rp-tooltip-arrow-size);
421
+ content: "";
422
+ background-color: inherit;
423
+ rotate: 45deg;
424
+ }
425
+ .rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5] {
426
+ bottom: calc(100% + var(--_rp-tooltip-main-axis-offset));
427
+ left: calc(50% + var(--_rp-tooltip-cross-axis-offset));
428
+ translate: -50% 0;
429
+ }
430
+ .rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5]::before {
431
+ top: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
432
+ left: 50%;
433
+ translate: -50% 0;
434
+ }
435
+ .rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5] {
436
+ top: calc(50% + var(--_rp-tooltip-cross-axis-offset));
437
+ left: calc(100% + var(--_rp-tooltip-main-axis-offset));
438
+ translate: 0 -50%;
439
+ }
440
+ .rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5]::before {
441
+ top: 50%;
442
+ right: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
443
+ translate: 0 -50%;
444
+ }
445
+ .rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5] {
446
+ top: calc(100% + var(--_rp-tooltip-main-axis-offset));
447
+ left: calc(50% + var(--_rp-tooltip-cross-axis-offset));
448
+ translate: -50% 0;
449
+ }
450
+ .rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5]::before {
451
+ bottom: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
452
+ left: 50%;
453
+ translate: -50% 0;
454
+ }
455
+ .rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5] {
456
+ top: calc(50% + var(--_rp-tooltip-cross-axis-offset));
457
+ right: calc(100% + var(--_rp-tooltip-main-axis-offset));
458
+ translate: 0 -50%;
459
+ }
460
+ .rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5]::before {
461
+ top: 50%;
462
+ left: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
463
+ translate: 0 -50%;
464
+ }
465
+ .rp-tooltip--target[data-v-d17966e5] {
466
+ display: contents;
467
+ }
468
+ .rp-tooltip--target .rp-tooltip__content[data-v-d17966e5] {
469
+ position: fixed;
470
+ top: var(--_rp-tooltip-target-y, 0);
471
+ right: auto;
472
+ bottom: auto;
473
+ left: var(--_rp-tooltip-target-x, 0);
474
+ }
475
+ .rp-tooltip--target.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5] {
476
+ translate: calc(-50% + var(--_rp-tooltip-cross-axis-offset)) calc(-100% - var(--_rp-tooltip-main-axis-offset));
477
+ }
478
+ .rp-tooltip--target.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5] {
479
+ translate: var(--_rp-tooltip-main-axis-offset) calc(-50% + var(--_rp-tooltip-cross-axis-offset));
480
+ }
481
+ .rp-tooltip--target.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5] {
482
+ translate: calc(-50% + var(--_rp-tooltip-cross-axis-offset)) var(--_rp-tooltip-main-axis-offset);
483
+ }
484
+ .rp-tooltip--target.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5] {
485
+ translate: calc(-100% - var(--_rp-tooltip-main-axis-offset)) calc(-50% + var(--_rp-tooltip-cross-axis-offset));
486
+ }
487
+ .rp-tooltip-content-enter-active[data-v-d17966e5],
488
+ .rp-tooltip-content-leave-active[data-v-d17966e5] {
489
+ transition: opacity var(--rp-transition-fast);
490
+ }
491
+ .rp-tooltip-content-enter-from[data-v-d17966e5],
492
+ .rp-tooltip-content-leave-to[data-v-d17966e5] {
493
+ opacity: 0;
494
+ }.rp-range-slider__tooltips[data-v-d17966e5] {
495
+ position: absolute;
496
+ z-index: 5;
497
+ inset: 0;
498
+ pointer-events: none;
499
+ }
500
+ .rp-range-slider__tooltip[data-v-d17966e5] {
501
+ --_rp-range-slider-tooltip-translate-x: -50%;
502
+ --_rp-range-slider-tooltip-translate-y: 0%;
503
+ position: absolute;
504
+ z-index: 5;
505
+ top: 0;
506
+ width: var(--_rp-range-slider-thumb-size);
507
+ height: var(--_rp-range-slider-thumb-size);
508
+ opacity: 1;
509
+ pointer-events: none;
510
+ translate: var(--_rp-range-slider-tooltip-translate-x) var(--_rp-range-slider-tooltip-translate-y);
511
+ }
512
+ .rp-range-slider__tooltip--lower[data-v-d17966e5] {
513
+ left: var(--_rp-range-slider-lower-percent);
514
+ }
515
+ .rp-range-slider__tooltip--upper[data-v-d17966e5] {
516
+ left: var(--_rp-range-slider-upper-percent);
517
+ }
518
+ .rp-range-slider__tooltip--merged[data-v-d17966e5] {
519
+ left: var(--_rp-range-slider-tooltip-merged-percent);
520
+ opacity: 0;
521
+ }
522
+ .rp-range-slider__tooltip .rp-tooltip__content[data-v-d17966e5] {
523
+ max-width: min(12rem, 100vw - var(--rp-spacing-6));
524
+ padding: var(--rp-spacing-1) var(--rp-spacing-2);
525
+ white-space: nowrap;
526
+ font-variant-numeric: tabular-nums;
527
+ }
528
+ .rp-range-slider__tooltip-anchor[data-v-d17966e5] {
529
+ display: block;
530
+ width: 100%;
531
+ height: 100%;
532
+ }
533
+ .rp-range-slider__tooltip-merged-separator[data-v-d17966e5] {
534
+ margin-inline: var(--rp-spacing-1);
535
+ opacity: 0.64;
536
+ }
537
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow .rp-tooltip__content[data-v-d17966e5]::before,
538
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow .rp-tooltip__content[data-v-d17966e5]::after {
539
+ position: absolute;
540
+ width: var(--_rp-tooltip-arrow-size);
541
+ height: var(--_rp-tooltip-arrow-size);
542
+ content: "";
543
+ background-color: inherit;
544
+ rotate: 45deg;
545
+ }
546
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5], .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5] {
547
+ min-width: var(--_rp-range-slider-tooltip-merged-min-size, 0px);
548
+ }
549
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5]::before {
550
+ left: calc(50% - var(--_rp-range-slider-tooltip-merged-arrow-offset, 0px));
551
+ translate: -50% 0;
552
+ }
553
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5]::after, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5]::after {
554
+ left: calc(50% + var(--_rp-range-slider-tooltip-merged-arrow-offset, 0px));
555
+ translate: -50% 0;
556
+ }
557
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-top .rp-tooltip__content[data-v-d17966e5]::after {
558
+ top: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
559
+ }
560
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-bottom .rp-tooltip__content[data-v-d17966e5]::after {
561
+ bottom: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
562
+ }
563
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5], .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5] {
564
+ min-height: var(--_rp-range-slider-tooltip-merged-min-size, 0px);
565
+ }
566
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5]::before {
567
+ top: calc(50% + var(--_rp-range-slider-tooltip-merged-arrow-offset, 0px));
568
+ translate: 0 -50%;
569
+ }
570
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5]::after, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5]::after {
571
+ top: calc(50% - var(--_rp-range-slider-tooltip-merged-arrow-offset, 0px));
572
+ translate: 0 -50%;
573
+ }
574
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-left .rp-tooltip__content[data-v-d17966e5]::after {
575
+ left: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
576
+ }
577
+ .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5]::before, .rp-range-slider__tooltip--merged.rp-tooltip--arrow.rp-tooltip--placement-right .rp-tooltip__content[data-v-d17966e5]::after {
578
+ right: calc(100% - var(--_rp-tooltip-arrow-size) / 2);
579
+ }
580
+ .rp-range-slider__tooltips--overlapping .rp-range-slider__tooltip--lower[data-v-d17966e5],
581
+ .rp-range-slider__tooltips--overlapping .rp-range-slider__tooltip--upper[data-v-d17966e5] {
582
+ opacity: 0;
583
+ }
584
+ .rp-range-slider__tooltips--overlapping .rp-range-slider__tooltip--merged[data-v-d17966e5] {
585
+ opacity: 1;
586
+ }
587
+ .rp-range-slider__tooltips--vertical .rp-range-slider__tooltip[data-v-d17966e5] {
588
+ --_rp-range-slider-tooltip-translate-x: 0%;
589
+ --_rp-range-slider-tooltip-translate-y: -50%;
590
+ top: auto;
591
+ left: 0;
592
+ }
593
+ .rp-range-slider__tooltips--vertical .rp-range-slider__tooltip--lower[data-v-d17966e5] {
594
+ top: calc(100% - var(--_rp-range-slider-lower-percent));
595
+ }
596
+ .rp-range-slider__tooltips--vertical .rp-range-slider__tooltip--upper[data-v-d17966e5] {
597
+ top: calc(100% - var(--_rp-range-slider-upper-percent));
598
+ }
599
+ .rp-range-slider__tooltips--vertical .rp-range-slider__tooltip--merged[data-v-d17966e5] {
600
+ top: calc(100% - var(--_rp-range-slider-tooltip-merged-percent));
601
+ }
602
+ .rp-range-slider__tooltips--vertical .rp-range-slider__tooltip--merged .rp-tooltip__content[data-v-d17966e5] {
603
+ display: flex;
604
+ flex-direction: column;
605
+ align-items: center;
606
+ justify-content: center;
607
+ }.rp-range-slider[data-v-8dd81f55] {
608
+ --_rp-range-slider-color: var(--rp-color-control-selected-bg);
609
+ --_rp-range-slider-track-bg: var(--rp-color-control-track-bg);
610
+ --_rp-range-slider-thumb-bg: var(--rp-color-control-thumb-bg);
611
+ --_rp-range-slider-thumb-border: var(--_rp-range-slider-color);
612
+ --_rp-range-slider-thumb-border-style: var(--_rp-range-slider-thumb-border-width) solid
613
+ var(--_rp-range-slider-thumb-border);
614
+ --_rp-range-slider-thumb-padding: 0;
615
+ --_rp-range-slider-track-length: 160px;
616
+ --_rp-range-slider-track-height: 8px;
617
+ --_rp-range-slider-thumb-size: 16px;
618
+ --_rp-range-slider-thumb-border-width: 4px;
619
+ --_rp-range-slider-font-size: var(--rp-font-size-md);
620
+ --_rp-range-slider-mark-size: 4px;
621
+ --_rp-range-slider-mark-color: var(--rp-color-control-thumb-bg);
622
+ --_rp-range-slider-mark-label-color: var(--rp-color-dimmed);
623
+ --_rp-range-slider-mark-filled-label-color: var(--rp-color-text);
624
+ --_rp-range-slider-mark-ring-color: var(--_rp-range-slider-color);
625
+ --_rp-range-slider-lower-percent: 0%;
626
+ --_rp-range-slider-upper-percent: 100%;
627
+ --_rp-range-slider-lower-ratio: 0;
628
+ --_rp-range-slider-upper-ratio: 1;
629
+ --_rp-range-slider-tooltip-merged-percent: 50%;
630
+ --_rp-range-slider-lower-fill-position: calc(
631
+ var(--_rp-range-slider-thumb-size) / 2 + (100% - var(--_rp-range-slider-thumb-size)) *
632
+ var(--_rp-range-slider-lower-ratio)
633
+ );
634
+ --_rp-range-slider-upper-fill-position: calc(
635
+ var(--_rp-range-slider-thumb-size) / 2 + (100% - var(--_rp-range-slider-thumb-size)) *
636
+ var(--_rp-range-slider-upper-ratio)
637
+ );
638
+ --_rp-range-slider-tooltip-reserved-space: calc(
639
+ var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-4)
640
+ );
641
+ box-sizing: border-box;
642
+ display: inline-grid;
643
+ width: 100%;
644
+ min-width: var(--_rp-range-slider-track-length);
645
+ max-width: 100%;
646
+ gap: var(--rp-spacing-2);
647
+ cursor: pointer;
648
+ font-family: var(--rp-font-family);
649
+ font-size: var(--_rp-range-slider-font-size);
650
+ line-height: var(--rp-line-height-md);
651
+ }
652
+ html.dark .rp-range-slider[data-v-8dd81f55], [data-rp-color-scheme=dark] .rp-range-slider[data-v-8dd81f55] {
653
+ --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
654
+ --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
655
+ }
656
+ .rp-range-slider--custom-thumb[data-v-8dd81f55] {
657
+ --_rp-range-slider-thumb-bg: var(--_rp-range-slider-color);
658
+ --_rp-range-slider-thumb-border: var(--rp-color-control-thumb-bg);
659
+ }
660
+ .rp-range-slider--disabled[data-v-8dd81f55] {
661
+ opacity: var(--rp-opacity-disabled);
662
+ cursor: not-allowed;
663
+ }
664
+ .rp-range-slider__header[data-v-8dd81f55] {
665
+ display: flex;
666
+ align-items: center;
667
+ justify-content: space-between;
668
+ min-width: 0;
669
+ gap: var(--rp-spacing-3);
670
+ }
671
+ .rp-range-slider__label[data-v-8dd81f55] {
672
+ min-width: 0;
673
+ color: var(--rp-color-text);
674
+ }
675
+ .rp-range-slider__value[data-v-8dd81f55] {
676
+ flex-shrink: 0;
677
+ color: var(--rp-color-dimmed);
678
+ font-variant-numeric: tabular-nums;
679
+ }
680
+ .rp-range-slider__track[data-v-8dd81f55] {
681
+ position: relative;
682
+ display: block;
683
+ min-width: 0;
684
+ }
685
+ .rp-range-slider__track[data-v-8dd81f55] {
686
+ height: var(--_rp-range-slider-thumb-size);
687
+ touch-action: none;
688
+ }
689
+ .rp-range-slider__bar[data-v-8dd81f55] {
690
+ position: absolute;
691
+ z-index: 1;
692
+ top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
693
+ left: 0;
694
+ display: block;
695
+ width: 100%;
696
+ height: var(--_rp-range-slider-track-height);
697
+ pointer-events: none;
698
+ 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%);
699
+ border-radius: var(--rp-radius-full);
700
+ }
701
+ .rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-8dd81f55] {
702
+ padding-bottom: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
703
+ }
704
+ .rp-range-slider__native[data-v-8dd81f55] {
705
+ position: absolute;
706
+ z-index: 3;
707
+ top: 0;
708
+ left: 0;
709
+ display: block;
710
+ width: 100%;
711
+ min-width: 0;
712
+ height: var(--_rp-range-slider-thumb-size);
713
+ padding: 0;
714
+ margin: 0;
715
+ appearance: none;
716
+ pointer-events: none;
717
+ background: transparent;
718
+ cursor: pointer;
719
+ outline: none;
720
+ }
721
+ .rp-range-slider__native[data-v-8dd81f55]:focus, .rp-range-slider__native--active[data-v-8dd81f55], .rp-range-slider__native[data-active=true][data-v-8dd81f55] {
722
+ z-index: 4;
723
+ }
724
+ .rp-range-slider__native[data-v-8dd81f55]:disabled {
725
+ cursor: not-allowed;
726
+ }
727
+ .rp-range-slider__native[data-v-8dd81f55]::-webkit-slider-runnable-track {
728
+ height: var(--_rp-range-slider-track-height);
729
+ background: transparent;
730
+ border: 0;
731
+ border-radius: var(--rp-radius-full);
732
+ }
733
+ .rp-range-slider__native[data-v-8dd81f55]::-moz-range-track, .rp-range-slider__native[data-v-8dd81f55]::-moz-range-progress {
734
+ height: var(--_rp-range-slider-track-height);
735
+ background: transparent;
736
+ border: 0;
737
+ border-radius: var(--rp-radius-full);
738
+ }
739
+ .rp-range-slider__native[data-v-8dd81f55]::-webkit-slider-thumb {
740
+ width: var(--_rp-range-slider-thumb-size);
741
+ height: var(--_rp-range-slider-thumb-size);
742
+ margin-top: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
743
+ box-sizing: border-box;
744
+ appearance: none;
745
+ opacity: 0;
746
+ pointer-events: none;
747
+ background: transparent;
748
+ border: 0;
749
+ cursor: pointer;
750
+ }
751
+ .rp-range-slider__native[data-v-8dd81f55]::-moz-range-thumb {
752
+ width: var(--_rp-range-slider-thumb-size);
753
+ height: var(--_rp-range-slider-thumb-size);
754
+ box-sizing: border-box;
755
+ opacity: 0;
756
+ pointer-events: none;
757
+ background: transparent;
758
+ border: 0;
759
+ cursor: pointer;
760
+ }
761
+ .rp-range-slider__marks[data-v-8dd81f55] {
762
+ position: absolute;
763
+ z-index: 2;
764
+ top: 0;
765
+ right: calc(var(--_rp-range-slider-thumb-size) / 2);
766
+ left: calc(var(--_rp-range-slider-thumb-size) / 2);
767
+ height: var(--_rp-range-slider-thumb-size);
768
+ pointer-events: none;
769
+ }
770
+ .rp-range-slider__mark[data-v-8dd81f55] {
771
+ position: absolute;
772
+ top: 0;
773
+ left: var(--_rp-range-slider-mark-position);
774
+ display: inline-flex;
775
+ flex-direction: column;
776
+ align-items: center;
777
+ width: max-content;
778
+ max-width: 8rem;
779
+ color: var(--_rp-range-slider-mark-label-color);
780
+ line-height: var(--rp-line-height-md);
781
+ transform: translateX(-50%);
782
+ }
783
+ .rp-range-slider__mark-dot[data-v-8dd81f55] {
784
+ width: var(--_rp-range-slider-mark-size);
785
+ height: var(--_rp-range-slider-mark-size);
786
+ margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
787
+ background: var(--_rp-range-slider-mark-color);
788
+ border-radius: var(--rp-radius-full);
789
+ box-shadow: 0 0 0 var(--rp-border-width-thin) transparent;
790
+ transition: box-shadow var(--rp-transition-fast);
791
+ }
792
+ .rp-range-slider__mark-label[data-v-8dd81f55] {
793
+ max-width: 100%;
794
+ margin-top: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
795
+ overflow-wrap: anywhere;
796
+ color: inherit;
797
+ font-size: var(--_rp-range-slider-font-size);
798
+ text-align: center;
799
+ font-variant-numeric: tabular-nums;
800
+ }
801
+ .rp-range-slider__mark--filled .rp-range-slider__mark-dot[data-v-8dd81f55] {
802
+ box-shadow: 0 0 0 var(--rp-border-width-thin) var(--_rp-range-slider-mark-ring-color);
803
+ }
804
+ .rp-range-slider__mark--filled .rp-range-slider__mark-label[data-v-8dd81f55] {
805
+ color: var(--_rp-range-slider-mark-filled-label-color);
806
+ }
807
+ .rp-range-slider__thumbs[data-v-8dd81f55] {
808
+ position: absolute;
809
+ z-index: 4;
810
+ top: 0;
811
+ right: calc(var(--_rp-range-slider-thumb-size) / 2);
812
+ left: calc(var(--_rp-range-slider-thumb-size) / 2);
813
+ height: var(--_rp-range-slider-thumb-size);
814
+ pointer-events: none;
815
+ }
816
+ .rp-range-slider__thumb[data-v-8dd81f55] {
817
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
818
+ position: absolute;
819
+ top: 0;
820
+ left: var(--_rp-range-slider-thumb-percent);
821
+ width: 0;
822
+ height: var(--_rp-range-slider-thumb-size);
823
+ pointer-events: auto;
824
+ }
825
+ .rp-range-slider__thumb--lower[data-v-8dd81f55] {
826
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-lower-percent);
827
+ }
828
+ .rp-range-slider__thumb--upper[data-v-8dd81f55] {
829
+ --_rp-range-slider-thumb-percent: var(--_rp-range-slider-upper-percent);
830
+ z-index: 1;
831
+ }
832
+ .rp-range-slider[data-active-thumb=lower] .rp-range-slider__thumb--lower[data-v-8dd81f55], .rp-range-slider[data-active-thumb=upper] .rp-range-slider__thumb--upper[data-v-8dd81f55], .rp-range-slider__thumb[data-v-8dd81f55]:hover {
833
+ z-index: 2;
834
+ }
835
+ .rp-range-slider__thumb-content[data-v-8dd81f55] {
836
+ position: absolute;
837
+ top: 50%;
838
+ left: 0;
839
+ display: inline-flex;
840
+ align-items: center;
841
+ justify-content: center;
842
+ width: var(--_rp-range-slider-thumb-size);
843
+ height: var(--_rp-range-slider-thumb-size);
844
+ box-sizing: border-box;
845
+ overflow: hidden;
846
+ padding: var(--_rp-range-slider-thumb-padding);
847
+ color: var(--_rp-range-slider-thumb-border);
848
+ background: var(--_rp-range-slider-thumb-bg);
849
+ border: var(--_rp-range-slider-thumb-border-style);
850
+ border-radius: var(--rp-radius-full);
851
+ box-shadow: var(--rp-shadow-sm);
852
+ transform: translate(-50%, -50%);
853
+ transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
854
+ }
855
+ .rp-range-slider__thumb-content[data-v-8dd81f55] svg {
856
+ width: 60%;
857
+ height: 60%;
858
+ }
859
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower[data-v-8dd81f55], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper[data-v-8dd81f55] {
860
+ z-index: 2;
861
+ }
862
+ .rp-range-slider__native--lower:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--lower .rp-range-slider__thumb-content[data-v-8dd81f55], .rp-range-slider__native--upper:focus-visible ~ .rp-range-slider__thumbs .rp-range-slider__thumb--upper .rp-range-slider__thumb-content[data-v-8dd81f55] {
863
+ box-shadow: var(--rp-shadow-sm), 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
864
+ }
865
+ .rp-range-slider--vertical[data-v-8dd81f55] {
866
+ width: max-content;
867
+ min-width: 0;
868
+ max-width: none;
869
+ justify-items: center;
870
+ }
871
+ .rp-range-slider--vertical .rp-range-slider__header[data-v-8dd81f55] {
872
+ width: max-content;
873
+ max-width: 12rem;
874
+ justify-content: space-between;
875
+ gap: var(--rp-spacing-3);
876
+ text-align: center;
877
+ }
878
+ .rp-range-slider--vertical .rp-range-slider__value[data-v-8dd81f55] {
879
+ min-width: 3ch;
880
+ text-align: right;
881
+ }
882
+ .rp-range-slider--vertical .rp-range-slider__track[data-v-8dd81f55] {
883
+ width: var(--_rp-range-slider-thumb-size);
884
+ height: var(--_rp-range-slider-track-length);
885
+ min-width: 0;
886
+ min-height: var(--_rp-range-slider-track-length);
887
+ justify-self: center;
888
+ }
889
+ .rp-range-slider--vertical .rp-range-slider__bar[data-v-8dd81f55] {
890
+ top: 0;
891
+ left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-track-height)) / 2);
892
+ width: var(--_rp-range-slider-track-height);
893
+ height: 100%;
894
+ 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%);
895
+ }
896
+ .rp-range-slider--vertical.rp-range-slider--marks-with-labels .rp-range-slider__track[data-v-8dd81f55] {
897
+ padding-right: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
898
+ padding-bottom: 0;
899
+ }
900
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-8dd81f55] {
901
+ width: var(--_rp-range-slider-thumb-size);
902
+ min-width: 0;
903
+ height: 100%;
904
+ min-height: var(--_rp-range-slider-track-length);
905
+ direction: rtl;
906
+ writing-mode: vertical-lr;
907
+ }
908
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-8dd81f55]::-webkit-slider-runnable-track {
909
+ width: var(--_rp-range-slider-track-height);
910
+ height: 100%;
911
+ }
912
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-8dd81f55]::-moz-range-track, .rp-range-slider--vertical .rp-range-slider__native[data-v-8dd81f55]::-moz-range-progress {
913
+ width: var(--_rp-range-slider-track-height);
914
+ height: 100%;
915
+ }
916
+ .rp-range-slider--vertical .rp-range-slider__native[data-v-8dd81f55]::-webkit-slider-thumb {
917
+ margin-top: 0;
918
+ margin-left: calc((var(--_rp-range-slider-track-height) - var(--_rp-range-slider-thumb-size)) / 2);
919
+ }
920
+ .rp-range-slider--vertical .rp-range-slider__marks[data-v-8dd81f55] {
921
+ top: calc(var(--_rp-range-slider-thumb-size) / 2);
922
+ right: auto;
923
+ bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
924
+ left: 0;
925
+ width: var(--_rp-range-slider-thumb-size);
926
+ height: auto;
927
+ }
928
+ .rp-range-slider--vertical .rp-range-slider__mark[data-v-8dd81f55] {
929
+ top: calc(100% - var(--_rp-range-slider-mark-position));
930
+ left: 0;
931
+ flex-direction: row;
932
+ align-items: center;
933
+ transform: translateY(-50%);
934
+ }
935
+ .rp-range-slider--vertical .rp-range-slider__mark-dot[data-v-8dd81f55] {
936
+ flex: 0 0 auto;
937
+ margin-top: 0;
938
+ margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2);
939
+ }
940
+ .rp-range-slider--vertical .rp-range-slider__mark-label[data-v-8dd81f55] {
941
+ margin-top: 0;
942
+ margin-left: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
943
+ text-align: left;
944
+ }
945
+ .rp-range-slider--vertical .rp-range-slider__thumbs[data-v-8dd81f55] {
946
+ top: calc(var(--_rp-range-slider-thumb-size) / 2);
947
+ right: auto;
948
+ bottom: calc(var(--_rp-range-slider-thumb-size) / 2);
949
+ left: 0;
950
+ width: var(--_rp-range-slider-thumb-size);
951
+ height: auto;
952
+ }
953
+ .rp-range-slider--vertical .rp-range-slider__thumb[data-v-8dd81f55] {
954
+ top: calc(100% - var(--_rp-range-slider-thumb-percent));
955
+ left: 0;
956
+ width: var(--_rp-range-slider-thumb-size);
957
+ height: 0;
958
+ }
959
+ .rp-range-slider--vertical .rp-range-slider__thumb-content[data-v-8dd81f55] {
960
+ top: 0;
961
+ left: 50%;
962
+ }
963
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-top) .rp-range-slider__track[data-v-8dd81f55] {
964
+ margin-top: var(--_rp-range-slider-tooltip-reserved-space);
965
+ }
966
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-8dd81f55] {
967
+ margin-right: var(--_rp-range-slider-tooltip-reserved-space);
968
+ }
969
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-8dd81f55] {
970
+ margin-bottom: var(--_rp-range-slider-tooltip-reserved-space);
971
+ }
972
+ .rp-range-slider--tooltip-always-visible:has(.rp-range-slider__tooltips--placement-left) .rp-range-slider__track[data-v-8dd81f55] {
973
+ margin-left: var(--_rp-range-slider-tooltip-reserved-space);
974
+ }
975
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__track[data-v-8dd81f55] {
976
+ 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));
977
+ margin-bottom: 0;
978
+ }
979
+ .rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:not(.rp-range-slider--vertical):has(.rp-range-slider__tooltips--placement-bottom) .rp-range-slider__mark-label[data-v-8dd81f55] {
980
+ 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));
981
+ }
982
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__track[data-v-8dd81f55] {
983
+ padding-right: 0;
984
+ margin-left: calc(var(--_rp-range-slider-font-size) * var(--rp-line-height-md) + var(--rp-spacing-2));
985
+ }
986
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark[data-v-8dd81f55] {
987
+ left: calc((var(--_rp-range-slider-thumb-size) + var(--_rp-range-slider-mark-size)) / 2);
988
+ flex-direction: row-reverse;
989
+ gap: calc((var(--_rp-range-slider-thumb-size) - var(--_rp-range-slider-mark-size)) / 2 + var(--rp-spacing-1));
990
+ transform: translate(-100%, -50%);
991
+ }
992
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-dot[data-v-8dd81f55], .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-8dd81f55] {
993
+ margin-left: 0;
994
+ }
995
+ .rp-range-slider--vertical.rp-range-slider--tooltip-always-visible.rp-range-slider--marks-with-labels:has(.rp-range-slider__tooltips--placement-right) .rp-range-slider__mark-label[data-v-8dd81f55] {
996
+ text-align: right;
997
+ }
998
+ .rp-range-slider--size-xs[data-v-8dd81f55] {
999
+ --_rp-range-slider-track-height: 4px;
1000
+ --_rp-range-slider-thumb-size: 8px;
1001
+ --_rp-range-slider-thumb-border-width: 4px;
1002
+ --_rp-range-slider-font-size: var(--rp-font-size-xs);
1003
+ --_rp-range-slider-mark-size: 4px;
1004
+ }
1005
+ .rp-range-slider--size-sm[data-v-8dd81f55] {
1006
+ --_rp-range-slider-track-height: 6px;
1007
+ --_rp-range-slider-thumb-size: 12px;
1008
+ --_rp-range-slider-thumb-border-width: 3px;
1009
+ --_rp-range-slider-font-size: var(--rp-font-size-sm);
1010
+ --_rp-range-slider-mark-size: 4px;
1011
+ }
1012
+ .rp-range-slider--size-md[data-v-8dd81f55] {
1013
+ --_rp-range-slider-track-height: 8px;
1014
+ --_rp-range-slider-thumb-size: 16px;
1015
+ --_rp-range-slider-thumb-border-width: 4px;
1016
+ --_rp-range-slider-font-size: var(--rp-font-size-md);
1017
+ --_rp-range-slider-mark-size: 4px;
1018
+ }
1019
+ .rp-range-slider--size-lg[data-v-8dd81f55] {
1020
+ --_rp-range-slider-track-height: 10px;
1021
+ --_rp-range-slider-thumb-size: 20px;
1022
+ --_rp-range-slider-thumb-border-width: 5px;
1023
+ --_rp-range-slider-font-size: var(--rp-font-size-lg);
1024
+ --_rp-range-slider-mark-size: 5px;
1025
+ }
1026
+ .rp-range-slider--size-xl[data-v-8dd81f55] {
1027
+ --_rp-range-slider-track-height: 12px;
1028
+ --_rp-range-slider-thumb-size: 24px;
1029
+ --_rp-range-slider-thumb-border-width: 6px;
1030
+ --_rp-range-slider-font-size: var(--rp-font-size-xl);
1031
+ --_rp-range-slider-mark-size: 6px;
438
1032
  }