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

frontend/node_modules/vuetify/lib/components/VBottomSheet/VBottomSheet.sass

@@ -0,0 +1,44 @@
+@use 'sass:map'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
+
+// Transition
+@include tools.layer('transitions')
+  .bottom-sheet-transition
+    &-enter-from
+      transform: translateY(100%)
+
+    &-leave-to
+      transform: translateY(100%)
+
+// Block
+@include tools.layer('components')
+  .v-bottom-sheet
+    > .v-bottom-sheet__content.v-overlay__content
+      align-self: flex-end
+      border-radius: 0
+      flex: 0 1 auto
+      left: 0
+      right: 0
+      margin-inline: auto
+      margin-bottom: 0
+      transition-duration: $bottom-sheet-transition-duration
+      width: 100%
+      max-width: 100%
+      overflow: visible
+
+      @include tools.elevation($bottom-sheet-elevation)
+
+      @media (prefers-reduced-motion: reduce)
+        transition: none
+
+      > .v-card,
+      > .v-sheet
+        border-radius: $bottom-sheet-border-radius
+
+    &.v-bottom-sheet--inset
+      max-width: none
+
+      @media #{map.get(settings.$display-breakpoints, 'sm-and-up')}
+        max-width: $bottom-sheet-inset-width