vuetiwatch 0.1.0 → 0.2.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 (164) hide show
  1. package/README.md +200 -17
  2. package/dist/index.d.ts +4 -4
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +1 -1
  6. package/dist/plugin.d.ts +77 -7
  7. package/dist/plugin.d.ts.map +1 -1
  8. package/dist/plugin.js +104 -15
  9. package/dist/plugin.js.map +1 -1
  10. package/dist/registry.d.ts +1 -1
  11. package/dist/registry.d.ts.map +1 -1
  12. package/dist/registry.js +6 -1
  13. package/dist/registry.js.map +1 -1
  14. package/dist/styles/atlas.css +99 -0
  15. package/dist/styles/atlas.min.css +1 -0
  16. package/dist/styles/atlasDark.css +99 -0
  17. package/dist/styles/atlasDark.min.css +1 -0
  18. package/dist/styles/atlasSepia.css +99 -0
  19. package/dist/styles/atlasSepia.min.css +1 -0
  20. package/dist/styles/aurora.css +97 -4
  21. package/dist/styles/aurora.min.css +1 -1
  22. package/dist/styles/brutalist.css +5 -0
  23. package/dist/styles/brutalist.min.css +1 -1
  24. package/dist/styles/calm.css +0 -4
  25. package/dist/styles/calm.min.css +1 -1
  26. package/dist/styles/candy.css +71 -0
  27. package/dist/styles/candy.min.css +1 -0
  28. package/dist/styles/clay.css +13 -0
  29. package/dist/styles/clay.min.css +1 -1
  30. package/dist/styles/core.css +239 -36
  31. package/dist/styles/core.min.css +1 -1
  32. package/dist/styles/graphite.css +29 -0
  33. package/dist/styles/graphite.min.css +1 -0
  34. package/dist/styles/morph.css +12 -0
  35. package/dist/styles/morph.min.css +1 -1
  36. package/dist/styles/neon.css +8 -0
  37. package/dist/styles/neon.min.css +1 -1
  38. package/dist/styles/sketchy.css +4 -0
  39. package/dist/styles/sketchy.min.css +1 -1
  40. package/dist/styles/soft.css +1 -12
  41. package/dist/styles/soft.min.css +1 -1
  42. package/dist/styles.css +577 -52
  43. package/dist/styles.min.css +1 -1
  44. package/dist/themes/atlas.d.ts +38 -0
  45. package/dist/themes/atlas.d.ts.map +1 -0
  46. package/dist/themes/atlas.js +203 -0
  47. package/dist/themes/atlas.js.map +1 -0
  48. package/dist/themes/atlasDark.d.ts +8 -0
  49. package/dist/themes/atlasDark.d.ts.map +1 -0
  50. package/dist/themes/atlasDark.js +64 -0
  51. package/dist/themes/atlasDark.js.map +1 -0
  52. package/dist/themes/atlasSepia.d.ts +11 -0
  53. package/dist/themes/atlasSepia.d.ts.map +1 -0
  54. package/dist/themes/atlasSepia.js +60 -0
  55. package/dist/themes/atlasSepia.js.map +1 -0
  56. package/dist/themes/aurora.d.ts.map +1 -1
  57. package/dist/themes/aurora.js +27 -2
  58. package/dist/themes/aurora.js.map +1 -1
  59. package/dist/themes/brutalist.d.ts.map +1 -1
  60. package/dist/themes/brutalist.js +26 -0
  61. package/dist/themes/brutalist.js.map +1 -1
  62. package/dist/themes/calm.d.ts.map +1 -1
  63. package/dist/themes/calm.js +22 -2
  64. package/dist/themes/calm.js.map +1 -1
  65. package/dist/themes/candy.d.ts +20 -0
  66. package/dist/themes/candy.d.ts.map +1 -0
  67. package/dist/themes/candy.js +142 -0
  68. package/dist/themes/candy.js.map +1 -0
  69. package/dist/themes/classic.d.ts.map +1 -1
  70. package/dist/themes/classic.js +2 -0
  71. package/dist/themes/classic.js.map +1 -1
  72. package/dist/themes/clay.d.ts.map +1 -1
  73. package/dist/themes/clay.js +22 -0
  74. package/dist/themes/clay.js.map +1 -1
  75. package/dist/themes/darkGlass.d.ts.map +1 -1
  76. package/dist/themes/darkGlass.js +21 -0
  77. package/dist/themes/darkGlass.js.map +1 -1
  78. package/dist/themes/graphite.d.ts +13 -0
  79. package/dist/themes/graphite.d.ts.map +1 -0
  80. package/dist/themes/graphite.js +147 -0
  81. package/dist/themes/graphite.js.map +1 -0
  82. package/dist/themes/index.d.ts +5 -0
  83. package/dist/themes/index.d.ts.map +1 -1
  84. package/dist/themes/index.js +5 -0
  85. package/dist/themes/index.js.map +1 -1
  86. package/dist/themes/liquidGlass.d.ts.map +1 -1
  87. package/dist/themes/liquidGlass.js +27 -3
  88. package/dist/themes/liquidGlass.js.map +1 -1
  89. package/dist/themes/lux.d.ts.map +1 -1
  90. package/dist/themes/lux.js +21 -2
  91. package/dist/themes/lux.js.map +1 -1
  92. package/dist/themes/morph.d.ts.map +1 -1
  93. package/dist/themes/morph.js +23 -3
  94. package/dist/themes/morph.js.map +1 -1
  95. package/dist/themes/neon.d.ts.map +1 -1
  96. package/dist/themes/neon.js +22 -0
  97. package/dist/themes/neon.js.map +1 -1
  98. package/dist/themes/paper.d.ts.map +1 -1
  99. package/dist/themes/paper.js +16 -0
  100. package/dist/themes/paper.js.map +1 -1
  101. package/dist/themes/sketchy.d.ts.map +1 -1
  102. package/dist/themes/sketchy.js +17 -0
  103. package/dist/themes/sketchy.js.map +1 -1
  104. package/dist/themes/slate.d.ts.map +1 -1
  105. package/dist/themes/slate.js +22 -1
  106. package/dist/themes/slate.js.map +1 -1
  107. package/dist/themes/soft.d.ts.map +1 -1
  108. package/dist/themes/soft.js +21 -2
  109. package/dist/themes/soft.js.map +1 -1
  110. package/dist/types.d.ts +40 -0
  111. package/dist/types.d.ts.map +1 -1
  112. package/dist/util/defaults.d.ts.map +1 -1
  113. package/dist/util/defaults.js +11 -1
  114. package/dist/util/defaults.js.map +1 -1
  115. package/dist/util/defineTheme.d.ts.map +1 -1
  116. package/dist/util/defineTheme.js +11 -5
  117. package/dist/util/defineTheme.js.map +1 -1
  118. package/package.json +2 -2
  119. package/src/index.ts +8 -2
  120. package/src/plugin.ts +214 -21
  121. package/src/registry.ts +10 -0
  122. package/src/styles/core.css +563 -35
  123. package/src/styles/index.css +4 -0
  124. package/src/styles/themes/_atlas.css +194 -0
  125. package/src/styles/themes/atlas.css +2 -0
  126. package/src/styles/themes/atlasDark.css +2 -0
  127. package/src/styles/themes/atlasSepia.css +2 -0
  128. package/src/styles/themes/aurora.css +151 -7
  129. package/src/styles/themes/brutalist.css +5 -3
  130. package/src/styles/themes/calm.css +0 -7
  131. package/src/styles/themes/candy.css +113 -0
  132. package/src/styles/themes/clay.css +24 -0
  133. package/src/styles/themes/graphite.css +63 -0
  134. package/src/styles/themes/liquidGlass.css +0 -2
  135. package/src/styles/themes/lux.css +0 -4
  136. package/src/styles/themes/morph.css +22 -0
  137. package/src/styles/themes/neon.css +8 -3
  138. package/src/styles/themes/paper.css +0 -2
  139. package/src/styles/themes/sketchy.css +9 -0
  140. package/src/styles/themes/slate.css +0 -4
  141. package/src/styles/themes/soft.css +1 -12
  142. package/src/themes/atlas.ts +211 -0
  143. package/src/themes/atlasDark.ts +64 -0
  144. package/src/themes/atlasSepia.ts +60 -0
  145. package/src/themes/aurora.ts +30 -2
  146. package/src/themes/brutalist.ts +29 -0
  147. package/src/themes/calm.ts +25 -2
  148. package/src/themes/candy.ts +144 -0
  149. package/src/themes/classic.ts +3 -0
  150. package/src/themes/clay.ts +24 -0
  151. package/src/themes/darkGlass.ts +24 -0
  152. package/src/themes/graphite.ts +150 -0
  153. package/src/themes/index.ts +5 -0
  154. package/src/themes/liquidGlass.ts +30 -3
  155. package/src/themes/lux.ts +24 -2
  156. package/src/themes/morph.ts +25 -3
  157. package/src/themes/neon.ts +25 -0
  158. package/src/themes/paper.ts +19 -0
  159. package/src/themes/sketchy.ts +20 -0
  160. package/src/themes/slate.ts +25 -1
  161. package/src/themes/soft.ts +24 -2
  162. package/src/types.ts +41 -0
  163. package/src/util/defaults.ts +12 -1
  164. package/src/util/defineTheme.ts +11 -5
