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