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

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

@@ -0,0 +1,65 @@
+@layer vuetify-components {
+  .v-overlay-container {
+    contain: layout;
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    display: contents;
+  }
+  .v-overlay {
+    --v-overlay-opacity: 0.32;
+    border-radius: inherit;
+    display: flex;
+    left: 0;
+    pointer-events: none;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+  }
+  .v-overlay__content {
+    outline: none;
+    position: absolute;
+    pointer-events: auto;
+    contain: layout;
+  }
+  .v-overlay__scrim {
+    pointer-events: auto;
+    background: #000;
+    border-radius: inherit;
+    bottom: 0;
+    left: 0;
+    opacity: var(--v-overlay-opacity);
+    position: fixed;
+    right: 0;
+    top: 0;
+  }
+  .v-overlay--absolute {
+    position: absolute;
+  }
+  .v-overlay--contained .v-overlay__scrim {
+    position: absolute;
+  }
+  .v-overlay--scroll-blocked {
+    padding-inline-end: var(--v-scrollbar-offset);
+  }
+}
+@layer vuetify-final.trumps {
+  .v-overlay-scroll-blocked {
+    padding-inline-end: var(--v-scrollbar-offset);
+  }
+  .v-overlay-scroll-blocked:not(html) {
+    overflow-y: hidden;
+  }
+  html.v-overlay-scroll-blocked {
+    position: fixed;
+    top: var(--v-body-scroll-y);
+    left: var(--v-body-scroll-x);
+    width: 100%;
+    height: 100%;
+  }
+  .v-overlay-scroll-blocked .v-navigation-drawer--right.v-navigation-drawer--active {
+    margin-right: var(--v-scrollbar-offset);
+  }
+}