@import url('https://unpkg.com/stream-chat-react@10.8.8/dist/css/v2/index.css');

.str-chat {
  height: 100%;
  width: 100%;
}

.str-chat__channel {
  height: 100%;
}

.str-chat__message-input {
  padding: 16px;
  border-top: 1px solid #e0e0e0;
}

.str-chat__header-livestream {
  background: #f5f5f5;
  padding: 12px 16px;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
}

.str-chat__message-list {
  flex-grow: 1;
  background: #ffffff;
  padding: 16px;
}

.str-chat__input-flat {
  padding: 10px;
  background: #fff;
}

.str-chat__window {
  height: 100%;
  background: #fff;
}

.str-chat__thread {
  background: #fff;
}

.Navbar_banner__XMGA2 {
    background-color: #dddddd;
    height: 40px;
    width: 100%;
    display: flex;
    grid-gap: 20px;
    gap: 20px;
    align-items: center;
    padding: 10px 60px;
    justify-content: space-between;
}
.Navbar_bannerLeft__S_J2b {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
}
.Navbar_bannerIcon__s2scI, .Navbar_bannerText__nqOJ_ {
    /* color: var(--primary); */
    color: #bf2d8c;
    font-weight: 700;
}
.Navbar_bannerText__nqOJ_ {
    font-size: clamp(0.5rem, 1.1vw, 1.1rem);
    color: #bf2d8c;
}
@media screen and (max-width: 576px) {
    .Navbar_banner__XMGA2 {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 576px) {
    .Navbar_banner__XMGA2 {
        padding: 10px 10px;
    }
    .Navbar_bannerText__nqOJ_ {
        font-size: clamp(0.6rem, 1.5vw, 1.5rem); /* Increase font size for mobile */
    }
}
:root {
  --primary: #0F707C;
  --breakpoint-xs: 320px;  /* Extra small devices (phones, less than 576px) */
  --breakpoint-sm: 576px;  /* Small devices (landscape phones, less than 768px) */
  --breakpoint-md: 768px;  /* Medium devices (tablets, less than 992px) */
  --breakpoint-lg: 992px;  /* Large devices (desktops, less than 1200px) */
  --breakpoint-xl: 1200px; /* Extra large devices (large desktops, less than 1400px) */
  --breakpoint-xxl: 1400px; /* Extra extra large devices (larger desktops) */
}
html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}


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

* {
  box-sizing: border-box;
}

@font-face {
  font-family: Poppins;
  src: url("/fonts/Poppins-Medium.ttf");
  format: ("ttf");
  font-display: swap;
}



/* Add any custom Stream Chat overrides below */
.str-chat {
  height: 100%;
  width: 100%;
}

.str-chat__channel {
  height: 100%;
}

.str-chat__message-input {
  padding: 16px;
  border-top: 1px solid #e0e0e0;
}

.str-chat__header-livestream {
  background: #f5f5f5;
  padding: 12px 16px;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
}

.str-chat__message-list {
  flex-grow: 1;
  background: #ffffff;
  padding: 16px;
}