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

frontend/node_modules/vuetify/lib/components/VTimePicker/VTimePickerClock.css

@@ -0,0 +1,143 @@
+@layer vuetify-components {
+  .v-time-picker-clock {
+    background: rgb(var(--v-theme-background));
+    color: rgb(var(--v-theme-on-background));
+  }
+  .v-time-picker-clock:after {
+    color: rgb(var(--v-theme-primary));
+  }
+  .v-time-picker-clock .v-time-picker-clock__item--active {
+    background-color: rgb(var(--v-theme-surface-variant));
+    color: rgb(var(--v-theme-on-surface-variant));
+  }
+  .v-time-picker-clock {
+    margin: 24px;
+    background: rgb(var(--v-theme-surface-light));
+    border-radius: 50%;
+    position: relative;
+    transition: none;
+    user-select: none;
+    max-width: 256px;
+    aspect-ratio: 1;
+    flex: 100%;
+  }
+  .v-time-picker-clock__container {
+    display: flex;
+    flex-direction: column;
+    flex-basis: 290px;
+    justify-content: center;
+    padding: 10px;
+  }
+  .v-time-picker-clock__hand {
+    background-color: currentColor;
+    height: calc(50% - 4px);
+    width: 2px;
+    bottom: 50%;
+    left: calc(50% - 1px);
+    transform-origin: center bottom;
+    position: absolute;
+    will-change: transform;
+    z-index: 1;
+  }
+  .v-time-picker-clock__hand:before {
+    background: transparent;
+    border-width: 2px;
+    border-style: solid;
+    border-color: currentColor;
+    border-radius: 100%;
+    width: 10px;
+    height: 10px;
+    content: "";
+    position: absolute;
+    top: -4px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .v-time-picker-clock__hand:after {
+    content: "";
+    position: absolute;
+    height: 8px;
+    width: 8px;
+    top: 100%;
+    left: 50%;
+    border-radius: 100%;
+    background-color: currentColor;
+    transform: translate(-50%, -50%);
+  }
+  .v-time-picker-clock__hand--inner:after {
+    height: 14px;
+  }
+  .v-time-picker-clock--readonly {
+    pointer-events: none;
+  }
+  .v-time-picker-clock .v-time-picker-clock__item--disabled {
+    opacity: var(--v-disabled-opacity);
+  }
+  .v-picker--full-width .v-time-picker-clock__container {
+    max-width: 290px;
+  }
+  .v-time-picker-clock__inner {
+    position: absolute;
+    bottom: 27px;
+    left: 27px;
+    right: 27px;
+    top: 27px;
+  }
+  .v-time-picker-clock__item {
+    align-items: center;
+    border-radius: 100%;
+    cursor: default;
+    display: flex;
+    font-size: 16px;
+    justify-content: center;
+    height: 40px;
+    position: absolute;
+    text-align: center;
+    width: 40px;
+    user-select: none;
+    transform: translate(-50%, -50%);
+  }
+  .v-time-picker-clock__item > span {
+    z-index: 1;
+  }
+  .v-time-picker-clock__item:before, .v-time-picker-clock__item:after {
+    content: "";
+    border-radius: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    height: 14px;
+    width: 14px;
+    transform: translate(-50%, -50%);
+  }
+  .v-time-picker-clock__item:after, .v-time-picker-clock__item:before {
+    height: 40px;
+    width: 40px;
+  }
+  .v-time-picker-clock__item--active {
+    cursor: default;
+    z-index: 2;
+  }
+  .v-time-picker-clock__item--disabled {
+    pointer-events: none;
+  }
+  .v-picker--landscape .v-time-picker-clock__container {
+    flex-direction: row;
+  }
+}
+@layer vuetify-final.trumps {
+  @media (forced-colors: active) {
+    .v-time-picker-clock__hand {
+      background-color: highlight;
+    }
+    .v-time-picker-clock__hand:before {
+      border-color: highlight;
+    }
+    .v-time-picker-clock__hand:after {
+      background-color: highlight;
+    }
+    .v-time-picker-clock__item--active {
+      outline: 2px solid highlight;
+    }
+  }
+}