.ant-form {
  .ant-form-item-label {
    height: 36px;
  }
}

.hide-scrollbar {
  &::-webkit-scrollbar {
    display: none;
  }
}
.tree-tab {
  @apply text-gray-600 dark:text-gray-300 flex justify-center items-center flex-1 relative z-10 cursor-pointer;
}
.tabs-nav {
  background-color: var(--tab);
  &::-webkit-scrollbar {
    display: none;
  }
  @apply h-8 border-gray-200 dark:border-gray-200/10 border-b border-t text-[13px] overflow-x-auto w-full z-50 relative flex-shrink-0;
}
.high-el {
  background-color: rgba(6, 182, 212, 0.3);
  border-radius: 4px;
}

.hide-table-title {
  .ant-table-thead {
    display: none;
  }
}
.ant-btn > .anticon {
  display: inline-flex;
}

[contenteditable='true'] {
  outline: none;
}

.anticon[tabindex] {
  cursor: default;
}

.move {
  cursor: col-resize;
  .width-duration {
    transition: none;
  }
}

.link {
  @apply duration-200 dark:text-white/75 font-medium text-black/70 hover:dark:text-white/90 hover:text-black/85;
}

.ant-popover-inner,
.ant-dropdown-menu {
  @apply border-none;
}

.ellipsis-10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.animate-show {
  animation: show 0.05s 0.2s forwards;
}

.drag-nav {
  app-region: drag;
}

.drag-none {
  app-region: no-drag;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-hide {
  animation: hide 0.2s forwards ease;
}

@page {
  size: auto;
  margin: 0;
}

.ant-dropdown-menu-item {
  padding: 3px 8px !important;
}

.start1-in {
  opacity: 0;
  transform: translateX(-200px);
  animation: start1-in 0.2s ease forwards;
}
@keyframes start1-in {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.start2-in {
  opacity: 0;
  transform: translateX(200px);
  animation: start2-in 0.2s ease forwards;
}
@keyframes start2-in {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.tree-empty {
  .ant-empty-description {
    @apply text-gray-400;
  }
}
.ant-message {
  z-index: 2300;
}
.ant-tag {
  line-height: 16px;
}
.ant-btn-default {
  background-color: transparent !important;
}
.ant-popover-content {
  @apply dark:border dark:border-gray-100/10 rounded-lg;
}
.publish-tab {
  .ant-tabs-nav-wrap {
    padding: 0 15px;
  }
  .ant-tabs-content-holder {
    padding: 0 10px 10px 10px;
  }
  .ant-tabs-nav {
    margin: 0 0 8px 0;
  }
}

.PhotoView-Slider__BannerWrap {
  padding-left: 80px;
}
