/* Offcanvas
******************************************************************************* */

.offcanvas {
  box-shadow: var(--#{$prefix}offcanvas-box-shadow);
  .offcanvas-header {
    padding-block-end: $offcanvas-padding-y * .5;
  }
}

/* styles for dark offcanvas */
[data-bs-theme="dark"].offcanvas {
  background-color: #2b2c40;
  color: #b2b2c4;
  .offcanvas-title {
    color: #d5d5e2;
  }
}