package/dist/styles.css CHANGED
@@ -1,144 +1,347 @@
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 *) {
1
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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--icon:not([class*="rounded-"], .v-btn-group *, .v-pagination *) {
2
+ border-radius: var(--v-vw-radius-icon-btn, 50%);
3
+ }
4
+
5
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:not(.v-btn--icon, .v-btn--rounded, [class*="rounded-"], .v-btn-group *, .v-toolbar-items *, .v-tabs *) {
6
+ border-radius: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
7
+ }
8
+
9
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-list, .v-sheet, .v-banner, .v-table, .v-skeleton-loader):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *) {
10
+ border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
11
+ }
12
+
13
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-list, .v-sheet, .v-banner, .v-table):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *) {
14
+ border: var(--v-vw-panel-border, revert-layer);
15
+ box-shadow: var(--v-vw-panel-shadow, revert-layer);
16
+ background-color: var(--v-vw-panel-fill, revert-layer);
17
+ background-image: var(--v-vw-panel-image, revert-layer);
18
+ backdrop-filter: var(--v-vw-panel-filter, none);
19
+ }
20
+
21
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-list--border, .v-sheet--border):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *) {
22
+ border-width: var(--v-vw-border-width, thin);
23
+ }
24
+
25
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-btn-toggle):not([class*="rounded-"]) {
2
26
  border-radius: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
3
27
  }
4
28
 
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 {
29
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-card--variant-outlined:not([class*="bg-"]) {
30
+ background-color: var(--v-vw-outlined-fill, rgb(var(--v-theme-surface)));
31
+ }
32
+
33
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-badge__badge {
34
+ border-radius: var(--v-vw-radius-chip, 9999px);
35
+ }
36
+
37
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-avatar:not([class*="rounded-"]) {
38
+ border-radius: var(--v-vw-radius-avatar, 50%);
39
+ }
40
+
41
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-timeline-divider__dot, .v-timeline-divider__inner-dot) {
42
+ border-radius: var(--v-vw-radius-dot, 50%);
43
+ }
44
+
45
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-progress-linear:not(.v-progress-linear--rounded, [class*="rounded-"]) {
46
+ border-radius: var(--v-vw-radius, 0);
47
+ }
48
+
49
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
50
  border-radius: var(--v-vw-radius, 6px);
7
51
  }
8
52
 
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 {
53
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
54
  border-radius: var(--v-vw-radius, 4px);
11
55
  }
12
56
 
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) {
57
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
58
  --vw-attached: var(--v-vw-radius, 4px);
15
59
  }
16
60
 
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) {
61
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
62
  --vw-attached: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
19
63
  }
20
64
 
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 {
65
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
66
  border-start-end-radius: var(--vw-attached);
23
67
  border-end-end-radius: var(--vw-attached);
24
68
  }
25
69
 
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 {
70
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
71
  border-start-start-radius: var(--vw-attached);
28
72
  border-end-start-radius: var(--vw-attached);
29
73
  }
30
74
 
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 {
75
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
76
  border-end-end-radius: var(--vw-attached);
33
77
  border-end-start-radius: var(--vw-attached);
34
78
  }
35
79
 
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 {
80
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
81
  border-start-start-radius: var(--vw-attached);
38
82
  border-start-end-radius: var(--vw-attached);
39
83
  }
40
84
 
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-"]) {
85
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:not([class*="rounded-"]) {
42
86
  border-radius: var(--v-vw-radius, 4px);
43
87
  }
44
88
 
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 {
89
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
46
90
  border-radius: var(--v-vw-radius-btn, var(--v-vw-radius, 4px));
47
91
  }
48
92
 
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 {
93
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:not([class*="rounded-"]), .v-table), :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
54
94
  border-radius: var(--v-vw-radius-lg, var(--v-vw-radius, 4px));
55
95
  }
56
96
 
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)) {
97
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:not([class*="rounded-"]), .v-field:not([class*="rounded-"]), .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
98
  border-radius: var(--v-vw-radius, 4px);
59
99
  }
60
100
 
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-"]) {
101
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:is(.v-field--variant-filled, .v-field--variant-underlined):not([class*="rounded-"]) {
62
102
  border-radius: var(--v-vw-radius, 4px) var(--v-vw-radius, 4px) 0 0;
63
103
  }
64
104
 
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-"]) {
105
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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:not([class*="rounded-"]) {
66
106
  border-radius: var(--v-vw-radius-chip, 9999px);
67
107
  }
68
108
 
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 {
109
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
70
110
  border-radius: var(--v-vw-radius, 4px);
71
111
  }
72
112
 
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 {
113
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
114
  border-radius: var(--v-vw-radius-thumb, 50%);
75
115
  }
76
116
 
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 {
117
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
118
  border-radius: var(--v-vw-radius, 4px);
79
119
  }
80
120
 
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 {
121
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
122
  background: var(--v-vw-pagination-active-color, currentColor);
83
123
  opacity: var(--v-vw-pagination-active-opacity, var(--v-activated-opacity));
84
124
  }
85
125
 
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-"]) {
126
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
127
  background-color: rgb(var(--v-theme-surface));
88
128
  }
89
129
 
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) {
130
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-card > :is(.v-list, .v-table):not([class*="bg-"]) {
131
+ background: none;
132
+ }
133
+
134
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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, .v-list--border, .v-sheet--border) {
91
135
  border-width: var(--v-vw-border-width, thin);
92
136
  }
93
137
 
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 {
138
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-card--variant-outlined:not([class*="border-"]) {
139
+ border-color: rgba(var(--v-border-color),
140
+ var(--v-vw-outline-opacity, var(--v-border-opacity)));
141
+ }
142
+
143
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
144
  --v-field-border-width: var(--v-vw-border-width, 1px);
145
+ --v-field-border-opacity: var(--v-vw-field-border-opacity, .38);
96
146
  }
97
147
 
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 {
148
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
99
149
  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);
150
+ letter-spacing: var(--v-vw-btn-tracking, .00714286em);
151
+ text-transform: var(--v-vw-btn-transform, none);
102
152
  }
103
153
 
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 {
154
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
155
  border: var(--v-vw-overlay-border, none);
106
156
  box-shadow: var(--v-vw-overlay-shadow, revert-layer);
107
157
  }
