vuetiwatch 0.1.0

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 (158) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +232 -0
  3. package/dist/index.d.ts +11 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +6 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/plugin.d.ts +41 -0
  8. package/dist/plugin.d.ts.map +1 -0
  9. package/dist/plugin.js +58 -0
  10. package/dist/plugin.js.map +1 -0
  11. package/dist/registry.d.ts +17 -0
  12. package/dist/registry.d.ts.map +1 -0
  13. package/dist/registry.js +37 -0
  14. package/dist/registry.js.map +1 -0
  15. package/dist/styles/aurora.css +74 -0
  16. package/dist/styles/aurora.min.css +1 -0
  17. package/dist/styles/brutalist.css +48 -0
  18. package/dist/styles/brutalist.min.css +1 -0
  19. package/dist/styles/calm.css +21 -0
  20. package/dist/styles/calm.min.css +1 -0
  21. package/dist/styles/clay.css +44 -0
  22. package/dist/styles/clay.min.css +1 -0
  23. package/dist/styles/core.css +140 -0
  24. package/dist/styles/core.min.css +1 -0
  25. package/dist/styles/darkGlass.css +43 -0
  26. package/dist/styles/darkGlass.min.css +1 -0
  27. package/dist/styles/liquidGlass.css +100 -0
  28. package/dist/styles/liquidGlass.min.css +1 -0
  29. package/dist/styles/lux.css +21 -0
  30. package/dist/styles/lux.min.css +1 -0
  31. package/dist/styles/morph.css +37 -0
  32. package/dist/styles/morph.min.css +1 -0
  33. package/dist/styles/neon.css +41 -0
  34. package/dist/styles/neon.min.css +1 -0
  35. package/dist/styles/paper.css +17 -0
  36. package/dist/styles/paper.min.css +1 -0
  37. package/dist/styles/sketchy.css +25 -0
  38. package/dist/styles/sketchy.min.css +1 -0
  39. package/dist/styles/slate.css +16 -0
  40. package/dist/styles/slate.min.css +1 -0
  41. package/dist/styles/soft.css +46 -0
  42. package/dist/styles/soft.min.css +1 -0
  43. package/dist/styles.css +686 -0
  44. package/dist/styles.min.css +1 -0
  45. package/dist/themes/aurora.d.ts +10 -0
  46. package/dist/themes/aurora.d.ts.map +1 -0
  47. package/dist/themes/aurora.js +86 -0
  48. package/dist/themes/aurora.js.map +1 -0
  49. package/dist/themes/brutalist.d.ts +10 -0
  50. package/dist/themes/brutalist.d.ts.map +1 -0
  51. package/dist/themes/brutalist.js +103 -0
  52. package/dist/themes/brutalist.js.map +1 -0
  53. package/dist/themes/calm.d.ts +11 -0
  54. package/dist/themes/calm.d.ts.map +1 -0
  55. package/dist/themes/calm.js +88 -0
  56. package/dist/themes/calm.js.map +1 -0
  57. package/dist/themes/classic.d.ts +6 -0
  58. package/dist/themes/classic.d.ts.map +1 -0
  59. package/dist/themes/classic.js +23 -0
  60. package/dist/themes/classic.js.map +1 -0
  61. package/dist/themes/clay.d.ts +8 -0
  62. package/dist/themes/clay.d.ts.map +1 -0
  63. package/dist/themes/clay.js +80 -0
  64. package/dist/themes/clay.js.map +1 -0
  65. package/dist/themes/darkGlass.d.ts +7 -0
  66. package/dist/themes/darkGlass.d.ts.map +1 -0
  67. package/dist/themes/darkGlass.js +77 -0
  68. package/dist/themes/darkGlass.js.map +1 -0
  69. package/dist/themes/index.d.ts +15 -0
  70. package/dist/themes/index.d.ts.map +1 -0
  71. package/dist/themes/index.js +15 -0
  72. package/dist/themes/index.js.map +1 -0
  73. package/dist/themes/liquidGlass.d.ts +19 -0
  74. package/dist/themes/liquidGlass.d.ts.map +1 -0
  75. package/dist/themes/liquidGlass.js +111 -0
  76. package/dist/themes/liquidGlass.js.map +1 -0
  77. package/dist/themes/lux.d.ts +8 -0
  78. package/dist/themes/lux.d.ts.map +1 -0
  79. package/dist/themes/lux.js +91 -0
  80. package/dist/themes/lux.js.map +1 -0
  81. package/dist/themes/morph.d.ts +10 -0
  82. package/dist/themes/morph.d.ts.map +1 -0
  83. package/dist/themes/morph.js +82 -0
  84. package/dist/themes/morph.js.map +1 -0
  85. package/dist/themes/neon.d.ts +7 -0
  86. package/dist/themes/neon.d.ts.map +1 -0
  87. package/dist/themes/neon.js +96 -0
  88. package/dist/themes/neon.js.map +1 -0
  89. package/dist/themes/paper.d.ts +7 -0
  90. package/dist/themes/paper.d.ts.map +1 -0
  91. package/dist/themes/paper.js +88 -0
  92. package/dist/themes/paper.js.map +1 -0
  93. package/dist/themes/sketchy.d.ts +11 -0
  94. package/dist/themes/sketchy.d.ts.map +1 -0
  95. package/dist/themes/sketchy.js +88 -0
  96. package/dist/themes/sketchy.js.map +1 -0
  97. package/dist/themes/slate.d.ts +7 -0
  98. package/dist/themes/slate.d.ts.map +1 -0
  99. package/dist/themes/slate.js +89 -0
  100. package/dist/themes/slate.js.map +1 -0
  101. package/dist/themes/soft.d.ts +7 -0
  102. package/dist/themes/soft.d.ts.map +1 -0
  103. package/dist/themes/soft.js +84 -0
  104. package/dist/themes/soft.js.map +1 -0
  105. package/dist/types.d.ts +40 -0
  106. package/dist/types.d.ts.map +1 -0
  107. package/dist/types.js +2 -0
  108. package/dist/types.js.map +1 -0
  109. package/dist/util/defaults.d.ts +62 -0
  110. package/dist/util/defaults.d.ts.map +1 -0
  111. package/dist/util/defaults.js +100 -0
  112. package/dist/util/defaults.js.map +1 -0
  113. package/dist/util/defineTheme.d.ts +21 -0
  114. package/dist/util/defineTheme.d.ts.map +1 -0
  115. package/dist/util/defineTheme.js +25 -0
  116. package/dist/util/defineTheme.js.map +1 -0
  117. package/dist/util/merge.d.ts +8 -0
  118. package/dist/util/merge.d.ts.map +1 -0
  119. package/dist/util/merge.js +17 -0
  120. package/dist/util/merge.js.map +1 -0
  121. package/package.json +75 -0
  122. package/src/index.ts +35 -0
  123. package/src/plugin.ts +116 -0
  124. package/src/registry.ts +64 -0
  125. package/src/styles/core.css +311 -0
  126. package/src/styles/index.css +30 -0
  127. package/src/styles/themes/aurora.css +86 -0
  128. package/src/styles/themes/brutalist.css +59 -0
  129. package/src/styles/themes/calm.css +31 -0
  130. package/src/styles/themes/clay.css +60 -0
  131. package/src/styles/themes/darkGlass.css +69 -0
  132. package/src/styles/themes/liquidGlass.css +172 -0
  133. package/src/styles/themes/lux.css +31 -0
  134. package/src/styles/themes/morph.css +53 -0
  135. package/src/styles/themes/neon.css +56 -0
  136. package/src/styles/themes/paper.css +32 -0
  137. package/src/styles/themes/sketchy.css +34 -0
  138. package/src/styles/themes/slate.css +26 -0
  139. package/src/styles/themes/soft.css +63 -0
  140. package/src/themes/aurora.ts +86 -0
  141. package/src/themes/brutalist.ts +103 -0
  142. package/src/themes/calm.ts +88 -0
  143. package/src/themes/classic.ts +23 -0
  144. package/src/themes/clay.ts +80 -0
  145. package/src/themes/darkGlass.ts +77 -0
  146. package/src/themes/index.ts +14 -0
  147. package/src/themes/liquidGlass.ts +111 -0
  148. package/src/themes/lux.ts +91 -0
  149. package/src/themes/morph.ts +82 -0
  150. package/src/themes/neon.ts +96 -0
  151. package/src/themes/paper.ts +88 -0
  152. package/src/themes/sketchy.ts +88 -0
  153. package/src/themes/slate.ts +89 -0
  154. package/src/themes/soft.ts +84 -0
  155. package/src/types.ts +44 -0
  156. package/src/util/defaults.ts +164 -0
  157. package/src/util/defineTheme.ts +49 -0
  158. package/src/util/merge.ts +23 -0
@@ -0,0 +1,686 @@
1
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-btn.v-btn:not(.v-btn--icon, .v-btn--rounded, [class*="rounded-"], .v-btn-group *, .v-toolbar-items *, .v-tabs *) {
2
+ border-radius: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
3
+ }
4
+
5
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-switch--inset-square .v-switch__track {
6
+ border-radius: var(--v-vw-radius, 6px);
7
+ }
8
+
9
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-switch--inset-square .v-switch__thumb {
10
+ border-radius: var(--v-vw-radius, 4px);
11
+ }
12
+
13
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.rounded-s-0, .rounded-e-0, .rounded-t-0, .rounded-b-0) {
14
+ --vw-attached: var(--v-vw-radius, 4px);
15
+ }
16
+
17
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-btn:is(.rounded-s-0, .rounded-e-0, .rounded-t-0, .rounded-b-0) {
18
+ --vw-attached: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
19
+ }
20
+
21
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .rounded-s-0 {
22
+ border-start-end-radius: var(--vw-attached);
23
+ border-end-end-radius: var(--vw-attached);
24
+ }
25
+
26
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .rounded-e-0 {
27
+ border-start-start-radius: var(--vw-attached);
28
+ border-end-start-radius: var(--vw-attached);
29
+ }
30
+
31
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .rounded-t-0 {
32
+ border-end-end-radius: var(--vw-attached);
33
+ border-end-start-radius: var(--vw-attached);
34
+ }
35
+
36
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .rounded-b-0 {
37
+ border-start-start-radius: var(--vw-attached);
38
+ border-start-end-radius: var(--vw-attached);
39
+ }
40
+
41
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-btn-group.v-btn-group:not([class*="rounded-"]) {
42
+ border-radius: var(--v-vw-radius, 4px);
43
+ }
44
+
45
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-pagination .v-btn.v-btn {
46
+ border-radius: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
47
+ }
48
+
49
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-btn-group, .v-toolbar-items) .v-btn.v-btn {
50
+ box-shadow: none;
51
+ }
52
+
53
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-card.v-card:not([class*="rounded-"]), .v-table.v-table), :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-expansion-panels.v-expansion-panels {
54
+ border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
55
+ }
56
+
57
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-alert.v-alert:not([class*="rounded-"]), .v-field.v-field:not([class*="rounded-"]), .v-list-item.v-list-item:not([class*="rounded-"]), .v-snackbar__wrapper, .v-menu > .v-overlay__content, .v-tooltip > .v-overlay__content, .v-overlay__content > :is(.v-list, .v-sheet)) {
58
+ border-radius: var(--v-vw-radius, 4px);
59
+ }
60
+
61
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-field.v-field:is(.v-field--variant-filled, .v-field--variant-underlined):not([class*="rounded-"]) {
62
+ border-radius: var(--v-vw-radius, 4px) var(--v-vw-radius, 4px) 0 0;
63
+ }
64
+
65
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-chip.v-chip:not([class*="rounded-"]) {
66
+ border-radius: var(--v-vw-radius-chip, 9999px);
67
+ }
68
+
69
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-slider-track.v-slider-track {
70
+ border-radius: var(--v-vw-radius, 4px);
71
+ }
72
+
73
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-slider-thumb__surface {
74
+ border-radius: var(--v-vw-radius-thumb, 50%);
75
+ }
76
+
77
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-slider-thumb__label {
78
+ border-radius: var(--v-vw-radius, 4px);
79
+ }
80
+
81
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-pagination .v-pagination__item--is-active .v-btn__overlay {
82
+ background: var(--v-vw-pagination-active-color, currentColor);
83
+ opacity: var(--v-vw-pagination-active-opacity, var(--v-activated-opacity));
84
+ }
85
+
86
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-overlay__content > .v-card:is(.v-card--variant-outlined, .v-card--variant-text, .v-card--variant-plain, .v-card--variant-tonal):not([class*="bg-"]) {
87
+ background-color: rgb(var(--v-theme-surface));
88
+ }
89
+
90
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-btn--variant-outlined, .v-card--variant-outlined, .v-alert--variant-outlined, .v-chip--variant-outlined) {
91
+ border-width: var(--v-vw-border-width, thin);
92
+ }
93
+
94
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-field__outline {
95
+ --v-field-border-width: var(--v-vw-border-width, 1px);
96
+ }
97
+
98
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-btn.v-btn {
99
+ font-weight: var(--v-vw-btn-weight, 500);
100
+ letter-spacing: var(--v-vw-btn-tracking, .0892857em);
101
+ text-transform: var(--v-vw-btn-transform, uppercase);
102
+ }
103
+
104
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-menu, .v-dialog, .v-tooltip) > .v-overlay__content {
105
+ border: var(--v-vw-overlay-border, none);
106
+ box-shadow: var(--v-vw-overlay-shadow, revert-layer);
107
+ }
108
+
109
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-tab__slider {
110
+ height: var(--v-vw-tab-slider-height, 2px);
111
+ }
112
+
113
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(.v-table thead th, .v-data-table__th) {
114
+ font-weight: var(--v-vw-th-weight, revert-layer);
115
+ letter-spacing: var(--v-vw-th-tracking, revert-layer);
116
+ text-transform: var(--v-vw-th-transform, none);
117
+ }
118
+
119
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) .v-list-item.v-list-item--active {
120
+ border-inline-start: var(--v-vw-list-bar, 0) solid var(--v-vw-list-bar-color, currentColor);
121
+ }
122
+
123
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :is(h1, h2, h3, h4, h5, h6, [class*="-display-"], [class*="-headline-"], [class*="-title-large"]) {
124
+ font-family: var(--v-font-heading, var(--v-font-body, inherit));
125
+ font-weight: var(--v-vw-heading-weight, revert-layer);
126
+ letter-spacing: var(--v-vw-heading-tracking, revert-layer);
127
+ text-transform: var(--v-vw-heading-transform, none);
128
+ }
129
+
130
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon).v-application {
131
+ -webkit-font-smoothing: antialiased;
132
+ -moz-osx-font-smoothing: grayscale;
133
+ }
134
+
135
+ :is([data-vuetiwatch], .v-theme--classic, .v-theme--paper, .v-theme--slate, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) a:not([class]) {
136
+ color: rgb(var(--v-theme-primary));
137
+ -webkit-text-decoration: var(--v-vw-link-decoration, underline);
138
+ text-decoration: var(--v-vw-link-decoration, underline);
139
+ text-underline-offset: .15em;
140
+ }
141
+
142
+ .v-theme--paper :is(.v-card, .v-sheet, .v-list, .v-table, .v-expansion-panels) {
143
+ box-shadow: none;
144
+ }
145
+
146
+ .v-theme--paper .v-card.v-card--variant-elevated {
147
+ border: var(--v-vw-border-width, 1px) solid
148
+ rgba(var(--v-border-color), var(--v-border-opacity));
149
+ box-shadow: none;
150
+ }
151
+
152
+ .v-theme--paper .v-switch__track {
153
+ border: var(--v-vw-border-width, 1px) solid rgba(var(--v-border-color), .3);
154
+ }
155
+
156
+ .v-theme--paper :is(.v-table thead th, .v-data-table__th) {
157
+ border-bottom: 3px double rgba(var(--v-border-color), .45);
158
+ }
159
+
160
+ .v-theme--slate .v-card.v-card--variant-outlined {
161
+ box-shadow: 0 1px 2px rgba(var(--v-shadow-color), .05);
162
+ }
163
+
164
+ .v-theme--slate :is(.v-table thead th, .v-data-table__th) {
165
+ background-color: rgb(var(--v-theme-surface-light));
166
+ font-weight: 600;
167
+ }
168
+
169
+ .v-theme--slate :is(.v-menu, .v-dialog) > .v-overlay__content {
170
+ box-shadow: 0 8px 24px rgba(var(--v-shadow-color), .16);
171
+ }
172
+
173
+ .v-theme--slate .v-app-bar {
174
+ box-shadow: none;
175
+ }
176
+
177
+ .v-theme--calm :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
178
+ box-shadow: none;
179
+ }
180
+
181
+ .v-theme--calm .v-card.v-card--variant-flat {
182
+ background-color: rgb(var(--v-theme-surface));
183
+ }
184
+
185
+ .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
186
+ border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
187
+ box-shadow: 0 16px 48px #3a3a360f;
188
+ }
189
+
190
+ .v-theme--calm :is(.v-table thead th, .v-data-table__th) {
191
+ border-bottom: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
192
+ font-weight: 500;
193
+ }
194
+
195
+ .v-theme--calm .v-card-text {
196
+ line-height: 1.7;
197
+ }
198
+
199
+ .v-theme--lux :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
200
+ box-shadow: none;
201
+ }
202
+
203
+ .v-theme--lux :is(.v-toolbar-title, .v-card-title, .v-list-subheader) {
204
+ letter-spacing: .16em;
205
+ text-transform: uppercase;
206
+ font-weight: 400;
207
+ }
208
+
209
+ .v-theme--lux :is(.v-table thead th, .v-data-table__th) {
210
+ letter-spacing: .16em;
211
+ text-transform: uppercase;
212
+ font-size: .75rem;
213
+ font-weight: 400;
214
+ }
215
+
216
+ .v-theme--lux :is(.v-menu, .v-dialog) > .v-overlay__content {
217
+ border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .14);
218
+ box-shadow: 0 24px 64px #00000014;
219
+ }
220
+
221
+ .v-theme--soft .v-card.v-card--variant-elevated {
222
+ box-shadow: 0 2px 4px rgba(var(--v-theme-primary), .06),
223
+ 0 12px 28px rgba(var(--v-theme-primary), .1);
224
+ transition: box-shadow .25s, transform .25s;
225
+ }
226
+
227
+ .v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover {
228
+ box-shadow: 0 4px 8px rgba(var(--v-theme-primary), .08),
229
+ 0 20px 40px rgba(var(--v-theme-primary), .14);
230
+ transform: translateY(-2px);
231
+ }
232
+
233
+ .v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled) {
234
+ box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .24);
235
+ }
236
+
237
+ .v-theme--soft :is(.v-menu, .v-dialog) > .v-overlay__content {
238
+ box-shadow: 0 16px 48px rgba(var(--v-theme-primary), .18);
239
+ }
240
+
241
+ .v-theme--soft .v-field.v-field--variant-solo-filled {
242
+ box-shadow: 0 1px 2px rgba(var(--v-theme-primary), .08),
243
+ 0 4px 12px rgba(var(--v-theme-primary), .06);
244
+ }
245
+
246
+ .v-theme--soft .v-slider-thumb__surface {
247
+ box-shadow: 0 2px 8px rgba(var(--v-theme-primary), .35);
248
+ }
249
+
250
+ .v-theme--soft .v-switch__thumb {
251
+ box-shadow: 0 2px 6px rgba(var(--v-theme-primary), .3);
252
+ }
253
+
254
+ .v-theme--soft .v-tabs--inset .v-tab__slider {
255
+ box-shadow: 0 2px 10px rgba(var(--v-theme-primary), .2);
256
+ }
257
+
258
+ @media (prefers-reduced-motion: reduce) {
259
+ .v-theme--soft .v-card.v-card--variant-elevated {
260
+ transition: none;
261
+ }
262
+
263
+ .v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover {
264
+ transform: none;
265
+ }
266
+ }
267
+
268
+ .v-theme--clay {
269
+ --vw-clay-lift: 8px 8px 20px rgba(var(--v-shadow-color), .18),
270
+ -6px -6px 16px #ffffffe6,
271
+ inset -4px -4px 12px rgba(var(--v-shadow-color), .06),
272
+ inset 4px 4px 10px #ffffffb3;
273
+ }
274
+
275
+ .v-theme--clay :is(.v-card, .v-btn, .v-alert, .v-btn-group, .v-expansion-panels):not(.v-btn--variant-text, .v-btn--variant-plain, .v-card--variant-text, .v-card--variant-plain, .v-btn--size-small, .v-btn--size-x-small) {
276
+ box-shadow: var(--vw-clay-lift);
277
+ }
278
+
279
+ .v-theme--clay :is(.v-chip, .v-btn--size-small, .v-btn--size-x-small):not(.v-btn--variant-text, .v-btn--variant-plain) {
280
+ box-shadow: 3px 3px 7px rgba(var(--v-shadow-color), .13),
281
+ -2px -2px 5px #fff9;
282
+ }
283
+
284
+ .v-theme--clay .v-btn:active:not(.v-btn--disabled) {
285
+ box-shadow: 4px 4px 10px rgba(var(--v-shadow-color), .16),
286
+ inset -3px -3px 10px rgba(var(--v-shadow-color), .1),
287
+ inset 3px 3px 8px #fff9;
288
+ }
289
+
290
+ .v-theme--clay .v-field.v-field--variant-solo {
291
+ background: rgb(var(--v-theme-surface));
292
+ box-shadow: inset 4px 4px 10px rgba(var(--v-shadow-color), .12),
293
+ inset -4px -4px 10px #ffffffe6;
294
+ }
295
+
296
+ .v-theme--clay :is(.v-switch__track, .v-slider-track) {
297
+ box-shadow: inset 2px 2px 6px rgba(var(--v-shadow-color), .18);
298
+ }
299
+
300
+ .v-theme--clay :is(.v-switch__thumb, .v-slider-thumb__surface) {
301
+ box-shadow: 3px 3px 8px rgba(var(--v-shadow-color), .24),
302
+ -2px -2px 6px #ffffffe6;
303
+ }
304
+
305
+ .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
306
+ box-shadow: 12px 12px 40px rgba(var(--v-shadow-color), .24);
307
+ }
308
+
309
+ .v-theme--clay .v-tab__slider {
310
+ border-radius: 5px;
311
+ }
312
+
313
+ .v-theme--morph {
314
+ --vw-morph-raised: 6px 6px 12px rgba(var(--v-shadow-color), .5),
315
+ -6px -6px 12px #ffffffd9;
316
+ --vw-morph-pressed: inset 3px 3px 7px rgba(var(--v-shadow-color), .55),
317
+ inset -3px -3px 7px #ffffffe6;
318
+ }
319
+
320
+ .v-theme--morph :is(.v-card, .v-btn, .v-alert, .v-btn-group, .v-expansion-panels, .v-sheet--variant-flat):not(.v-btn--variant-text, .v-btn--variant-plain, .v-card--variant-text, .v-card--variant-plain, .v-btn--size-small, .v-btn--size-x-small) {
321
+ box-shadow: var(--vw-morph-raised);
322
+ }
323
+
324
+ .v-theme--morph :is(.v-chip, .v-btn--size-small, .v-btn--size-x-small):not(.v-btn--variant-text, .v-btn--variant-plain) {
325
+ box-shadow: 3px 3px 7px rgba(var(--v-shadow-color), .38),
326
+ -3px -3px 6px #fff9;
327
+ }
328
+
329
+ .v-theme--morph :is(.v-field--variant-solo, .v-switch__track, .v-slider-track) {
330
+ background: rgb(var(--v-theme-background));
331
+ box-shadow: var(--vw-morph-pressed);
332
+ }
333
+
334
+ .v-theme--morph .v-btn:active:not(.v-btn--disabled), .v-theme--morph .v-btn--active {
335
+ box-shadow: var(--vw-morph-pressed);
336
+ }
337
+
338
+ .v-theme--morph .v-slider-thumb__surface {
339
+ box-shadow: var(--vw-morph-raised);
340
+ }
341
+
342
+ .v-theme--morph :is(.v-divider, .v-table tbody td) {
343
+ border-color: #0000;
344
+ }
345
+
346
+ .v-theme--morph .v-tab__slider {
347
+ box-shadow: var(--vw-morph-raised);
348
+ border-radius: 4px;
349
+ }
350
+
351
+ .v-theme--sketchy :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
352
+ box-shadow: none;
353
+ }
354
+
355
+ .v-theme--sketchy :is(.v-btn--variant-outlined, .v-card--variant-outlined, .v-alert--variant-outlined) {
356
+ border-bottom-width: calc(var(--v-vw-border-width) + 1px);
357
+ }
358
+
359
+ .v-theme--sketchy .v-btn.v-btn--variant-outlined:hover {
360
+ border-radius: 5px 22px 6px 20px / 20px 6px 22px 5px;
361
+ }
362
+
363
+ .v-theme--sketchy :is(.v-table thead th, .v-data-table__th) {
364
+ border-bottom: var(--v-vw-border-width) solid rgba(var(--v-border-color), .7);
365
+ }
366
+
367
+ .v-theme--sketchy .v-tab__slider {
368
+ border-radius: 8px 3px / 3px 8px;
369
+ }
370
+
371
+ @media (prefers-reduced-motion: no-preference) {
372
+ .v-theme--sketchy .v-btn {
373
+ transition: border-radius .12s steps(2, end);
374
+ }
375
+ }
376
+
377
+ .v-theme--brutalist {
378
+ --vw-brut-offset: 4px;
379
+ }
380
+
381
+ .v-theme--brutalist :is(.v-card, .v-btn, .v-alert, .v-chip, .v-table, .v-btn-group, .v-expansion-panels):not(.v-btn--variant-text, .v-btn--variant-plain, .v-card--variant-text, .v-card--variant-plain) {
382
+ box-shadow: var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color));
383
+ }
384
+
385
+ .v-theme--brutalist :is(.v-btn, .v-chip, .v-btn-group):not(.v-btn--variant-text, .v-btn--variant-plain):not(.v-btn--disabled, .v-btn-group *) {
386
+ border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
387
+ transition: transform 80ms steps(2, end), box-shadow 80ms steps(2, end);
388
+ }
389
+
390
+ .v-theme--brutalist .v-btn:active:not(.v-btn--disabled) {
391
+ transform: translate(var(--vw-brut-offset), var(--vw-brut-offset));
392
+ box-shadow: 0 0 0 rgb(var(--v-shadow-color));
393
+ }
394
+
395
+ .v-theme--brutalist .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain):hover:not(.v-btn--disabled, .v-btn-group *) {
396
+ box-shadow: 5px 5px 0 rgb(var(--v-shadow-color));
397
+ transform: translate(-1px, -1px);
398
+ }
399
+
400
+ .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
401
+ border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
402
+ box-shadow: 8px 8px 0 rgb(var(--v-shadow-color));
403
+ }
404
+
405
+ .v-theme--brutalist :is(.v-table thead th, .v-data-table__th) {
406
+ background-color: rgb(var(--v-theme-secondary));
407
+ border-bottom: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
408
+ text-transform: uppercase;
409
+ font-weight: 700;
410
+ }
411
+
412
+ .v-theme--brutalist .v-expansion-panels {
413
+ border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
414
+ }
415
+
416
+ @media (prefers-reduced-motion: reduce) {
417
+ .v-theme--brutalist .v-btn {
418
+ transition: none;
419
+ }
420
+
421
+ .v-theme--brutalist .v-btn:hover:not(.v-btn--disabled) {
422
+ transform: none;
423
+ }
424
+ }
425
+
426
+ .v-theme--liquidGlass.v-application {
427
+ background-image: radial-gradient(65rem 45rem at 8% -8%, #007aff4d, #0000 62%), radial-gradient(55rem 42rem at 92% 12%, #5856d63d, #0000 62%), linear-gradient(165deg, #007aff00 45%, #007aff1f 100%);
428
+ background-attachment: fixed;
429
+ }
430
+
431
+ .v-theme--liquidGlass :is(.v-card, .v-app-bar, .v-toolbar, .v-navigation-drawer, .v-table, .v-expansion-panels):not([class*="bg-"], .v-card--variant-text, .v-card--variant-plain) {
432
+ background-color: rgba(var(--v-theme-surface), .6);
433
+ backdrop-filter: blur(30px) saturate(190%);
434
+ box-shadow: inset 0 1px 0 #ffffffe6,
435
+ inset 0 0 0 1px #ffffff59,
436
+ inset 0 -1px 0 rgba(var(--v-shadow-color), .08),
437
+ 0 10px 34px rgba(var(--v-shadow-color), .1);
438
+ }
439
+
440
+ .v-theme--liquidGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
441
+ backdrop-filter: blur(30px) saturate(190%);
442
+ box-shadow: inset 0 1px 0 #ffffffe6,
443
+ inset 0 0 0 1px #ffffff59,
444
+ 0 18px 52px rgba(var(--v-shadow-color), .18);
445
+ }
446
+
447
+ .v-theme--liquidGlass .v-field.v-field--variant-solo-filled {
448
+ backdrop-filter: blur(20px) saturate(170%);
449
+ box-shadow: none;
450
+ background-color: #7676801f;
451
+ }
452
+
453
+ .v-theme--liquidGlass .v-field--variant-solo-filled .v-field__overlay {
454
+ opacity: 0;
455
+ }
456
+
457
+ .v-theme--liquidGlass .v-field.v-field--variant-solo-filled:hover, .v-theme--liquidGlass .v-field.v-field--variant-solo-filled.v-field--focused {
458
+ background-color: #78788029;
459
+ }
460
+
461
+ .v-theme--liquidGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled) {
462
+ box-shadow: inset 0 1px 0 #fff6,
463
+ 0 4px 14px rgba(var(--v-shadow-color), .22);
464
+ }
465
+
466
+ .v-theme--liquidGlass .v-btn-group.v-btn-toggle {
467
+ background-color: #7676801f;
468
+ padding: 2px;
469
+ }
470
+
471
+ .v-theme--liquidGlass .v-btn-group.v-btn-toggle > .v-btn {
472
+ border-radius: calc(var(--v-vw-radius) - 2px);
473
+ background-color: #0000;
474
+ }
475
+
476
+ .v-theme--liquidGlass .v-btn-group.v-btn-toggle > .v-btn--active {
477
+ background-color: rgb(var(--v-theme-surface));
478
+ color: rgb(var(--v-theme-on-surface));
479
+ box-shadow: 0 2px 6px rgba(var(--v-shadow-color), .16);
480
+ }
481
+
482
+ .v-theme--liquidGlass .v-btn-group.v-btn-toggle > .v-btn--active > .v-btn__overlay {
483
+ opacity: 0;
484
+ }
485
+
486
+ .v-theme--liquidGlass .v-slider-thumb__surface {
487
+ box-shadow: inset 0 1px 0 #ffffffd9,
488
+ 0 2px 8px rgba(var(--v-shadow-color), .28);
489
+ }
490
+
491
+ .v-theme--liquidGlass [class*="-title-"] {
492
+ letter-spacing: -.01em;
493
+ }
494
+
495
+ .v-theme--liquidGlass :is(.v-divider, .v-table tbody td, .v-data-table__td) {
496
+ border-color: rgba(var(--v-border-color), .14);
497
+ }
498
+
499
+ .v-theme--liquidGlass .v-divider {
500
+ opacity: 1;
501
+ }
502
+
503
+ .v-theme--liquidGlass :is(.v-table, .v-table__wrapper, .v-table > .v-table__wrapper > table) {
504
+ background: none;
505
+ }
506
+
507
+ .v-theme--liquidGlass :is(.v-table thead th, .v-data-table__th) {
508
+ letter-spacing: 0;
509
+ color: rgba(var(--v-theme-on-surface), .5);
510
+ border-bottom: 1px solid rgba(var(--v-border-color), .14);
511
+ background: none;
512
+ font-size: .8125rem;
513
+ font-weight: 500;
514
+ }
515
+
516
+ @media (prefers-reduced-transparency: reduce) {
517
+ .v-theme--liquidGlass.v-application {
518
+ background-image: none;
519
+ }
520
+
521
+ .v-theme--liquidGlass :is(.v-card, .v-app-bar, .v-toolbar, .v-navigation-drawer, .v-table, .v-expansion-panels):not([class*="bg-"], .v-card--variant-text, .v-card--variant-plain) {
522
+ background-color: rgb(var(--v-theme-surface));
523
+ backdrop-filter: none;
524
+ }
525
+ }
526
+
527
+ .v-theme--darkGlass :is(.v-card, .v-app-bar, .v-navigation-drawer, .v-toolbar):not([class*="bg-"], .v-card--variant-text, .v-card--variant-plain) {
528
+ background-color: rgba(var(--v-theme-surface), .62);
529
+ backdrop-filter: blur(18px) saturate(160%);
530
+ border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
531
+ }
532
+
533
+ .v-theme--darkGlass .v-card.v-card--variant-elevated {
534
+ box-shadow: inset 0 1px 0 rgba(var(--v-theme-primary), .28),
535
+ 0 8px 32px rgba(var(--v-shadow-color), .45);
536
+ }
537
+
538
+ .v-theme--darkGlass :is(.v-menu, .v-dialog) > .v-overlay__content {
539
+ backdrop-filter: blur(18px) saturate(160%);
540
+ box-shadow: 0 16px 48px rgba(var(--v-shadow-color), .55);
541
+ }
542
+
543
+ .v-theme--darkGlass .v-field.v-field--variant-solo-filled .v-field__overlay {
544
+ background-color: rgba(var(--v-theme-surface-bright), .45);
545
+ }
546
+
547
+ .v-theme--darkGlass .v-btn.v-btn--variant-flat:not(.v-btn--disabled) {
548
+ box-shadow: 0 4px 20px rgba(var(--v-theme-primary), .35);
549
+ }
550
+
551
+ .v-theme--darkGlass .v-tab__slider {
552
+ box-shadow: 0 0 12px rgba(var(--v-theme-primary), .8);
553
+ }
554
+
555
+ .v-theme--darkGlass .v-slider-thumb__surface {
556
+ box-shadow: 0 0 0 6px rgba(var(--v-theme-primary), .16);
557
+ }
558
+
559
+ .v-theme--darkGlass .v-switch__track {
560
+ backdrop-filter: blur(6px);
561
+ border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
562
+ }
563
+
564
+ @media (prefers-reduced-transparency: reduce) {
565
+ .v-theme--darkGlass :is(.v-card, .v-app-bar, .v-navigation-drawer, .v-toolbar):not([class*="bg-"], .v-card--variant-text, .v-card--variant-plain) {
566
+ background-color: rgb(var(--v-theme-surface));
567
+ backdrop-filter: none;
568
+ }
569
+ }
570
+
571
+ .v-theme--aurora.v-application {
572
+ background-image: radial-gradient(60rem 40rem at 15% -10%, #7c5cff29, #0000 60%), radial-gradient(50rem 35rem at 95% 5%, #00d4ff1f, #0000 60%);
573
+ background-attachment: fixed;
574
+ }
575
+
576
+ .v-theme--aurora .v-card.v-card--variant-elevated {
577
+ background-image: radial-gradient(36rem 18rem at 0 0, #7c5cff24, #0000 70%);
578
+ box-shadow: 0 12px 40px #0000008c;
579
+ }
580
+
581
+ .v-theme--aurora :is(.v-card, .v-alert):after {
582
+ content: "";
583
+ border-radius: inherit;
584
+ padding: var(--v-vw-border-width);
585
+ background: var(--v-vw-gradient);
586
+ opacity: .45;
587
+ pointer-events: none;
588
+ position: absolute;
589
+ inset: 0;
590
+ -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
591
+ mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
592
+ -webkit-mask-position: 0 0, 0 0;
593
+ mask-position: 0 0, 0 0;
594
+ -webkit-mask-size: auto, auto;
595
+ mask-size: auto, auto;
596
+ -webkit-mask-repeat: repeat, repeat;
597
+ mask-repeat: repeat, repeat;
598
+ -webkit-mask-clip: content-box, border-box;
599
+ mask-clip: content-box, border-box;
600
+ -webkit-mask-origin: content-box, border-box;
601
+ mask-origin: content-box, border-box;
602
+ -webkit-mask-composite: xor;
603
+ mask-composite: exclude;
604
+ -webkit-mask-source-type: auto, auto;
605
+ mask-mode: match-source, match-source;
606
+ }
607
+
608
+ .v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary {
609
+ background-image: var(--v-vw-gradient);
610
+ box-shadow: 0 6px 24px #7c5cff73;
611
+ }
612
+
613
+ .v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary .v-btn__overlay {
614
+ opacity: 0;
615
+ }
616
+
617
+ .v-theme--aurora .v-tab__slider {
618
+ background: var(--v-vw-gradient);
619
+ box-shadow: 0 0 16px #7c5cffcc;
620
+ }
621
+
622
+ .v-theme--aurora .v-slider-track__fill {
623
+ background: var(--v-vw-gradient);
624
+ }
625
+
626
+ .v-theme--aurora .v-slider-thumb__surface {
627
+ box-shadow: 0 0 0 6px #7c5cff2e, 0 0 16px #7c5cff99;
628
+ }
629
+
630
+ .v-theme--aurora .v-selection-control--dirty .v-switch__track {
631
+ background-image: var(--v-vw-gradient);
632
+ box-shadow: 0 0 14px #7c5cff80;
633
+ }
634
+
635
+ .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
636
+ box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
637
+ }
638
+
639
+ .v-theme--aurora [class*="-display-"] {
640
+ background: var(--v-vw-gradient);
641
+ color: #0000;
642
+ -webkit-background-clip: text;
643
+ background-clip: text;
644
+ }
645
+
646
+ .v-theme--neon :is(.v-card, .v-sheet, .v-list, .v-table, .v-expansion-panels) {
647
+ box-shadow: none;
648
+ }
649
+
650
+ .v-theme--neon .v-card.v-card--variant-outlined {
651
+ box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .12);
652
+ }
653
+
654
+ .v-theme--neon .v-btn.v-btn--variant-outlined:not(.v-btn--disabled):hover {
655
+ box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .6),
656
+ 0 0 18px rgba(var(--v-theme-primary), .35);
657
+ }
658
+
659
+ .v-theme--neon .v-btn.v-btn--variant-flat:not(.v-btn--disabled) {
660
+ box-shadow: 0 0 22px rgba(var(--v-theme-primary), .45);
661
+ }
662
+
663
+ .v-theme--neon :is(.v-menu, .v-dialog) > .v-overlay__content {
664
+ box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .35),
665
+ 0 12px 48px #000000bf;
666
+ }
667
+
668
+ .v-theme--neon .v-app-bar {
669
+ box-shadow: inset 0 -1px 0 rgba(var(--v-theme-primary), .3);
670
+ }
671
+
672
+ .v-theme--neon .v-slider-thumb__surface {
673
+ box-shadow: 0 0 12px rgba(var(--v-theme-primary), .6);
674
+ }
675
+
676
+ .v-theme--neon .v-tab__slider {
677
+ box-shadow: 0 0 14px rgba(var(--v-theme-primary), .9);
678
+ }
679
+
680
+ .v-theme--neon .v-selection-control--dirty .v-switch__track {
681
+ box-shadow: 0 0 14px rgba(var(--v-theme-primary), .55);
682
+ }
683
+
684
+ .v-theme--neon .v-expansion-panels {
685
+ box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .12);
686
+ }