diff --git a/src/styles/components/asset-footer.scss b/src/styles/components/asset-footer.scss
deleted file mode 100644
index 6d97d12f..00000000
--- a/src/styles/components/asset-footer.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-$height-minimal: 32px;
-$height-compact: 160px;
-$bg-color-light: #fff;
-$bg-color-dark: #1a1a1a;
-
-.asset-footer {
-  &__selected {
-    box-shadow: 0 0 50px 0 rgb(0 0 0 / 80%);
-  }
-
-  &--hidden {
-    display: none;
-  }
-
-  &--minimal {
-    min-height: $height-minimal;
-    max-height: $height-minimal;
-    height: $height-minimal;
-  }
-
-  &--compact {
-    min-height: $height-compact;
-    max-height: $height-compact;
-    height: $height-compact;
-  }
-
-  &--full {
-    height: 100vh;
-    width: 100vw;
-    position: fixed;
-    inset: 0;
-  }
-}
-
-.v-theme--light {
-  .asset-footer {
-    background-color: $bg-color-light;
-  }
-}
-
-.v-theme--dark {
-  .asset-footer {
-    background-color: $bg-color-dark;
-  }
-}
diff --git a/src/styles/components/asset-queue-editable.scss b/src/styles/components/asset-queue-editable.scss
deleted file mode 100644
index 21f47eac..00000000
--- a/src/styles/components/asset-queue-editable.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-$class-name-root: "asset-queue-editable";
-$sidebar-width: 400px;
-$second-toolbar-height: 49px;
-$bg-color-light: #fff;
-$bg-color-dark: #1a1a1a;
-
-.#{$class-name-root} {
-  min-height: 100vh !important;
-  position: relative;
-
-  &__sidebar {
-    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    transform: translateX(110%);
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: $sidebar-width;
-    height: calc(100vh - $second-toolbar-height);
-  }
-
-  &__left {
-    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    height: calc(100vh - $second-toolbar-height);
-  }
-
-  &--sidebar-active {
-    .#{$class-name-root}__sidebar {
-      transform: translateX(0%);
-      display: flex;
-    }
-
-    .#{$class-name-root}__left {
-      margin-right: $sidebar-width;
-    }
-  }
-}
-
-.v-theme--light {
-  .#{$class-name-root} {
-    background-color: $bg-color-light;
-  }
-}
-
-.v-theme--dark {
-  .#{$class-name-root} {
-    background-color: $bg-color-dark;
-  }
-}
diff --git a/src/styles/components/dam-upload-queue.scss b/src/styles/components/dam-upload-queue.scss
deleted file mode 100644
index 90a0a7ad..00000000
--- a/src/styles/components/dam-upload-queue.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-$class-name-root: "dam-upload-queue";
-$bg-color-light: #fff;
-$bg-color-dark: #1e1e1e;
-$border-color-light: #e8e9ea;
-$border-color-dark: #2c2c2c;
-$duplicate-bg-color-light: rgb(255 255 255 / 70%);
-$duplicate-bg-color-dark: rgb(0 0 0 / 70%);
-
-.asset-image {
-  position: relative;
-
-  &__icon-wrapper {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__icon-circle {
-    border-radius: 100%;
-    background-color: rgba(204 204 204 / 50%);
-  }
-
-  &__icon {
-    // todo
-  }
-
-  .asset-image--loading-bg .v-responsive__content {
-    background-color: rgba(255 255 255 / 50%); // todo dark
-  }
-
-  .asset-image__progress {
-    position: absolute;
-    inset: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .asset-image__progress--animate-done {
-    background-color: rgba(255 255 255 / 50%); // todo dark
-    animation: animate-upload-done 2s forwards;
-  }
-}
-
-.#{$class-name-root} {
-  overflow: auto hidden;
-  margin-top: 1px;
-
-  &--simple {
-    .#{$class-name-root}__item {
-      min-width: 170px;
-      min-height: 110px;
-      max-width: 170px;
-      max-height: 110px;
-      padding: 2px;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .#{$class-name-root}__item-card {
-      padding: 2px;
-      height: 108px;
-    }
-  }
-
-  &--list {
-    overflow: hidden auto;
-
-    .#{$class-name-root}__item {
-      min-width: auto;
-      max-width: 100%;
-      width: 100%;
-      min-height: auto;
-      max-height: none;
-
-      & .#{$class-name-root}__item-status {
-        display: flex;
-        width: 16px;
-        height: 16px;
-      }
-
-      & .#{$class-name-root}__item-remove {
-        display: none;
-        width: 16px;
-        height: 16px;
-      }
-
-      .#{$class-name-root}__item-card {
-        border: none;
-      }
-
-      &:hover {
-        & .#{$class-name-root}__item-status {
-          display: none;
-        }
-
-        & .#{$class-name-root}__item-status.#{$class-name-root}__item-status--permanent {
-          display: flex;
-        }
-
-        & .#{$class-name-root}__item-remove {
-          display: flex;
-        }
-      }
-    }
-  }
-
-  &--editable {
-    .#{$class-name-root}__item {
-
-      .#{$class-name-root}__item-card {
-        .asset-image {
-          aspect-ratio: 16 / 9;
-        }
-      }
-    }
-  }
-
-  &__overlay {
-    position: absolute;
-    inset: 0;
-  }
-}
-
-@keyframes animate-upload-done {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-    display: none;
-  }
-}
-
-.v-theme--light {
-  .#{$class-name-root} {
-    &--simple {
-      .#{$class-name-root}__item-card {
-        background-color: $bg-color-light;
-        border: 1px solid $border-color-light;
-      }
-    }
-
-    &__overlay {
-      background-color: $duplicate-bg-color-light;
-    }
-  }
-}
-
-.v-theme--dark {
-  .#{$class-name-root} {
-    &--simple {
-      .#{$class-name-root}__item-card {
-        background-color: $bg-color-dark;
-        border: 1px solid $border-color-dark;
-      }
-    }
-
-    &__overlay {
-      background-color: $duplicate-bg-color-dark;
-    }
-  }
-}
diff --git a/src/styles/components/image-detail.scss b/src/styles/components/image-detail.scss
deleted file mode 100644
index 31b66b71..00000000
--- a/src/styles/components/image-detail.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-@use 'vuetify/lib/styles/settings/_variables.scss' as vars;
-
-$class-name-root: 'dam-image-detail';
-$sidebar-width: 600px;
-$toolbar-height: 50px;
-$bg-color-light: #f1f4f6;
-$bg-color-dark: #000;
-$bg-sidebar-color-light: #fff;
-$bg-sidebar-color-dark: #1a1a1a;
-
-.#{$class-name-root} {
-  min-height: 100vh !important;
-  background-color: #f1f4f6;
-  position: relative;
-  overflow: hidden !important;
-
-  &__wrapper {
-    width: 100vw;
-    height: 100vh;
-
-    .asset-image.asset-image--placeholder {
-      width: 100% !important;
-      height: 100% !important;
-    }
-  }
-
-  &__sidebar {
-    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    transform: translateX(110%);
-    position: absolute;
-    top: 0;
-    right: 0;
-
-    @media #{map-get(vars.$display-breakpoints, 'sm-and-down')} {
-      width: 100%;
-    }
-
-    @media #{map-get(vars.$display-breakpoints, 'md-and-up')} {
-      width: $sidebar-width;
-    }
-  }
-
-  &__left {
-    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    position: relative;
-    height: calc(100vh - $toolbar-height);
-    max-height: calc(100vh - $toolbar-height);
-    overflow: hidden;
-  }
-
-  &__image {
-    max-height: calc(100vh - $toolbar-height);
-    width: auto;
-  }
-
-  &--sidebar-active {
-    .#{$class-name-root}__sidebar {
-      transform: translateX(0%);
-      display: flex;
-    }
-
-    .#{$class-name-root}__left {
-      @media #{map-get(vars.$display-breakpoints, 'sm-and-down')} {
-        width: 100%;
-      }
-
-      @media #{map-get(vars.$display-breakpoints, 'md-and-up')} {
-        padding-right: $sidebar-width;
-      }
-    }
-  }
-}
-
-.v-theme--light {
-  .#{$class-name-root} {
-    background-color: $bg-color-light;
-
-    &__sidebar {
-      background-color: $bg-sidebar-color-light;
-    }
-  }
-}
-
-.v-theme--dark {
-  .#{$class-name-root} {
-    background-color: $bg-color-dark;
-
-    &__sidebar {
-      background-color: $bg-sidebar-color-dark;
-    }
-  }
-}
diff --git a/src/styles/components/sidebar-info.scss b/src/styles/components/sidebar-info.scss
deleted file mode 100644
index fa3285de..00000000
--- a/src/styles/components/sidebar-info.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-$class-name-root: 'sidebar-info';
-$toolbar-height: 48px;
-$tabs-height: 48px;
-$actions-height: 48px;
-$sum-height: $toolbar-height + $tabs-height + $actions-height;
-
-.#{$class-name-root} {
-  &__tabs {
-    height: 48px;
-  }
-
-  &__content {
-    overflow-y: auto;
-    height: calc(100vh - $sum-height);
-    max-height: calc(100vh - $sum-height);
-  }
-
-  &__actions {
-    height: 48px;
-  }
-}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index a6807c3b..e044145d 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -1,8 +1,3 @@
 @use 'vuetify/styles';
 @use "components/dam-image-grid";
-//@use "components/image-detail";
-//@use "components/asset-queue-editable";
-//@use "components/asset-footer";
-//@use "components/dam-upload-queue";
-//@use "components/sidebar-info";
 @use "components/upload-overlay";