/* Drawer customization */
.ant-drawer-body {
  @apply overflow-hidden;
}

.app-drawer {
  .ant-drawer-content-wrapper {
    @apply md:!w-[476px];
  }
  .ant-drawer-header-title {
    @apply flex-row-reverse gap-3;
  }
  .ant-drawer-close {
    @apply size-10 rounded-xl bg-[#F0F0F2] m-0;
  }
}

.search-drop-down .ant-dropdown-menu {
  @apply max-h-[600px];
}

.notifications-drawer-container {
  .ant-drawer-content-wrapper {
    @apply md:!w-[476px];
  }
  .ant-drawer-header-title {
    @apply flex-row-reverse gap-3;
  }
  .ant-drawer-close {
    @apply size-10 rounded-xl bg-[#F0F0F2];
  }
}

.left-side-modal {
  .ant-drawer-content.app-drawer-content {
    .ant-drawer-body {
      @apply p-0;
    }
  }
}

.header-mobile-drawer {
  .ant-drawer-content-wrapper {
    .ant-drawer-content.app-drawer-content {
      .ant-drawer-header {
        @apply p-0;
      }
      .ant-drawer-header-title {
        .ant-drawer-close {
          @apply absolute z-10;
        }
      }
    }
  }
}