@media (max-width: 768px) {
  body.ops-theme .flex.h-screen.overflow-hidden {
    flex-direction: column;
    min-height: 100vh;
    height: auto;
    overflow: visible;
  }

  body.ops-theme .flex.h-screen.overflow-hidden > aside {
    width: 100% !important;
    height: auto !important;
    max-height: 34vh;
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
  }

  body.ops-theme .flex.h-screen.overflow-hidden > aside > div:first-child button {
    display: none;
  }

  body.ops-theme .flex.h-screen.overflow-hidden > .flex.min-w-0.flex-1.flex-col {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }

  body.ops-theme .flex.h-screen.overflow-hidden > .flex.min-w-0.flex-1.flex-col .flex {
    flex-wrap: wrap;
  }

  body.ops-theme .flex.h-screen.overflow-hidden > .flex.min-w-0.flex-1.flex-col button,
  body.ops-theme .flex.h-screen.overflow-hidden > .flex.min-w-0.flex-1.flex-col select,
  body.ops-theme .flex.h-screen.overflow-hidden > .flex.min-w-0.flex-1.flex-col input {
    max-width: 100%;
  }
}