108
158
 
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 {
159
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-group .v-slide-group__content {
160
+ padding: var(--v-vw-relief-inset, 0);
161
+ }
162
+
163
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-skeleton-loader__avatar, .v-skeleton-loader__button, .v-skeleton-loader__chip, .v-skeleton-loader__divider, .v-skeleton-loader__heading, .v-skeleton-loader__image, .v-skeleton-loader__ossein, .v-skeleton-loader__text) {
164
+ background: rgba(var(--v-theme-on-surface),
165
+ var(--v-vw-skeleton-opacity, clamp(.08, var(--v-border-opacity), .2)));
166
+ }
167
+
168
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-skeleton-loader__button, .v-skeleton-loader__chip, .v-skeleton-loader__heading, .v-skeleton-loader__image, .v-skeleton-loader__ossein, .v-skeleton-loader__text) {
169
+ border-radius: var(--v-vw-radius, 4px);
170
+ }
171
+
172
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-skeleton-loader__avatar {
173
+ border-radius: var(--v-vw-radius-avatar, 50%);
174
+ }
175
+
176
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-date-picker-controls .v-btn {
177
+ letter-spacing: normal;
178
+ text-transform: none;
179
+ --v-btn-height: 32px;
180
+ min-width: 0;
181
+ padding-inline: 8px;
182
+ font-size: .875rem;
183
+ }
184
+
185
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-date-picker-controls {
186
+ height: auto;
187
+ min-height: var(--v-date-picker-controls-height, 56px);
188
+ flex-wrap: wrap;
189
+ row-gap: 4px;
190
+ padding-inline: 8px;
191
+ }
192
+
193
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-timeline-divider__before, .v-timeline-divider__after) {
194
+ background: var(--v-vw-timeline-line, rgba(var(--v-border-color), var(--v-vw-timeline-line-opacity, var(--v-border-opacity))));
195
+ }
196
+
197
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 .v-timeline--vertical :is(.v-timeline-divider__before, .v-timeline-divider__after) {
198
+ width: var(--v-vw-timeline-line-width, var(--v-timeline-line-thickness));
199
+ }
200
+
201
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 .v-timeline--horizontal :is(.v-timeline-divider__before, .v-timeline-divider__after) {
202
+ height: var(--v-vw-timeline-line-width, var(--v-timeline-line-thickness));
203
+ }
204
+
205
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
206
  height: var(--v-vw-tab-slider-height, 2px);
111
207
  }
112
208
 
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) {
209
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
210
+ font-size: var(--v-vw-tab-size, .875rem);
211
+ }
212
+
213
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-avatar[class*="--size-"]:not(:has(img, .v-img, .v-icon)) {
214
+ font-size: calc(var(--v-avatar-height) * var(--v-vw-avatar-ratio, .4));
215
+ }
216
+
217
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-stepper.v-sheet:not(.v-stepper--flat, [class*="elevation-"]) {
218
+ box-shadow: var(--v-vw-panel-shadow, none);
219
+ border: var(--v-vw-panel-border, var(--v-vw-border-width, thin) solid
220
+ rgba(var(--v-border-color), var(--v-vw-outline-opacity, var(--v-border-opacity))));
221
+ }
222
+
223
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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-stepper .v-stepper-header {
224
+ box-shadow: none;
225
+ border-block-end: var(--v-vw-border-width, thin) solid
226
+ rgba(var(--v-border-color), var(--v-vw-outline-opacity, var(--v-border-opacity)));
227
+ }
228
+
229
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-stepper-item) {
230
+ padding: 1rem 1.25rem;
231
+ }
232
+
233
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-stepper-window) {
234
+ margin: 1.25rem;
235
+ }
236
+
237
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-stepper .v-stepper-actions) {
238
+ padding: 0 1.25rem 1rem;
239
+ }
240
+
241
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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, .v-data-table, .v-pagination) {
242
+ font-variant-numeric: var(--v-vw-numeric, normal);
243
+ }
244
+
245
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
246
  font-weight: var(--v-vw-th-weight, revert-layer);
115
247
  letter-spacing: var(--v-vw-th-tracking, revert-layer);
116
248
  text-transform: var(--v-vw-th-transform, none);
117
249
  }
118
250
 
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 {
251
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
252
  border-inline-start: var(--v-vw-list-bar, 0) solid var(--v-vw-list-bar-color, currentColor);
121
253
  }
122
254
 
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"]) {
255
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-btn, .v-chip, .v-list-item, .v-card, .v-tab) {
256
+ transition: transform var(--v-vw-motion-duration, .16s) var(--v-vw-motion-ease, cubic-bezier(.2, 0, .2, 1));
257
+ }
258
+
259
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-btn, .v-chip--link, .v-list-item--link):not(.v-btn--disabled):active {
260
+ transform: translateY(var(--v-vw-press-shift, 0px))
261
+ scale(var(--v-vw-press-scale, .98));
262
+ }
263
+
264
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-card--link):hover {
265
+ transform: translateY(calc(-1 * var(--v-vw-hover-lift, 0px)));
266
+ }
267
+
268
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-selection-control--dirty .v-selection-control__input > .v-icon, .v-btn--active > .v-btn__content > .v-icon, .v-rating__item--full .v-icon) {
269
+ animation: vw-pop var(--v-vw-pop-duration, .22s) var(--v-vw-motion-ease, cubic-bezier(.2, 0, .2, 1));
270
+ }
271
+
272
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) :where(.v-btn, .v-tab, .v-chip, .v-list-item, .v-selection-control__input):focus-visible {
273
+ outline: var(--v-vw-focus-ring, 2px solid rgb(var(--v-theme-primary)));
274
+ outline-offset: var(--v-vw-focus-offset, 2px);
275
+ }
276
+
277
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
278
  font-family: var(--v-font-heading, var(--v-font-body, inherit));
125
279
  font-weight: var(--v-vw-heading-weight, revert-layer);
126
280
  letter-spacing: var(--v-vw-heading-tracking, revert-layer);
127
281
  text-transform: var(--v-vw-heading-transform, none);
128
282
  }
