:root {
  --p-card-shadow: none !important;
  --p-avatar-xl-width: 8rem !important;
  --p-avatar-xl-height: 8rem !important;
  --p-neutral-900: var(--background) !important;
  --p-drawer-border-color: var(--border) !important;
  --p-drawer-background: var(--background) !important;
}

.p-card {
  border: 1px solid var(--border) !important;
}

.min-h-screen {
  min-height: 100vh;
}

.channel-stats-bg {
  background-image: url("/assets/media/images/2600x1600/bg-3.png");
}

.dark .channel-stats-bg {
  background-image: url("/assets/media/images/2600x1600/bg-3-dark.png");
}

.entry-callout-bg {
  background-image: url("/assets/media/images/2600x1600/2.png");
}

.dark .entry-callout-bg {
  background-image: url("/assets/media/images/2600x1600/2-dark.png");
}

.branded-bg {
  background-image: url("/assets/media/images/2600x1600/1.png");
}

.dark .branded-bg {
  background-image: url("/assets/media/images/2600x1600/1-dark.png");
}

.p-inputtext {
  width: 100% !important;
}

.ellipsis-one-line {
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  line-height: 17px !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis-two-lines {
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  line-height: 17px !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.chat-container {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 100%;
  padding-bottom: 125px;
}

.chat-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.chat-toolbar {
  background: linear-gradient(0deg, var(--background) 0%, transparent 100%);
  position: fixed;
  left: 30%;
  right: 30%;
  bottom: 0;
  padding: 24px 0;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

@media (min-width: 537px) {
  .lgg\:hidden {
    display: none;
  }
}

@media (max-width: 320px) {
  .sm\:hidden {
    display: none;
  }
}

@media (max-width: 1000px) {
  .chat-toolbar {
    left: 16px;
    right: 16px;
  }
}

@media (max-width: 537px) {
  .sm\:hidden {
    display: none;
  }
  .sm\:h-\[125px\] {
    height: 125px;
  }
}