﻿.sidebar.collapsible .logo-wrapper {
  border-radius: var(--border-radius) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  width: inherit !important;
  overflow: clip;
  background-color: var(--backdrop-color);
}

.sidebar.collapsible .logo-wrapper {
  padding: 0.5rem;
  background-color: var(--main-color);
}

.sidebar.collapsible .logo-wrapper > div {
  width: calc(15rem - 1rem);
}

.sidebar.collapsible.collapsed .logo-wrapper > div {
  opacity: 0;
}

.sidebar.collapsible .logo-wrapper > div {
  transition: opacity var(--transition-speed) ease;
}
