.offcanvas{
  position:fixed;
  bottom:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  max-width:100%;
  visibility:hidden;
  background-color:#f2f2f2;
  background-clip:padding-box;
  outline:0;
  transition:transform .3s ease-in-out;
}
@media (prefers-reduced-motion:reduce){
  .offcanvas{
    transition:none;
  }
}

.offcanvas-backdrop{
  position:fixed;
  top:0;
  left:0;
  z-index:2;
  width:100vw;
  height:100vh;
  background-color:#080607;
}
.offcanvas-backdrop.fade{
  opacity:0;
}
.offcanvas-backdrop.show{
  opacity:.5;
}

.offcanvas-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem;
}
.offcanvas-header .btn-close{
  padding:.5rem;
  margin-top:-.5rem;
  margin-right:-.5rem;
  margin-bottom:-.5rem;
}

.offcanvas-title{
  margin-bottom:0;
  line-height:1.5;
}

.offcanvas-body{
  flex-grow:1;
  padding:1rem;
  overflow-y:auto;
}

.offcanvas-start{
  top:0;
  left:0;
  width:400px;
  border-right:2px solid rgba(8, 6, 7, .2);
  transform:translateX(-100%);
}

.offcanvas-end{
  top:0;
  right:0;
  width:400px;
  border-left:2px solid rgba(8, 6, 7, .2);
  transform:translateX(100%);
}

.offcanvas-top{
  top:0;
  border-bottom:2px solid rgba(8, 6, 7, .2);
  transform:translateY(-100%);
}

.offcanvas-bottom,.offcanvas-top{
  right:0;
  left:0;
  height:30vh;
  max-height:100%;
}

.offcanvas-bottom{
  border-top:2px solid rgba(8, 6, 7, .2);
  transform:translateY(100%);
}

.offcanvas.show{
  transform:none;
}

/*# sourceMappingURL=bs_offcanvas.css.map */