/* CSS 변수는 layout.tsx의 인라인 스타일에 포함되어 있음 */

.textarea::selection {
  background-color: #90fe4d;
  color: #fff;
}

.textarea::placeholder {
  color: white;
  opacity: 1;
}

* {
  -webkit-user-drag: none;
  user-drag: none;
}

img {
  -webkit-touch-callout: default;
}

.allow-text-select,
.allow-text-select * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

.allow-user-select,
.allow-user-select * {
  -webkit-touch-callout: default;
}

/* body와 scrollbar 스타일은 layout.tsx의 인라인 스타일에 포함됨 */

[contenteditable]:empty::before {
  content: attr(aria-placeholder);
  color: #aaa;
}

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

.hr {
  height: 1px;
  width: 100%;
  background-color: #969696;
}

.safari-style {
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}

.cursor {
  cursor: pointer;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mention {
  color: #3b82f6;
  padding: 2px 4px;
}

.mention2 {
  color: #3b82f6;
}

input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--font-noto-sans), -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, sans-serif;
}

.custom-li::marker {
  animation: var(--ft-marker-animation);
}

a {
  text-decoration: none;
  color: inherit;
}