129
283
 
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 {
284
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
285
  -webkit-font-smoothing: antialiased;
132
286
  -moz-osx-font-smoothing: grayscale;
133
287
  }
134
288
 
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]) {
289
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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
290
  color: rgb(var(--v-theme-primary));
137
291
  -webkit-text-decoration: var(--v-vw-link-decoration, underline);
138
292
  text-decoration: var(--v-vw-link-decoration, underline);
139
293
  text-underline-offset: .15em;
140
294
  }
141
295
 
296
+ @keyframes vw-pop {
297
+ 0% {
298
+ transform: scale(1);
299
+ }
300
+
301
+ 45% {
302
+ transform: scale(var(--v-vw-pop-scale, 1.18));
303
+ }
304
+
305
+ 100% {
306
+ transform: scale(1);
307
+ }
308
+ }
309
+
310
+ :is([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .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 {
311
+ box-shadow: none;
312
+ }
313
+
314
+ @media (prefers-reduced-motion: reduce) {
315
+ :where([data-vuetiwatch]:not([data-vuetiwatch="classic"]), .v-theme--paper, .v-theme--slate, .v-theme--graphite, .v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia, .v-theme--calm, .v-theme--lux, .v-theme--soft, .v-theme--candy, .v-theme--clay, .v-theme--morph, .v-theme--sketchy, .v-theme--brutalist, .v-theme--liquidGlass, .v-theme--darkGlass, .v-theme--aurora, .v-theme--neon) {
316
+ --v-vw-motion-duration: 1ms;
317
+ --v-vw-pop-duration: 1ms;
318
+ --v-vw-press-scale: 1;
319
+ --v-vw-press-shift: 0px;
320
+ --v-vw-hover-lift: 0px;
321
+ --v-vw-theme-transition: 0s;
322
+ }
323
+ }
324
+
325
+ @keyframes vw-theme-wipe {
326
+ from {
327
+ clip-path: circle(0% at var(--vw-origin-x, 50%) var(--vw-origin-y, 50%));
328
+ }
329
+
330
+ to {
331
+ clip-path: circle(150% at var(--vw-origin-x, 50%) var(--vw-origin-y, 50%));
332
+ }
333
+ }
334
+
335
+ html[data-vuetiwatch]::view-transition-old(root) {
336
+ animation: none;
337
+ }
338
+
339
+ html[data-vuetiwatch]::view-transition-new(root) {
340
+ animation: vw-theme-wipe
341
+ var(--v-vw-theme-transition, .42s)
342
+ var(--v-vw-motion-ease, cubic-bezier(.2, 0, .2, 1));
343
+ }
344
+
142
345
  .v-theme--paper :is(.v-card, .v-sheet, .v-list, .v-table, .v-expansion-panels) {
143
346
  box-shadow: none;
144
347
  }
@@ -174,12 +377,138 @@
174
377
  box-shadow: none;
175
378
  }
176
379
 
177
- .v-theme--calm :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
380
+ .v-theme--graphite {
381
+ --vw-graphite-label: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;
382
+ }
383
+
384
+ .v-theme--graphite :is(.v-card.v-card, .v-btn.v-btn, .v-chip.v-chip, .v-alert.v-alert, .v-table.v-table, .v-expansion-panels.v-expansion-panels, .v-list.v-list, .v-sheet.v-sheet) {
178
385
  box-shadow: none;
179
386
  }
180
387
 
181
- .v-theme--calm .v-card.v-card--variant-flat {
182
- background-color: rgb(var(--v-theme-surface));
388
+ .v-theme--graphite .v-card.v-card--variant-elevated {
389
+ border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
390
+ }
391
+
392
+ .v-theme--graphite :is(.v-table thead th, .v-data-table__th) {
393
+ font-family: var(--vw-graphite-label);
394
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
395
+ border-bottom: 1px solid rgba(var(--v-border-color), .2);
396
+ font-size: .6875rem;
397
+ }
398
+
399
+ .v-theme--graphite :is(.v-chip.v-chip--size-x-small, .v-chip.v-chip--size-small, .v-breadcrumbs-item) {
400
+ font-family: var(--vw-graphite-label);
401
+ letter-spacing: .02em;
402
+ font-size: .6875rem;
403
+ }
404
+
405
+ .v-theme--graphite .v-breadcrumbs-divider {
406
+ font-family: var(--vw-graphite-label);
407
+ opacity: .5;
408
+ }
409
+
410
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
411
+ background-color: rgb(var(--v-theme-surface-light));
412
+ }
413
+
414
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
415
+ background-color: rgb(var(--v-theme-surface-light));
416
+ border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
417
+ }
418
+
419
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
420
+ border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
421
+ padding-block-end: 12px;
422
+ }
423
+
424
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
425
+ padding-top: 12px;
426
+ }
427
+
428
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
429
+ font-size: .875rem;
430
+ }
431
+
432
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
433
+ letter-spacing: 0;
434
+ font-size: 1rem;
435
+ font-weight: 600;
436
+ }
437
+
438
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
439
+ width: 306px;
440
+ }
441
+
442
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
443
+ min-width: 296px;
444
+ }
445
+
446
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
447
+ height: 32px;
448
+ }
449
+
450
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
451
+ font-size: .8125rem;
452
+ }
453
+
454
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
455
+ max-width: 208px;
456
+ }
457
+
458
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
459
+ padding-block: 4px;
460
+ }
461
+
462
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
463
+ padding-block: 0;
464
+ }
465
+
466
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
467
+ max-width: 240px;
468
+ padding: 0;
469
+ }
470
+
471
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
472
+ height: 40px;
473
+ }
474
+
475
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
476
+ min-height: 44px;
477
+ padding-block: 10px;
478
+ }
479
+
480
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
481
+ min-height: 52px;
482
+ }
483
+
484
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
485
+ min-height: 0;
486
+ padding-block: 24px;
487
+ }
488
+
489
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
490
+ font-size: 1rem;
491
+ line-height: 1.5;
492
+ }
493
+
494
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
495
+ font-size: .875rem;
496
+ }
497
+
498
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
499
+ font-size: 20px;
500
+ }
501
+
502
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
503
+ font-size: .875rem;
504
+ }
505
+
506
+ :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
507
+ border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
508
+ }
509
+
510
+ .v-theme--calm :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
511
+ box-shadow: none;
183
512
  }
