/* Keep the opened filter drawer panel visible above the page on mobile. */
@media (max-width: 768px) {
  body .ant-drawer-open.tickets-filter-drawer .ant-drawer-content-wrapper,
  body .ant-drawer-open.orders-filter-drawer .ant-drawer-content-wrapper,
  body .ant-drawer-open.order-tasks-filter-drawer .ant-drawer-content-wrapper,
  body .ant-drawer-open.entity-tasks-filter-drawer .ant-drawer-content-wrapper,
  body .ant-drawer-open.tasks-filter-drawer .ant-drawer-content-wrapper {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    min-width: 0 !important;
    height: 100vh !important;
    transform: translateX(0) !important;
    z-index: 1001 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
  }

  body .ant-drawer-open.tickets-filter-drawer .ant-drawer-mask,
  body .ant-drawer-open.orders-filter-drawer .ant-drawer-mask,
  body .ant-drawer-open.order-tasks-filter-drawer .ant-drawer-mask,
  body .ant-drawer-open.entity-tasks-filter-drawer .ant-drawer-mask,
  body .ant-drawer-open.tasks-filter-drawer .ant-drawer-mask {
    z-index: 1000 !important;
  }

  body .ant-drawer-open.tickets-filter-drawer .ant-drawer-content,
  body .ant-drawer-open.orders-filter-drawer .ant-drawer-content,
  body .ant-drawer-open.order-tasks-filter-drawer .ant-drawer-content,
  body .ant-drawer-open.entity-tasks-filter-drawer .ant-drawer-content,
  body .ant-drawer-open.tasks-filter-drawer .ant-drawer-content,
  body .ant-drawer-open.tickets-filter-drawer .ant-drawer-wrapper-body,
  body .ant-drawer-open.orders-filter-drawer .ant-drawer-wrapper-body,
  body .ant-drawer-open.order-tasks-filter-drawer .ant-drawer-wrapper-body,
  body .ant-drawer-open.entity-tasks-filter-drawer .ant-drawer-wrapper-body,
  body .ant-drawer-open.tasks-filter-drawer .ant-drawer-wrapper-body {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body .ant-drawer-open.tickets-filter-drawer .ant-drawer-body,
  body .ant-drawer-open.orders-filter-drawer .ant-drawer-body,
  body .ant-drawer-open.order-tasks-filter-drawer .ant-drawer-body,
  body .ant-drawer-open.entity-tasks-filter-drawer .ant-drawer-body,
  body .ant-drawer-open.tasks-filter-drawer .ant-drawer-body {
    height: calc(100vh - 55px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
}