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

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

@@ -0,0 +1,53 @@
+@layer vuetify-components {
+  .v-chip-group {
+    display: flex;
+    max-width: 100%;
+    min-width: 0;
+    overflow-x: auto;
+    padding: 4px 0;
+  }
+  .v-chip-group .v-chip {
+    margin: 4px 8px 4px 0;
+  }
+}
+@layer vuetify-final.trumps {
+  @media (forced-colors: active) {
+    .v-chip-group .v-chip {
+      background-color: buttonface;
+      color: buttontext;
+    }
+    .v-chip-group .v-chip:hover {
+      color: highlight;
+    }
+  }
+}
+@layer vuetify-components {
+  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
+    opacity: var(--v-activated-opacity);
+  }
+}
+@layer vuetify-final.trumps {
+  @media (forced-colors: active) {
+    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) {
+      color: highlight;
+      forced-color-adjust: preserve-parent-color;
+    }
+    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled):focus-visible {
+      outline-offset: 2px;
+    }
+    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-elevated, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-flat {
+      background-color: highlight;
+      color: highlighttext;
+    }
+    .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-outlined, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-tonal {
+      border-width: medium;
+    }
+  }
+}
+@layer vuetify-components {
+  .v-chip-group--column .v-slide-group__content {
+    white-space: normal;
+    flex-wrap: wrap;
+    max-width: 100%;
+  }
+}