184
513
 
185
514
  .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
@@ -221,13 +550,12 @@
221
550
  .v-theme--soft .v-card.v-card--variant-elevated {
222
551
  box-shadow: 0 2px 4px rgba(var(--v-theme-primary), .06),
223
552
  0 12px 28px rgba(var(--v-theme-primary), .1);
224
- transition: box-shadow .25s, transform .25s;
553
+ transition: box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease);
225
554
  }
226
555
 
227
556
  .v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover {
228
557
  box-shadow: 0 4px 8px rgba(var(--v-theme-primary), .08),
229
558
  0 20px 40px rgba(var(--v-theme-primary), .14);
230
- transform: translateY(-2px);
231
559
  }
232
560
 
233
561
  .v-theme--soft .v-btn.v-btn--variant-flat:not(.v-btn--disabled) {
@@ -255,14 +583,76 @@
255
583
  box-shadow: 0 2px 10px rgba(var(--v-theme-primary), .2);
256
584
  }
257
585
 
258
- @media (prefers-reduced-motion: reduce) {
259
- .v-theme--soft .v-card.v-card--variant-elevated {
260
- transition: none;
261
- }
586
+ .v-theme--candy {
587
+ --vw-candy-pad: inset 0 2px 0 #ffffff8c,
588
+ inset 0 -3px 0 rgba(var(--v-theme-on-surface), .08);
589
+ --vw-candy-rest: 0 3px 6px rgba(var(--v-shadow-color), .16),
590
+ 0 10px 22px rgba(var(--v-shadow-color), .13);
591
+ --vw-candy-squash: 0 1px 3px rgba(var(--v-shadow-color), .2),
592
+ 0 3px 9px rgba(var(--v-shadow-color), .12);
593
+ --v-vw-relief-inset: 4px;
594
+ }
262
595
 
263
- .v-theme--soft .v-card.v-card--variant-elevated.v-card--link:hover {
264
- transform: none;
265
- }
596
+ .v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat, .v-btn--variant-elevated):not(.v-btn--disabled) {
597
+ box-shadow: var(--vw-candy-pad), var(--vw-candy-rest);
598
+ transition: box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease);
599
+ }
600
+
601
+ .v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat, .v-btn--variant-elevated):not(.v-btn--disabled):active {
602
+ box-shadow: var(--vw-candy-pad), var(--vw-candy-squash);
603
+ }
604
+
605
+ .v-theme--candy .v-chip.v-chip:not(.v-chip--variant-text, .v-chip--variant-plain) {
606
+ box-shadow: inset 0 1px 0 #ffffff80,
607
+ 0 2px 5px rgba(var(--v-shadow-color), .14);
608
+ }
609
+
610
+ .v-theme--candy :is(.v-card.v-card--variant-elevated, .v-alert.v-alert--variant-tonal) {
611
+ box-shadow: inset 0 2px 0 #fff9,
612
+ 0 6px 16px rgba(var(--v-shadow-color), .12),
613
+ 0 20px 44px rgba(var(--v-shadow-color), .1);
614
+ }
615
+
616
+ .v-theme--candy .v-card.v-card--variant-elevated {
617
+ transition: box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease);
618
+ }
619
+
620
+ .v-theme--candy .v-card.v-card--variant-elevated.v-card--link:hover {
621
+ box-shadow: inset 0 2px 0 #fff9,
622
+ 0 10px 22px rgba(var(--v-shadow-color), .14),
623
+ 0 28px 60px rgba(var(--v-shadow-color), .12);
624
+ }
625
+
626
+ .v-theme--candy .v-field.v-field--variant-solo-filled {
627
+ box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
628
+ }
629
+
630
+ .v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay {
631
+ background-color: rgb(var(--v-theme-surface-light));
632
+ }
633
+
634
+ .v-theme--candy :is(.v-switch__track, .v-slider-track__background) {
635
+ box-shadow: inset 0 2px 4px rgba(var(--v-shadow-color), .22);
636
+ }
637
+
638
+ .v-theme--candy :is(.v-switch__thumb, .v-slider-thumb__surface) {
639
+ box-shadow: inset 0 2px 0 #ffffffa6,
640
+ 0 2px 5px rgba(var(--v-shadow-color), .32),
641
+ 0 0 0 5px rgba(var(--v-theme-primary), .14);
642
+ }
643
+
644
+ .v-theme--candy .v-tabs--inset .v-tab__slider {
645
+ box-shadow: inset 0 1px 0 #ffffff80,
646
+ 0 4px 12px rgba(var(--v-theme-primary), .24);
647
+ }
648
+
649
+ .v-theme--candy :is(.v-timeline-divider__before, .v-timeline-divider__after) {
650
+ border-radius: 999px;
651
+ }
652
+
653
+ .v-theme--candy .v-timeline-divider__dot {
654
+ box-shadow: inset 0 2px 0 #fff9,
655
+ 0 3px 8px rgba(var(--v-shadow-color), .22);
266
656
  }
