/*breakpoints*/
.modal-backdrop.show {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  z-index: 3000;
}
.canvas {
  height: 70vh !important;
  width: 100%;
  z-index: 99999;
  background-color: #1F2023;
}
@media screen and (max-width: 991.98px) {
  .canvas {
    height: 85vh !important;
  }
}
@media screen and (max-width: 767.98px) {
  .canvas {
    height: 95vh !important;
  }
}
.canvas .offcanvas-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .canvas .offcanvas-body {
    overflow-y: auto;
  }
}
.canvas .btn-close {
  position: absolute;
  right: 40px;
  top: 40px;
  font-size: 35px;
  opacity: 0.2;
  z-index: 9999;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fttcfessenbach%2Fscss%2Fobjects%2F_canvas.scss%22%2C%22%2Fthemes%2Fttcfessenbach%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADcF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACdE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */