vuetify 3.0.0-beta.9 → 3.0.1

package/lib/styles/main.css

@@ -26,7 +26,7 @@
 
 .bg-red {
   background-color: #F44336 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-lighten-5 {
@@ -46,17 +46,17 @@
 
 .bg-red-lighten-2 {
   background-color: #E57373 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-lighten-1 {
   background-color: #EF5350 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-darken-1 {
   background-color: #E53935 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-darken-2 {
@@ -81,12 +81,12 @@
 
 .bg-red-accent-2 {
   background-color: #FF5252 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-accent-3 {
   background-color: #FF1744 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-red-accent-4 {
@@ -96,7 +96,7 @@
 
 .bg-pink {
   background-color: #e91e63 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-lighten-5 {
@@ -116,12 +116,12 @@
 
 .bg-pink-lighten-2 {
   background-color: #f06292 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-lighten-1 {
   background-color: #ec407a !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-darken-1 {
@@ -146,17 +146,17 @@
 
 .bg-pink-accent-1 {
   background-color: #ff80ab !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-accent-2 {
   background-color: #ff4081 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-accent-3 {
   background-color: #f50057 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-pink-accent-4 {
@@ -181,12 +181,12 @@
 
 .bg-purple-lighten-3 {
   background-color: #ce93d8 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-purple-lighten-2 {
   background-color: #ba68c8 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-purple-lighten-1 {
@@ -216,17 +216,17 @@
 
 .bg-purple-accent-1 {
   background-color: #ea80fc !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-purple-accent-2 {
   background-color: #e040fb !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-purple-accent-3 {
   background-color: #d500f9 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-purple-accent-4 {
@@ -251,12 +251,12 @@
 
 .bg-deep-purple-lighten-3 {
   background-color: #b39ddb !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-purple-lighten-2 {
   background-color: #9575cd !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-purple-lighten-1 {
@@ -286,7 +286,7 @@
 
 .bg-deep-purple-accent-1 {
   background-color: #b388ff !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-purple-accent-2 {
@@ -321,12 +321,12 @@
 
 .bg-indigo-lighten-3 {
   background-color: #9fa8da !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-indigo-lighten-2 {
   background-color: #7986cb !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-indigo-lighten-1 {
@@ -356,12 +356,12 @@
 
 .bg-indigo-accent-1 {
   background-color: #8c9eff !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-2 {
   background-color: #536dfe !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-indigo-accent-3 {
@@ -376,7 +376,7 @@
 
 .bg-blue {
   background-color: #2196F3 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-lighten-5 {
@@ -401,12 +401,12 @@
 
 .bg-blue-lighten-1 {
   background-color: #42A5F5 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-darken-1 {
   background-color: #1E88E5 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-darken-2 {
@@ -431,12 +431,12 @@
 
 .bg-blue-accent-2 {
   background-color: #448AFF !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-accent-3 {
   background-color: #2979FF !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-accent-4 {
@@ -446,7 +446,7 @@
 
 .bg-light-blue {
   background-color: #03a9f4 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-blue-lighten-5 {
@@ -476,12 +476,12 @@
 
 .bg-light-blue-darken-1 {
   background-color: #039be5 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-blue-darken-2 {
   background-color: #0288d1 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-blue-darken-3 {
@@ -506,12 +506,12 @@
 
 .bg-light-blue-accent-3 {
   background-color: #00b0ff !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-blue-accent-4 {
   background-color: #0091ea !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-cyan {
@@ -546,17 +546,17 @@
 
 .bg-cyan-darken-1 {
   background-color: #00acc1 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-2 {
   background-color: #0097a7 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-3 {
   background-color: #00838f !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-cyan-darken-4 {
@@ -581,12 +581,12 @@
 
 .bg-cyan-accent-4 {
   background-color: #00b8d4 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-teal {
   background-color: #009688 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-teal-lighten-5 {
@@ -606,17 +606,17 @@
 
 .bg-teal-lighten-2 {
   background-color: #4db6ac !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-teal-lighten-1 {
   background-color: #26a69a !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-teal-darken-1 {
   background-color: #00897b !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-teal-darken-2 {
@@ -651,12 +651,12 @@
 
 .bg-teal-accent-4 {
   background-color: #00bfa5 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-green {
   background-color: #4CAF50 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-green-lighten-5 {
@@ -681,17 +681,17 @@
 
 .bg-green-lighten-1 {
   background-color: #66BB6A !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-green-darken-1 {
   background-color: #43A047 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-green-darken-2 {
   background-color: #388E3C !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-green-darken-3 {
@@ -711,12 +711,12 @@
 
 .bg-green-accent-2 {
   background-color: #69F0AE !important;
-  color: #FFFFFF !important;
+  color: #000000 !important;
 }
 
 .bg-green-accent-3 {
   background-color: #00E676 !important;
-  color: #FFFFFF !important;
+  color: #000000 !important;
 }
 
 .bg-green-accent-4 {
@@ -756,17 +756,17 @@
 
 .bg-light-green-darken-1 {
   background-color: #7cb342 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-2 {
   background-color: #689f38 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-3 {
   background-color: #558b2f !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-light-green-darken-4 {
@@ -836,12 +836,12 @@
 
 .bg-lime-darken-3 {
   background-color: #9e9d24 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-lime-darken-4 {
   background-color: #827717 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-lime-accent-1 {
@@ -911,7 +911,7 @@
 
 .bg-yellow-darken-4 {
   background-color: #f57f17 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-yellow-accent-1 {
@@ -981,7 +981,7 @@
 
 .bg-amber-darken-4 {
   background-color: #ff6f00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-amber-accent-1 {
@@ -1036,22 +1036,22 @@
 
 .bg-orange-darken-1 {
   background-color: #fb8c00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-orange-darken-2 {
   background-color: #f57c00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-orange-darken-3 {
   background-color: #ef6c00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-orange-darken-4 {
   background-color: #e65100 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-orange-accent-1 {
@@ -1071,12 +1071,12 @@
 
 .bg-orange-accent-4 {
   background-color: #ff6d00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange {
   background-color: #ff5722 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-lighten-5 {
@@ -1101,22 +1101,22 @@
 
 .bg-deep-orange-lighten-1 {
   background-color: #ff7043 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-1 {
   background-color: #f4511e !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-2 {
   background-color: #e64a19 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-3 {
   background-color: #d84315 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-darken-4 {
@@ -1131,12 +1131,12 @@
 
 .bg-deep-orange-accent-2 {
   background-color: #ff6e40 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-accent-3 {
   background-color: #ff3d00 !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-deep-orange-accent-4 {
@@ -1166,7 +1166,7 @@
 
 .bg-brown-lighten-2 {
   background-color: #a1887f !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-brown-lighten-1 {
@@ -1196,7 +1196,7 @@
 
 .bg-blue-grey {
   background-color: #607d8b !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-grey-lighten-5 {
@@ -1216,12 +1216,12 @@
 
 .bg-blue-grey-lighten-2 {
   background-color: #90a4ae !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-grey-lighten-1 {
   background-color: #78909c !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-blue-grey-darken-1 {
@@ -1246,7 +1246,7 @@
 
 .bg-grey {
   background-color: #9e9e9e !important;
-  color: #000000 !important;
+  color: #FFFFFF !important;
 }
 
 .bg-grey-lighten-5 {
@@ -2671,103 +2671,103 @@ progress {
 }
 
 .elevation-24 {
-  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-23 {
-  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 11px 14px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 23px 36px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 44px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-22 {
-  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 10px 14px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 22px 35px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 42px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-21 {
-  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 21px 33px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 40px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-20 {
-  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 20px 31px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 38px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-19 {
-  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 9px 12px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 19px 29px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 7px 36px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-18 {
-  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 9px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 18px 28px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 7px 34px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-17 {
-  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 8px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 17px 26px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 32px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-16 {
-  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-15 {
-  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 8px 9px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 15px 22px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 28px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-14 {
-  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 7px 9px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 14px 21px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 26px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-13 {
-  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 13px 19px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 24px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-12 {
-  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-11 {
-  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 6px 7px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 11px 15px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 4px 20px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-10 {
-  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 6px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 10px 14px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 4px 18px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-9 {
-  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 5px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 9px 12px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 16px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-8 {
-  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-7 {
-  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 4px 5px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 7px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 2px 16px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-6 {
-  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-5 {
-  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 5px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 14px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-4 {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-3 {
-  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-2 {
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-1 {
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .elevation-0 {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !important;
 }
 
 .dialog-transition-enter-active,
@@ -6301,15 +6301,15 @@ html.overflow-y-hidden {
 }
 
 .text-high-emphasis {
-  opacity: var(--v-high-emphasis-opacity) !important;
+  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !important;
 }
 
 .text-medium-emphasis {
-  opacity: var(--v-medium-emphasis-opacity) !important;
+  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
 }
 
 .text-disabled {
-  opacity: var(--v-disabled-opacity) !important;
+  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
 }
 
 .text-truncate {
@@ -6479,6 +6479,10 @@ html.overflow-y-hidden {
   font-style: italic !important;
 }
 
+.text-mono {
+  font-family: monospace !important;
+}
+
 .position-static {
   position: static !important;
 }