routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/vuetify/lib/styles/tools/_variant.sass

@@ -0,0 +1,55 @@
+@use "./absolute" as *
+@use "./elevation" as *
+@use "../settings/variables" as *
+
+@mixin variant($contained-background, $contained-color, $contained-elevation, $plain-opacity, $name)
+  &--variant-plain,
+  &--variant-outlined,
+  &--variant-text,
+  &--variant-tonal
+    background: transparent
+    color: inherit
+
+  &--variant-plain
+    opacity: $plain-opacity
+
+    &:focus,
+    &:hover
+      opacity: 1
+
+  &--variant-plain
+    .#{$name}__overlay
+      display: none
+
+  &--variant-elevated,
+  &--variant-flat
+    background: $contained-background
+    color: $contained-color
+
+  @if ($contained-elevation > 0)
+    &--variant-elevated
+      @include elevation($contained-elevation)
+
+  &--variant-flat
+    @include elevation(0)
+
+  &--variant-outlined
+    border: $border-width-root solid currentColor
+
+  &--variant-text
+    .#{$name}__overlay
+      background: currentColor
+
+  &--variant-tonal
+    .#{$name}__underlay
+      background: currentColor
+      opacity: var(--v-activated-opacity)
+      border-radius: inherit
+      top: 0
+      right: 0
+      bottom: 0
+      left: 0
+      pointer-events: none
+
+  .#{$name}__underlay
+    position: absolute