@import '../../../libs/shinkai-ui/src/styles/styles.css';
@import 'primereact/resources/themes/lara-light-blue/theme.css';
@import 'primereact/resources/primereact.min.css';

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url(./assets/fonts/clash-display-var.woff2) format('woff2');
  unicode-range:
    u+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

html,
body,
#root {
  @apply font-inter bg-bg-dark text-text-default h-full rounded-lg border-0;
}

html {
  @apply overscroll-none;
}

.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.p-node-disabled {
  pointer-events: none;
  & .p-checkbox-box {
    @apply !bg-gray-100;
  }
  & .p-icon.p-checkbox-icon {
    @apply !pointer-events-none;
  }
}

/* PrismSyntaxHighlighter table inside code block */
[class*='language-'] .token.token.table {
  @apply !inline;
}
