:root { --core-local-css-ready: 1; }

[hidden], .hidden { display: none !important; }

.modal-overlay,
.drawer-backdrop,
.sidebar-backdrop,
.core-sidebar-backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
}

.modal-overlay.active:not([hidden]),
.drawer-backdrop.active:not([hidden]),
.sidebar-backdrop.active:not([hidden]),
.core-sidebar-backdrop.active:not([hidden]),
.modal-overlay:not(.hidden):not([hidden]),
.drawer-backdrop:not(.hidden):not([hidden]),
.sidebar-backdrop:not(.hidden):not([hidden]),
.core-sidebar-backdrop:not(.hidden):not([hidden]) {
  display: flex !important;
}

@media (max-width: 768px) {
  .core-sidebar,
  #app-sidebar,
  aside[data-core-sidebar],
  aside[id*="sidebar"] {
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
  }

  .core-sidebar.translate-x-0,
  #app-sidebar.translate-x-0,
  #app-sidebar:not(.-translate-x-full),
  aside[data-core-sidebar].translate-x-0,
  aside[id*="sidebar"].translate-x-0 {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }
}

body {
  visibility: visible;
}