267
657
 
268
658
  .v-theme--clay {
@@ -281,6 +671,10 @@
281
671
  -2px -2px 5px #fff9;
282
672
  }
283
673
 
674
+ .v-theme--clay [class*="bg-"] :is(.v-btn.v-btn, .v-chip.v-chip) {
675
+ box-shadow: none;
676
+ }
677
+
284
678
  .v-theme--clay .v-btn:active:not(.v-btn--disabled) {
285
679
  box-shadow: 4px 4px 10px rgba(var(--v-shadow-color), .16),
286
680
  inset -3px -3px 10px rgba(var(--v-shadow-color), .1),
@@ -310,6 +704,15 @@
310
704
  border-radius: 5px;
311
705
  }
312
706
 
707
+ .v-theme--clay :is(.v-timeline-divider__before, .v-timeline-divider__after) {
708
+ box-shadow: inset 2px 2px 5px rgba(var(--v-shadow-color), .18),
709
+ inset -2px -2px 5px #fffc;
710
+ }
711
+
712
+ .v-theme--clay .v-timeline-divider__dot {
713
+ box-shadow: var(--vw-clay-lift);
714
+ }
715
+
313
716
  .v-theme--morph {
314
717
  --vw-morph-raised: 6px 6px 12px rgba(var(--v-shadow-color), .5),
315
718
  -6px -6px 12px #ffffffd9;
@@ -326,6 +729,10 @@
326
729
  -3px -3px 6px #fff9;
327
730
  }
328
731
 
732
+ .v-theme--morph [class*="bg-"] :is(.v-btn.v-btn, .v-chip.v-chip) {
733
+ box-shadow: none;
734
+ }
735
+
329
736
  .v-theme--morph :is(.v-field--variant-solo, .v-switch__track, .v-slider-track) {
330
737
  background: rgb(var(--v-theme-background));
331
738
  box-shadow: var(--vw-morph-pressed);
@@ -348,6 +755,14 @@
348
755
  border-radius: 4px;
349
756
  }
350
757
 
758
+ .v-theme--morph :is(.v-timeline-divider__before, .v-timeline-divider__after) {
759
+ box-shadow: var(--vw-morph-pressed);
760
+ }
761
+
762
+ .v-theme--morph .v-timeline-divider__dot {
763
+ box-shadow: var(--vw-morph-raised);
764
+ }
765
+
351
766
  .v-theme--sketchy :is(.v-card, .v-sheet, .v-table, .v-list, .v-expansion-panels) {
352
767
  box-shadow: none;
353
768
  }
@@ -368,6 +783,10 @@
368
783
  border-radius: 8px 3px / 3px 8px;
369
784
  }
370
785
 
786
+ .v-theme--sketchy :is(.v-list, .v-sheet, .v-banner, .v-table):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *) {
787
+ border-bottom-width: calc(var(--v-vw-border-width) + 1px);
788
+ }
789
+
371
790
  @media (prefers-reduced-motion: no-preference) {
372
791
  .v-theme--sketchy .v-btn {
373
792
  transition: border-radius .12s steps(2, end);
@@ -413,6 +832,11 @@
413
832
  border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
414
833
  }
415
834
 
835
+ .v-theme--brutalist .v-timeline-divider__dot {
836
+ border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
837
+ box-shadow: var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color));
838
+ }
839
+
416
840
  @media (prefers-reduced-motion: reduce) {
417
841
  .v-theme--brutalist .v-btn {
418
842
  transition: none;
@@ -569,16 +993,26 @@
569
993
  }
570
994
 
571
995
  .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%);
996
+ background-image: radial-gradient(60rem 40rem at 15% -10%, #7c5cff29, #0000 60%), radial-gradient(50rem 35rem at 95% 5%, #00d4ff1f, #0000 60%), radial-gradient(45rem 30rem at 50% 105%, #ff5caa1a, #0000 60%);
573
997
  background-attachment: fixed;
574
998
  }
575
999
 
