/* [project]/src/app/globals.css [app-client] (css) */
@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.spin-animation {
  animation: 1s linear infinite spin;
}

:root {
  --font-sans: "Pretendard", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --color-purple: #635cf0;
  --color-purple-bg: #e9e8fd;
  --color-pink: #ec4699;
  --color-pink-bg: #fde8f2;
  --color-yellow: #facc14;
  --color-yellow-bg: #fefae6;
  --color-orange: #f98424;
  --color-orange-bg: #fef1e6;
  --color-teal: #1abc9c;
  --color-teal-bg: #e9fcf8;
  --color-blue: #0080ff;
  --color-blue-bg: #e6f2ff;
  --color-slate: #202937;
  --color-slate-bg: #e5eaf0;
  --color-lavender: #ad7aff;
  --color-lavender-bg: #efe6ff;
  --color-mauve: #8f8d9a;
  --color-mauve-bg: #efeff1;
  --sidebar-width: 240px;
  --header-height: 56px;
  --content-max-width: 1200px;
  --overlay-bg: rgba(0, 0, 0, .5);
  --overlay-blur: blur(2px);
  --scrollbar-width: .75em;
  --scrollbar-thumb: rgba(0, 0, 0, .15);
  --scrollbar-thumb-hover: rgba(0, 0, 0, .25);
  --scrollbar-track: transparent;
}

[data-theme="dark"] {
  --color-purple-bg: #1d1c40;
  --color-pink-bg: #401c2e;
  --color-yellow-bg: #393318;
  --color-orange-bg: #392718;
  --color-teal-bg: #15322c;
  --color-blue-bg: #182939;
  --color-slate-bg: #2d3643;
  --color-lavender-bg: #2a1c40;
  --color-mauve-bg: #34323e;
  --overlay-bg: rgba(0, 0, 0, .65);
  --scrollbar-thumb: rgba(255, 255, 255, .15);
  --scrollbar-thumb-hover: rgba(255, 255, 255, .25);
}

html, body {
  overscroll-behavior: none;
  height: 100%;
  min-height: 100dvh;
  max-height: 100dvh;
  font-family: var(--font-sans);
  margin: 0;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

@media (max-width: 575px) {
  * {
    scrollbar-width: none;
  }

  ::-webkit-scrollbar {
    display: none;
  }
}

@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.shiki {
  margin: 0;
  padding: 12px;
}

.shiki code {
  font-family: var(--font-mono);
}

@keyframes typing-bounce {
  0%, 80%, 100% {
    opacity: .4;
    transform: translateY(0);
  }

  40% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

.typing-dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.2s infinite typing-bounce;
  display: inline-block;
}

.chat-bubble-root:hover .chat-action-bar {
  opacity: 1 !important;
}

.cmd-palette-item:hover {
  background: var(--ant-color-bg-text-hover, rgba(0, 0, 0, .06));
}

@media (max-width: 575px) {
  .ant-layout-sider {
    display: none !important;
  }
}

:where(.lobe-flex) {
  --lobe-flex: 0 1 auto;
  --lobe-flex-direction: column;
  --lobe-flex-wrap: nowrap;
  --lobe-flex-justify: flex-start;
  --lobe-flex-align: stretch;
  --lobe-flex-width: auto;
  --lobe-flex-height: auto;
  --lobe-flex-padding: 0;
  --lobe-flex-padding-inline: var(--lobe-flex-padding);
  --lobe-flex-padding-block: var(--lobe-flex-padding);
  --lobe-flex-gap: 0;
  flex: var(--lobe-flex);
  flex-direction: var(--lobe-flex-direction);
  flex-wrap: var(--lobe-flex-wrap);
  justify-content: var(--lobe-flex-justify);
  align-items: var(--lobe-flex-align);
  width: var(--lobe-flex-width);
  height: var(--lobe-flex-height);
  padding: var(--lobe-flex-padding);
  padding-inline: var(--lobe-flex-padding-inline);
  padding-block: var(--lobe-flex-padding-block);
  gap: var(--lobe-flex-gap);
  display: flex;
}

.lobe-flex-hidden {
  display: none;
}

/*# sourceMappingURL=src_app_globals_91e4631d.css.map*/