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

frontend/node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.css

@@ -0,0 +1,42 @@
+@layer vuetify-components {
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
+    opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
+  }
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
+    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
+  }
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+  }
+  @supports not selector(:focus-visible) {
+    .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
+      opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+    }
+  }
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
+    opacity: 1;
+  }
+}
+@layer vuetify-final.trumps {
+  @media (forced-colors: active) {
+    .v-btn-toggle > .v-btn:not(.v-btn--disabled) {
+      border-color: buttontext;
+    }
+    .v-btn-toggle > .v-btn:not(.v-btn--disabled):focus-visible {
+      outline: 0;
+    }
+    .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):hover, .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):focus-visible {
+      color: highlight;
+      border-color: currentColor;
+    }
+    .v-btn-toggle > .v-btn--active {
+      color: highlight;
+      forced-color-adjust: preserve-parent-color;
+    }
+    .v-btn-toggle > .v-btn--active:not(.v-btn--variant-text, .v-btn--variant-plain) {
+      background-color: highlight;
+      color: highlighttext;
+      border-color: highlight;
+    }
+  }
+}