ropav 0.0.9 → 0.0.11

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