1000
+ .v-theme--aurora.v-application:before {
1001
+ content: "";
1002
+ z-index: 0;
1003
+ pointer-events: none;
1004
+ background-image: radial-gradient(35rem 28rem at 25% 25%, #7c5cff24, #0000 60%), radial-gradient(30rem 24rem at 75% 40%, #00d4ff1a, #0000 60%), radial-gradient(28rem 22rem at 55% 85%, #ff5caa17, #0000 60%);
1005
+ animation: 34s ease-in-out infinite alternate vw-aurora-drift;
1006
+ position: fixed;
1007
+ inset: -20%;
1008
+ }
1009
+
576
1010
  .v-theme--aurora .v-card.v-card--variant-elevated {
577
1011
  background-image: radial-gradient(36rem 18rem at 0 0, #7c5cff24, #0000 70%);
578
1012
  box-shadow: 0 12px 40px #0000008c;
579
1013
  }
580
1014
 
581
- .v-theme--aurora :is(.v-card, .v-alert):after {
1015
+ .v-theme--aurora :is(.v-card, .v-alert, :is(.v-list, .v-sheet, .v-banner):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *)):after {
582
1016
  content: "";
583
1017
  border-radius: inherit;
584
1018
  padding: var(--v-vw-border-width);
@@ -606,7 +1040,7 @@
606
1040
  }
607
1041
 
608
1042
  .v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary {
609
- background-image: var(--v-vw-gradient);
1043
+ background-image: var(--v-vw-gradient-btn, var(--v-vw-gradient));
610
1044
  box-shadow: 0 6px 24px #7c5cff73;
611
1045
  }
612
1046
 
@@ -636,13 +1070,96 @@
636
1070
  box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
637
1071
  }
638
1072
 
639
- .v-theme--aurora [class*="-display-"] {
1073
+ .v-theme--aurora :is(.v-progress-linear__determinate, .v-progress-linear__indeterminate) {
1074
+ background-image: var(--v-vw-gradient);
1075
+ }
1076
+
1077
+ .v-theme--aurora :is(.v-alert__underlay, .v-chip__underlay) {
1078
+ background-image: var(--v-vw-gradient);
1079
+ opacity: .2;
1080
+ }
1081
+
1082
+ .v-theme--aurora :is(.v-app-bar, .v-toolbar, .v-navigation-drawer) {
1083
+ background-image: linear-gradient(100deg, #7c5cff29, #00d4ff0f 55%, #0000);
1084
+ }
1085
+
1086
+ .v-theme--aurora .v-divider:not(.v-divider--vertical) {
1087
+ opacity: 1;
1088
+ border-image: linear-gradient(90deg, #0000, #9b8cff73 25%, #00d4ff59 75%, #0000) 1;
1089
+ }
1090
+
1091
+ .v-theme--aurora :is(.v-table thead th, .v-data-table__th) {
1092
+ border-bottom: 1px solid #0000;
1093
+ border-image: var(--v-vw-gradient) 1;
1094
+ }
1095
+
1096
+ .v-theme--aurora .v-list-item.v-list-item--active {
1097
+ background-image: linear-gradient(90deg, #7c5cff38, #0000 45%);
1098
+ }
1099
+
1100
+ .v-theme--aurora .v-badge__badge {
1101
+ background-image: var(--v-vw-gradient-btn, var(--v-vw-gradient));
1102
+ }
1103
+
1104
+ .v-theme--aurora .v-field.v-field--variant-solo-filled.v-field--focused:after {
1105
+ content: "";
1106
+ border-radius: inherit;
1107
+ padding: var(--v-vw-border-width);
1108
+ background: var(--v-vw-gradient);
1109
+ opacity: .7;
1110
+ pointer-events: none;
1111
+ position: absolute;
1112
+ inset: 0;
1113
+ -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
1114
+ mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
1115
+ -webkit-mask-position: 0 0, 0 0;
1116
+ mask-position: 0 0, 0 0;
1117
+ -webkit-mask-size: auto, auto;
1118
+ mask-size: auto, auto;
1119
+ -webkit-mask-repeat: repeat, repeat;
1120
+ mask-repeat: repeat, repeat;
1121
+ -webkit-mask-clip: content-box, border-box;
1122
+ mask-clip: content-box, border-box;
1123
+ -webkit-mask-origin: content-box, border-box;
1124
+ mask-origin: content-box, border-box;
1125
+ -webkit-mask-composite: xor;
1126
+ mask-composite: exclude;
1127
+ -webkit-mask-source-type: auto, auto;
1128
+ mask-mode: match-source, match-source;
1129
+ }
1130
+
1131
+ .v-theme--aurora :is([class*="-display-"], [class*="-headline-large"]) {
640
1132
  background: var(--v-vw-gradient);
641
1133
  color: #0000;
642
1134
  -webkit-background-clip: text;
643
1135
  background-clip: text;
644
1136
  }
645
1137
 
1138
+ .v-theme--aurora .v-timeline-divider__dot {
1139
+ background-image: var(--v-vw-gradient);
1140
+ box-shadow: 0 0 16px #7c5cff8c;
1141
+ }
1142
+
1143
+ .v-theme--aurora .v-timeline-divider__inner-dot:not([class*="bg-"]) {
1144
+ background-color: #0000 !important;
1145
+ }
1146
+
1147
+ @keyframes vw-aurora-drift {
1148
+ from {
1149
+ transform: translate3d(-3%, -2%, 0) scale(1.06);
1150
+ }
1151
+
1152
+ to {
1153
+ transform: translate3d(3%, 2%, 0) scale(1.14);
1154
+ }
1155
+ }
1156
+
1157
+ @media (prefers-reduced-motion: reduce) {
1158
+ .v-theme--aurora.v-application:before {
1159
+ animation: none;
1160
+ }
1161
+ }
1162
+
646
1163
  .v-theme--neon :is(.v-card, .v-sheet, .v-list, .v-table, .v-expansion-panels) {
647
1164
  box-shadow: none;
648
1165
  }
@@ -684,3 +1201,11 @@
684
1201
  .v-theme--neon .v-expansion-panels {
685
1202
  box-shadow: 0 0 0 1px rgba(var(--v-theme-primary), .12);
686
1203
  }
1204
+
1205
+ .v-theme--neon :is(.v-timeline-divider__before, .v-timeline-divider__after) {
1206
+ box-shadow: 0 0 8px rgb(var(--v-theme-secondary));
1207
+ }
1208
+
1209
+ .v-theme--neon .v-timeline-divider__dot {
1210
+ box-shadow: 0 0 12px rgba(var(--v-theme-primary), .9);
1211
+ }