.barschel-drawer__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(33, 37, 41, .45);
  z-index: 1180;
}

.barschel-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: var(--barschel-drawer-width, min(42rem, 100vw));
  max-width: 100vw;
  background: var(--bs-body-bg, #fff);
  box-shadow: -1rem 0 2rem rgba(15, 23, 42, .15);
  z-index: 1190;
  display: flex;
  flex-direction: column;
}

.barschel-drawer__header,
.barschel-drawer__footer {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--bs-border-color, rgba(0, 0, 0, .15));
}

.barschel-drawer__footer {
  border-top: 1px solid var(--bs-border-color, rgba(0, 0, 0, .15));
  border-bottom: 0;
}

.barschel-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1rem 1.25rem;
}