.tab-layout-tabs.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 24px !important;
  margin: 0 -2px 0 6px !important;
  align-items: center;
  justify-content: center;
  line-height: 24px !important;
  color: #a0aab7 !important;
}

.tab-layout-tabs.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: #155eef !important;
  background: #edf4ff;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .tab-layout-tabs.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
    width: 22px !important;
    min-width: 22px !important;
    height: 28px !important;
    margin: 0 -5px 0 4px !important;
    line-height: 28px !important;
    pointer-events: auto;
    touch-action: manipulation;
    color: #6f7f92 !important;
  }

  .ant-drawer.drawer-sider .ant-drawer-content-wrapper {
    width: 242px !important;
    max-width: calc(100vw - 16px) !important;
  }

  .ant-drawer.drawer-sider .sider.reference-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .topbar-inner .user-wrapper .action > .header-notice {
    display: inline-flex !important;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
  }

  .topbar-inner .user-wrapper .user-dropdown-menu {
    display: inline-flex !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
  }

  .topbar-inner .user-wrapper .user-dropdown-menu > span {
    display: none !important;
  }
}