@import 'tailwindcss';
@custom-variant dark (&:where(.dark, .dark *));
@import './animate.css';
@import './color.css';
@import './chat.css';
@import './cover.css';
@import './ace.css';
@import './editor.css';
.ant-tabs-tab {
  margin-block: 0 !important;
}
body,
html {
  overscroll-behavior: none;
  background-color: transparent !important;
  background-color: var(--primary-bg-color) !important;
  -webkit-font-smoothing: antialiased;
}

body:not(.webview) {
  height: 100vh;
  overflow: hidden !important;
}

.action {
  @apply rounded duration-200 hover:bg-white/10 cursor-pointer;
}

.panel-bg {
  @apply dark:bg-[rgba(105,81,81,0.95)] bg-white/95 backdrop-blur;
}

.action-icon {
  @apply rounded-full duration-150 dark:hover:bg-white/15 cursor-pointer dark:bg-white/10;
}
.drag-nav {
  app-region: drag;
}

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

.side-move-transition {
  transition: 0.2s ease-in-out;
}
body.drag-sidebar {
  user-select: none;
  .side-move-transition {
    transition: none;
  }
}

.nav-action {
  @apply flex items-center justify-center w-[26px] h-[26px] rounded dark:hover:bg-white/10 hover:bg-black/5 duration-200 cursor-pointer dark:stroke-white/90 stroke-black/90;
}
