/* font */
@import "@fontsource-variable/open-sans";
@import "@fontsource-variable/inter";

/* 添加对话区域专用字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');

/* editor */
@import "react-quill/dist/quill.snow.css";
/* simplebar */
@import "simplebar-react/dist/simplebar.min.css";

/* tailwind */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

:root {
  --c-bg: transparent;
  --c-scrollbar: #aaa;
  --c-scrollbar-hover: #777;
}
html {
  background-color: var(--c-bg);
  overflow: auto;
}
html.dark {
  --c-bg: transparent;
  --c-scrollbar: #555;
  --c-scrollbar-hover: #888;
}

/* native scrollbar customize */
::-webkit-scrollbar {
  width: 7px;
  cursor: pointer !important;
}
::-webkit-scrollbar:horizontal {
  height: 7px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: var(--c-bg);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--c-scrollbar);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--c-scrollbar-hover);
}

/* simplebar customize */
.simplebar-scrollbar::before {
  border-radius: 10px;
  background: var(--c-scrollbar-hover);
}


/* Add to your global CSS file */
.share-invitation-modal .ant-modal-content {
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 12px;
  overflow: hidden;
}

.share-invitation-modal .ant-modal-close {
  color: white !important;
  top: 10px;
  right: 10px;
  z-index: 1000;
}

.share-invitation-modal .modal-wrapper {
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}

.share-invitation-modal .ant-modal-body {
  padding: 0;
  margin: 0;
  line-height: 0;
}