@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Bootstrap  v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */* {
  box-sizing: border-box;
}

/* Colors */

:root {

  /* FF Family */
--font-family-inter: 'Inter' ,sans-serif;

  /* BG colors */
  --bg-screen-strong: #ffffff;
  --color-bg-elevated: #fff;
  --color-bg-static-white: #fff;
  --color-bg-static-white-hovered: #fff;
  --color-bg-static-white-pressed: #e8eaed;
  --color-bg-static-black: #0d0d0d;
  --color-bg-inverse-neutral: #041527;
  --color-bg-inverse-screen: #fff;
  --color-bg-neutral-strong: #041527;
  --color-bg-neutral-strong-hovered: #152232;
  --color-bg-neutral-strong-pressed: #253244;
  --color-bg-neutral-secondary: #eaedf1;
  --color-bg-neutral-secondary-hovered: #dce0e5;
  --color-bg-neutral-secondary-pressed: #ced3d9;
  --color-bg-neutral-tertiary: rgba(255, 255, 25, 0);
  --color-bg-neutral-tertiary-hovered: #eaedf1;
  --color-bg-neutral-tertiary-pressed: #dce0e5;
  --color-bg-brand-strong: #0B42CF;
  --color-bg-brand-strong-hovered: #0735ab;
  --color-bg-brand-strong-pressed: #052d93;
  --color-bg-brand-secondary: #dfedff;
  --color-bg-brand-secondary-hovered: #c7dfff;
  --color-bg-brand-secondary-pressed: #9ec6ff;
  --color-bg-accent-pink: #f73558;
  --color-bg-accent-yellow: #ffd71d;
  --color-bg-accent-yellow-secondary: #fff3c2;
  --color-bg-info-strong: #0d99ff;
  --color-bg-info-strong-pressed: #0768cf;
  --color-bg-info-secondary: #dbeefc;
  --color-bg-info-secondary-hovered: #bde3ff;
  --color-bg-info-secondary-pressed: #80caff;
  --color-bg-success-strong: #14ae5c;
  --color-bg-success-strong-hovered: #009951;
  --color-bg-success-strong-pressed: #008043;
  --color-bg-success-secondary: #cff7da;
  --color-bg-success-secondary-hovered: #aff3c6;
  --color-bg-success-secondary-pressed: #84e0a3;
  --color-bg-warning-strong: #FFAE3D;
  --color-bg-warning-strong-hovered: #F2941A;
  --color-bg-warning-strong-pressed: #DE7B12;
  --color-bg-warning-secondary: #FFE0C2;
  --color-bg-warning-secondary-hovered: #FCD19C;
  --color-bg-warning-secondary-pressed: #FFC36F;
  --color-bg-danger-strong: #F1343D;
  --color-bg-danger-strong-hovered: #DB1D26;
  --color-bg-danger-strong-pressed: #C90007;
  --color-bg-danger-secondary: #FCDDDF;
  --color-bg-danger-secondary-hovered: #FFC9CC;
  --color-bg-danger-secondary-pressed: #FF9EA3;
  --color-bg-disabled-strong: #dadde0;
  --color-bg-disabled-secondary: #F2F5F7;
  --color-bg-blackout-strong: rgba(13, 13, 3, 0.8);
  --color-bg-blackout-strong-hovered: rgba(13, 13, 13, 0.70);
  --color-bg-blackout-strong-pressed: rgba(13, 13, 13, 0.60);
  --color-bg-blackout-secondary: rgba(13, 13, 3, 0.5);
  --color-bg-blackout-tertiary: rgba(13, 13, 3, 0.1);
  --color-bg-lightening-secondary: rgba(255, 255, 25, 0.2);
  --color-bg-lightening-secondary-hovered: rgba(255, 255, 255, 0.3);
  --color-bg-lightening-secondary-pressed: rgba(255, 255, 255, 0.4);
  --color-bg-chat-incoming: #eaedf1;
  --color-bg-chat-outgoing: #3870E0;

  /* Text */
  --color-text-static-white: #fff;
  --color-text-static-darkgray: #060d14;
  --color-text-inverse: #fff;
  --color-text-neutral-strong: #060d14;
  --color-text-static-black: #060D14;
  --color-text-neutral-strong-hovered: #060d14;
  --color-text-neutral-strong-pressed: #060d14;
  --color-text-neutral-secondary: #394046;
  --color-text-neutral-tertiary: #84898f;
  /* Color Added on 29-05-2024 */ /* Start */
  --color-text-neutral-onstrong-strong : #FFF;
  --color-text-neutral-onstrong-strong-hovered : #FFF;
  --color-text-neutral-onstrong-strong-pressed : #FFF;
  --color-text-neutral-onstrong-secondary : rgba(255, 255, 255, 0.80);
  --color-text-neutral-onstrong-tertiary : rgba(255, 255, 255, 0.70);
  --color-text-neutral-onsecondary-strong: #060D14;
  --color-text-neutral-onsecondary-strong-hovered: #060D14;
  --color-text-neutral-onsecondary-strong-pressed: #060D14;
  --color-text-neutral-onsecondary-secondary: #394046;
  --color-text-neutral-onsecondary-tertiary: #394046;
  /* Color Added on 29-05-2024 */ /* End */
  --color-text-brand-strong: #0B42CF;
  --color-text-brand-strong-pressed: #052d93;
  --color-text-brand-onstrong: #fff;
  --color-text-brand-onstrong-hovered: #fff;
  --color-text-brand-onstrong-pressed: #fff;
  --color-text-brand-onsecondary: rgba(255, 255, 255, 0.8);
  --color-text-brand-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-text-brand-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  /* Color changed on 21-05-2024 */
  --color-text-info-strong: #007BE5;
  --color-text-info-strong-hovered: #007BE5;
  --color-text-info-strong-pressed: #007BE5;
  --color-text-info-onstrong: #fff;
  --color-text-info-onstrong-hovered: #fff;
  --color-text-info-onstrong-pressed: #fff;
  --color-text-info-onsecondary: #0768CF;
  --color-text-info-onsecondary-hovered: #0768CF;
  --color-text-info-onsecondary-pressed: #0768CF;
  --color-text-success-strong: #008043;
  --color-text-success-strong-hovered: #01562e;
  --color-text-success-strong-pressed: #00381e;
  --color-text-success-onstrong: #fff;
  --color-text-success-onstrong-hovered: #fff;
  --color-text-success-onstrong-pressed: #fff;
  --color-text-success-onsecondary: #060D14;
  --color-text-success-onsecondary-hovered: #01562E;
  --color-text-success-onsecondary-pressed: #01562E;
  --color-text-warning-strong: #984F06;
  --color-text-warning-strong-hovered: #984F06;
  --color-text-warning-strong-pressed: #984F06;
  --color-text-warning-onstrong: #0d0d0d;
  --color-text-warning-onstrong-hovered: #0d0d0d;
  --color-text-warning-onstrong-pressed: #0d0d0d;
  --color-text-warning-onsecondary: #6D3200;
  --color-text-warning-onsecondary-hovered: #6D3200;
  --color-text-warning-onsecondary-pressed: #6D3200;
  --color-text-danger-strong: #C90007;
  --color-text-danger-strong-hovered: #c90007;
  --color-text-danger-strong-pressed: #C90007;
  --color-text-danger-onstrong: #fff;
  --color-text-danger-onstrong-hovered: #fff;
  --color-text-danger-onstrong-pressed: #fff;
  --color-text-danger-onsecondary: #810B0B;
  --color-text-danger-onsecondary-hovered: #810B0B;
  --color-text-danger-onsecondary-pressed: #810B0B;
  --color-text-disabled-strong: #84898f;
  --color-text-disabled-onstrong: #84898f;
  --color-text-disabled-onsecondary: #84898F;
  /* Added variant 09-08-2024 start */
  --color-text-link-strong: #0B42CF;
  /* Added variant 09-08-2024 end */
  /* Icons */
  --color-icon-static-white: #fff;
  --color-icon-static-darkgray: #060d14;
  --color-icon-inverse-tertiary: #fff;
  --color-icon-inverse-screen: #fff;
  --color-icon-neutral-strong: #060d14;
  --color-icon-neutral-secondary: #394046;
  --color-icon-neutral-tertiary: #84898f;
  --color-icon-brand-strong: #0b42cf;
  --color-icon-brand-strong-hovered: #0735ab;
  --color-icon-brand-strong-pressed: #052d93;
  --color-icon-brand-onstrong: #fff;
  --color-icon-brand-onstrong-hovered: #fff;
  --color-icon-brand-onstrong-pressed: #fff;
  --color-icon-brand-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-brand-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-brand-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-accent-pink: #f73558;
  --color-icon-accent-yellow: #ffd71d;
  --color-icon-info-strong: #007be5;
  --color-icon-info-strong-hovered: #0768cf;
  --color-icon-info-strong-pressed: #0a4589;
  --color-icon-info-onstrong: #fff;
  --color-icon-info-onstrong-hovered: #fff;
  --color-icon-info-onstrong-pressed: #fff;
  --color-icon-info-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-info-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-info-strong-pressed: #0a4589;
  --color-icon-success-strong: #008043;
  --color-icon-success-strong-hovered: #01562e;
  --color-icon-success-strong-pressed: #00381e;
  --color-icon-onsuccess-strong: #fff;
  --color-icon-onsuccess-strong-hovered: #fff;
  --color-icon-onsuccess-strong-pressed: #fff;
  --color-icon-success-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-success-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-success-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-warning-strong: #984F06 ;
  --color-icon-warning-strong-hovered: #984F06;
  --color-icon-warning-strong-pressed: #6d3200;
  --color-icon-warning-onstrong: #0d0d0d;
  --color-icon-warning-onstrong-hovered: #0d0d0d;
  --color-icon-warning-onstrong-pressed: #0d0d0d;
  --color-icon-warning-onsecondary: rgba(13, 13, 13, 0.8);
  --color-icon-warning-onsecondary-hovered: rgba(13, 13, 13, 0.8);
  --color-icon-warning-onsecondary-pressed: rgba(13, 13, 13, 0.8);
  --color-icon-danger-strong: #db1d26;
  --color-icon-danger-strong-pressed: #810b0b;
  --color-icon-danger-onstrong: #fff;
  --color-icon-danger-onstrong-hovered: #fff;
  --color-icon-danger-onstrong-pressed: #fff;
  --color-icon-danger-onsecondary: rgba(255, 255, 255, 0.8);
  --color-icon-danger-onsecondary-hovered: rgba(255, 255, 255, 0.8);
  --color-icon-danger-onsecondary-pressed: rgba(255, 255, 255, 0.8);
  --color-icon-disabled-strong: #84898f;
  --color-icon-disabled-onstrong: #84898f;

  /* Border */
  --color-border-static-white: #fff;
  --color-border-inverse-neutral: #0d0d0d;
  --color-border-inverse-screen: #fff;
  --color-border-neutral-strong: rgba(13, 13, 13, 0.3);
  --color-border-neutral-strong-hovered: rgba(13, 13, 13, 0.5);
  --color-border-neutral-strong-pressed: rgba(13, 13, 13, 0.7);
  --color-border-neutral-secondary: rgba(13, 13, 13, 0.2);
  --color-border-neutral-secondary-hovered: rgba(13, 13, 13, 0.5);
  --color-border-neutral-secondary-pressed: rgba(13, 13, 13, 0.7);
  --color-border-neutral-tertiary: rgba(13, 13, 13, 0.1);
  --color-border-neutral-tertiary-hovered: rgba(13, 13, 13, 0.3);
  --color-border-neutral-tertiary-pressed: rgba(13, 13, 13, 0.5);
  --color-border-danger-strong: #db1d26;
  --color-border-danger-strong-hovered: #c90007;
  --color-border-danger-strong-pressed: #810b0b;
  --color-border-disabled-strong: rgba(13, 13, 13, 0.1);

  /* Extra colors */
  --light-blue-900: #112748;
  --light-blue-300: #bde3ff;
  --light-blue-400: #80caff;
  --light-blue-500: #0d99ff;
  --slate-1000: #041527;
  --black-600: rgba(13, 13, 13, 0.6);


  /* ====================================== */

  /* spacing New - 10-01-2024 */
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  
  /* ====================================== */
  
  /* ================== Border-Spacing Start ==================== */
  --border-spacing-2: 2px;
  --border-spacing-4: 4px;
  --border-spacing-6: 6px;
  --border-spacing-8: 8px;
  --border-spacing-10: 10px;
  --border-spacing-12: 12px;
  --border-spacing-16: 16px;
  --border-spacing-20: 20px;
  --border-spacing-24: 24px;
  --border-spacing-32: 32px;
  --border-spacing-40: 40px;
  --border-spacing-48: 48px;
  --border-spacing-56: 56px;
  --border-spacing-64: 64px;  
  /* ================== Border-Spacing End ==================== */

  /* ================== Border-Width Start ==================== */
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-4: 4px;
  --border-width-5: 5px;
  /* ================== Border-Width End ==================== */

  /* Radius New - 10-01-2024 */
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-full: 9999px;

  /* ====================================== */

  /* Title */
  --title-x-large: normal 700 48px/48px Figtree, sans-serif;
  --title-large: normal 700 36px/40px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-medium: normal 700 26px/32px Figtree, sans-serif;
  /* Updated on 24-05-2024 */
  --title-small: normal 700 20px/28px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-x-small: normal 700 16px/24px Figtree, sans-serif;
  /* Updated on 08-02-2024 */
  --title-2x-small: normal 700 14px/20px Figtree, sans-serif;
  --title-2: normal 700 22px/28px Figtree, sans-serif;
  /* Added 19-01-2024 */
  --title-title1: normal 700 24px/28px Figtree, sans-serif;

  /* Body */
  --body-2x-large: normal 400 20px/30px Inter, sans-serif;
  --body-2x-large-bold: normal 700 20px/30px Inter, sans-serif;
  --body-x-large: normal 400 18px/28px Inter, sans-serif;
  --body-x-large-bold: normal 700 18px/28px Inter, sans-serif;
  --body-large: normal 400 16px/24px Inter, sans-serif;
  --body-large-bold: normal 700 16px/24px Inter, sans-serif;
  --body-medium: normal 400 15px/24px Inter, sans-serif;
  --body-medium-bold: normal 700 15px/24px Inter, sans-serif;
  --body-small: normal 400 14px/20px Inter, sans-serif;
  --body-small-bold: normal 700 14px/20px Inter, sans-serif;
  --body-x-small: normal 400 13px/18px Inter, sans-serif;
  --body-x-small-bold: normal 700 13px/18px Inter, sans-serif;
  --body-x-small-bold-second: normal 700 12px/16px Inter, sans-serif;
  --body-2x-small: normal 400 12px/16px Inter, sans-serif;
  --body-2x-small-bold: normal 700 12px/16px Inter, sans-serif;

  /* Link */
  --link-2x-large: normal 700 20px/30px Inter, sans-serif;
  --link-x-large: normal 700 18px/28px Inter, sans-serif;
  --link-large: normal 700 16px/24px Inter, sans-serif;
  --link-medium: normal 700 15px/24px Inter, sans-serif;
  --link-small: normal 700 14px/20px Inter, sans-serif;
  --link-x-small: normal 700 13px/18px Inter, sans-serif;

  /* Controls */
  --controls-large: normal 400 16px/24px Figtree, sans-serif;
  --controls-large-bold: normal 700 16px/24px Figtree, sans-serif;
  --controls-medium: normal 400 15px/24px Figtree, sans-serif;
  --controls-medium-bold: normal 700 15px/24px Figtree, sans-serif;
  --controls-small: normal 400 14px/20px Figtree, sans-serif;
  --controls-small-bold: normal 700 14px/20px Figtree, sans-serif;
  --controls-x-small: normal 400 13px/16px Figtree, sans-serif;
  --controls-x-small-bold: normal 700 13px/16px Figtree, sans-serif;
  --controls-large-emphasized: normal 700 12px/16px Figtree, sans-serif;
  --controls-actionLabel: normal 500 11px/16px Figtree, sans-serif;

  /* Chats */
  --chat-reglular: normal 400 15px/20px Inter, sans-serif;
  --chat-emphasized: normal 700 15px/20px Inter, sans-serif;

  /* Shadow */
  --shadow-x-small: 0px 1px 2px 0px rgba(4, 21, 39, 0.3),
    0px 0px 1px 0px rgba(4, 21, 39, 0.4);
  --shadow-small: 0px 2px 6px 0px rgba(4, 21, 39, 0.2);
  --shadow-medium: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
  --shadow-large: 0px 10px 60px 0px rgba(4, 21, 39, 0.1);
}

.title-x-large {
  font: var(--title-x-large);
}

.body-medium {
  font: var(--body-medium);
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-normal {
  justify-content: normal;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}
.cursor-pointer {
  cursor: pointer;
}

.rounded-full {
  border-radius: var(--radius-full);
}
/* Start Scrollbar  */
.scrollbar {
  overflow: auto;
  /* this css for the making scrollbar in absolute view */
  /* scrollbar-gutter: stable both-edges;   */
}

.scrollbar::-webkit-scrollbar {
  width: 14px;
} 

.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3);
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid var(--color-border-inverse-screen);
  min-height: 64px; 
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar-thumb {
  border: 0;
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}
.scrollbar.no-border-scrollbar::-webkit-scrollbar-track {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.chat-sec-inner.scrolling::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3) !important;
}
.chat-sec-inner::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.0) !important;
}


/* End Scrollbar  */:root {
  --blue: #091f48;
  --navyblue: #351bce;
  --black: #201e29;
  --black2: #000;
  --yellow: #ffcc00;
  --aqua: #82cdb8;
  --grey: #f3f5f7;
  --grey2: #e8eaed;
  --btn3: #adb5c3;
  --text: #5f5f67;
  --text2: #bcbbbf;
  --text3: #b8d5f1;
  --white: #fff;
  --placeholder: #5c5b64;
  --red: #e11111;
  --line: #e5e5e5;
}

* {
  letter-spacing: -0.1px;
}

body {
  font: var(--body-small);
}

a {
  text-decoration: inherit;
  /* color: var(--blue); */
}

a:hover {
  text-decoration: inherit;
  /* color: var(--color-bg-brand-strong); */
}

img {
  max-width: 100%;
}

video,
img {
  vertical-align: middle;
}

input:focus,
secect:focus,
textarea:focus {
  outline: none;
}

/* Start Skeleton  */

.skeleton-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
}

.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
  animation: shimmer 2s infinite;
  content: "";
}

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* End Skeleton  */

.cstm-profile-back a {
  display: flex;
  padding: 12px 4px;
  align-items: center;
  gap: var(--spacing-8, 8px);
}

.cstm-profile-back-label {
  color: var(--color-text-neutral-strong, #060d14);
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

hr.cstm-profile-back-line {
  width: 88% !important;
  margin: 0px auto 12px !important;
}

.request-new-seat-btn {
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  background-color: #fff;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;

  /* controls/controls-large-emphasized */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.request-new-seat-btn:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.request-new-seat-btn:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.invite-btn {
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 999px);
  background: var(--color-bg-brand-strong, #0b42cf);
  border: none;
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;

  /* controls/controls-large-emphasized */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.invite-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.invite-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.co-users-main-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  justify-content: space-between;
}

.co-users-main-row-right {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
}

.cstm-collaborator-request-msg-container {
  display: flex;
  width: 100%;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  align-items: center;
  gap: var(--spacing-24, 24px);
  border-radius: var(--radius-12, 12px);
  background: var(--color-bg-warning-secondary, #ffe0c2);
  margin-bottom: 24px;
}

span.cstm-collaborator-request-msg-text h5 {
  font-weight: 500;
}

span.cstm-collaborator-request-msg-icon {
  width: 4%;
}

span.cstm-collaborator-request-msg-text {
  width: 80%;
}

span.cstm-collaborator-request-msg-btn a {
  display: block;
  border: 1px solid #d2c9a0;
  padding: 15px;
  border-radius: 35px;
  color: black;
  font-weight: 600;
}

.cstm-collaborator-request-msg-icon {
  display: flex;
  width: 56px;
  min-width: 56px;
  height: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.cstm-collaborator-request-msg-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-4, 4px);
  flex: 1 0 0;
}

.cstm-collaborator-request-msg-btn a {
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  /* font:var(--body-large-emphasized); */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.cstm-collaborator-request-msg-btn a:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.cstm-collaborator-request-msg-btn a:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.cstm-collaborator-request-msg-text h5 {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-small);
  height: 20px;
  align-self: stretch;
}

.no-of-teammates {
  gap: 6px;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

iframe.ifrane-wordpress {
  width: 100%;
  height: 85vh;
}

.desk-globle-model-box {
  align-items: center;
  background: #00000080;
  display: flex;
  height: 100%;
  inset: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

button:focus {
  outline: inherit;
}

.all-content-main-section {
  padding-top: 64px;
}

.all-content-main-section-in {
  padding-left: 248px;
}

input:focus,
secect:focus,
textarea:focus {
  outline: none;
}

.error {
  color: var(--red);
  display: block;
  position: absolute;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
  background-color: transparent !important;
}

input[type="checkbox"]:not(.PrivateSwitchBase-input),
input[type="radio"]:not(.PrivateSwitchBase-input) {
  box-sizing: border-box;
  padding: 0;
  height: 20px;
  width: 20px;
  accent-color: var(--navyblue);
  margin-right: 8px;
  cursor: pointer;
}

.cstm-tbl-arrow {
  margin-left: 12px;
  vertical-align: -2px;
  cursor: pointer;
}

.cstm-tbl-arrow2 {
  margin-left: 12px;
  vertical-align: -1px;
  cursor: pointer;
}

input.cstm-cl-search-input {
  padding: 10px 50px 10px 50px !important;
  width: 700px !important;
  height: 44px !important;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 50px !important;
}

input.cstm-cl-search-input:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered) !important;
}

input.cstm-cl-search-input:focus {
  border: 2px solid var(--color-border-inverse-neutral) !important;
}

.anything-else-you-textarea {
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  background-color: var(--color-bg-static-white);
  padding: 12px 16px;
  height: 144px;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong, #060d14);
}

.anything-else-you-textarea::-webkit-input-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
}

.anything-else-you-textarea:-moz-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
  opacity: 1;
}

.anything-else-you-textarea::-moz-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
  opacity: 1;
}

.anything-else-you-textarea:-ms-input-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
}

.anything-else-you-textarea::-ms-input-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
}

.anything-else-you-textarea::placeholder {
  color: var(--color-text-neutral-tertiary, #84898f);
}

.anything-else-you-textarea:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered);
}

.anything-else-you-textarea:focus {
  border: 2px solid var(--color-border-neutral-strong-pressed);
}

.characters-count {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-x-small);
  display: block;
}

.access-expires-soon {
  max-width: 648px;
  width: 90%;
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-space-4-x-large, 48px) var(--spacing-space-x-large, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-x-large, 24px);
  align-self: stretch;
}

.access-expires-soon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.access-expires-soon-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.access-expires-soon-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.access-expires-soon-title {
  margin-bottom: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-medium);
  letter-spacing: -0.24px;
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}

.access-expires-soon-p {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}

.access-expired-page {
  max-width: 648px;
  width: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-x-large, 24px);
  padding: var(--spacing-space-4-x-large, 48px) 0px;
  justify-content: center;
  height: calc(100vh - 72px);
}

.access-expires-page-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.access-expires-page-title {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}

.access-expires-page-p {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-small);
  margin: 0px;
}

.access-expires-page-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  max-width: 480px;
  margin: 0px auto;
  width: 100%;
}

hr.cstm-sidebar-sep {
  margin: 12px;
  background: var(--color-border-neutral-tertiary);
  height: 1px;
  border: 0px;
}

h3.cstm-second-lbl {
  color: var(--color-text-neutral-strong);
  font: var(--title-x-small);
  margin: 4px 12px 8px;
}

.cstm-all-content-library-main-only .all-content-main-left {
  width: 248px;
  position: fixed !important;
  padding: 12px;
  max-height: inherit !important;
  border-radius: inherit !important;
  overflow: auto !important;
  top: inherit !important;
  height: calc(100vh - 73px);
  left: inherit !important;
  z-index: 1;
}

.all-content-main-left-sidebar {
  width: 100%;
}

.all-content-main-left.cstm-all-content-main-left,
.all-content-main-right.cstm-all-content-main-right {
  position: sticky;
  top: 116px;
  max-height: calc(100vh - 126px);
  border-radius: 5px;
  overflow: auto;
}

.all-content-main-left.cstm-all-content-main-left {
  grid-area: leftside;
}

.all-content-main-right.cstm-all-content-main-right {
  grid-area: rightside;
}

.um-cp-check .form-check-input {
  top: 19px;
  right: 15px;
  margin: 0px;
  height: 18px;
  width: 18px !important;
  padding: 0px !important;
}

.all-content-main-left-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 16px;
  text-align: left;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091f48 !important;
  text-decoration: initial;
  background-color: #fff;
}

.all-content-main-left-sidebar .card-header button:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.cstm-tlp {
  margin-left: 24px;
  display: flex;
  align-items: center;
}

.all-content-main-left-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

img.sidebar-arrow-link {
  margin-left: 4px;
}

span.cstm-name-menu {
  white-space: nowrap;
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button img.cstn-cl-t {
  display: block;
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button img.cstn-cl-f {
  display: none;
}

.cstm-all-content-library-main-only .card-header {
  border: 0px !important;
}

.um-cp-check .form-check-label {
  width: 100%;
  background: var(--white);
  border-radius: 15px;
  padding: 11px 15px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: var(--black);
  cursor: pointer;
  line-height: 32px;
  border: 1px solid var(--white);
}

.um-cp-check .form-check-label:hover {
  border: 1px solid var(--black);
}

.um-cp-check .form-check-label img {
  margin-right: 8px;
}

.form-check.um-cp-check {
  padding: 0px;
  margin-bottom: 20px;
}

.all-content-main.cstm-all-content-main.edit-profile .form-check.um-cp-check {
  border: 1px solid#d9d9d9;
  margin-bottom: 0px;
  border-radius: 15px;
}

.um-comm-prefe label.form-check-label {
  padding-right: 40px;
  line-height: 21px;
  height: 56px;
}

.cstm-create-speaker-cropper {
  z-index: 9999 !important;
}

.not-found-image2 {
  margin-bottom: 34px;
  height: 251px;
  width: 100%;
  text-align: center;
}

.not-found-page {
  width: 100%;
  height: 100vh;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sorry-but-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #5c5b63;
  max-width: 450px;
  width: 100%;
  margin-bottom: 32px;
}

.not-found-image {
  margin-bottom: -74px;
}

.not-access-image {
  margin-bottom: 44px;
}

.not-found-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
  background: #fff;
  padding: 0px 4px;
}

.desk-globle-model-box {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
}

.modal-fadein {
  opacity: 1;
  position: fixed;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  z-index: 999;
}

.modal-fadeout {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  z-index: 999;
}

.desk-globle-model-box-inner {
  max-width: 1280px;
  width: 90%;
  margin: auto;
  max-height: calc(100vh - 30px);
  background-color: #fff;
  border-radius: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.desk-globle-model-box-inner::-webkit-scrollbar {
  width: 5px;
}

.desk-globle-model-box-inner::-webkit-scrollbar-track {
  background: var(--btn3);
}

.desk-globle-model-box-inner::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}

.desk-globle-model-box .globle-back-btn {
  margin-left: auto;
  margin-top: 16px;
  margin-right: 16px;
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
}

.desk-globle-model-box .um-membership-details {
  justify-content: center;
  align-items: center;
}

.desk-globle-model-box .um-member-step.um-meme-det-only {
  flex-grow: 1;
  align-items: start;
  margin: 0;
  display: flex;
  justify-content: start;
  flex-direction: column;
  padding: 0px 110px;
}

.globle-hsk {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201e29;
  width: 100%;
}

.desk-globle-model-box .um-membership-details-in {
  border: 1px solid #e9eaec;
  transition: all 0.5s ease;
}

.all-content-main-center.cstm-all-content-main-center {
  grid-area: newsfeed;
}

.desk-globle-model-box .um-membership-details-in:hover {
  border: 1px solid var(--black);
  background-color: #f3f3f3;
}

.desk-globle-model-box .um-membership-details-in.selectedplan {
  background-color: #e8f1fb;
}

.desk-globle-model-box .um-membership-details-in.selectedplan span.um-md-price {
  font-weight: 700;
  color: #201e29;
}

.desk-globle-model-box .um-membership-details-in-price {
  width: 100%;
}

.stm-menu-pp-top-logo img {
  height: 35px;
  vertical-align: text-top;
}

.sidebar-menu-popup {
  background: #fff;
  height: 100vh;
  width: 248px;
}

.sidebar-menu-popup-main.hide-menu .sidebar-menu-popup {
  transform: translateX(-100%);
  transition: all 0.2s ease;
}

.sidebar-menu-popup-main.show-menu .sidebar-menu-popup {
  transition: all 0.2s ease;
  transform: translateX(0%);
}

.custom-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.cstm-menu-pp-top {
  display: flex;
  height: 72px;
  align-items: center;
  padding-left: 14px;
}

.cstm-menu-pp-menu ul li button {
  padding: 12px 16px;
  display: flex;
  color: #201e29;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
  width: 100%;
  border: none;
  background: transparent;
}

.cstm-menu-pp-menu ul li button:hover {
  background: #f3f5f7;
}

.stm-menu-pp-top-view {
  margin-right: 16px;
  cursor: pointer;
  border-radius: 10px;
  display: flex;
}

.stm-menu-pp-top-view:hover {
  background: #f3f5f7;
}

img.cstn-pp-t {
  display: none;
}

.all-content-main-edit-profile {
  width: 100%;
  transition: all 0.5s;
  background: #fff;
  padding-left: 240px;
}

.all-content-main-edit-profile-main {
  padding: 8px 20px;
  width: 100%;
  position: relative;
}

.cstm-per-inf-title {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #201e29;
}

.cstm-edit-profile-only-mn {
  max-width: 640px;
  width: 100%;
}

.cstm-edit-profile-only-mn .link-text {
  text-underline-offset: 2px;
  color: #351bce;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.cstm-edit-profile-only-mn .link-text:hover {
  color: #060d14;
  text-decoration: unset;
}

.cstm-edit-profile-only-mn .link-text svg {
  margin-left: 5px;
}

.cstm-edit-profile-only-mn .link-text svg path {
  fill: #351bce;
}

.cstm-edit-profile-only-mn .link-text:hover svg path {
  fill: #060d14;
}

.form-group {
  margin-bottom: 24px;
  position: relative;
}

.all-content-main-edit-profile-upload {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 16px;
}

.all-content-main-edit-profile-main .cstm-profile-upload-img {
  position: relative;
}

.cstm-ld-user-img {
  height: 72px;
  width: 72px;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #ffffff !important;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #a9a9a9;
}

.cstm-profile-upload-btn {
  display: flex;
  flex-direction: column;
}

.cstm-profile-upload-btn .edit-pro-text {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  cursor: pointer;
}

.cstm-profile-upload-cont {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.um-right-in-label {
  margin-bottom: 8px;
  color: #414049;
}

.btn {
  background: var(--navyblue);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
  text-transform: inherit;
  margin: 0;
}

.btn:hover {
  background: var(--yellow);
}

.btn2 {
  background: var(--navyblue);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn2:hover {
  background: var(--yellow);
}

.btn3 {
  background: var(--btn3);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn3:hover {
  background: var(--yellow);
}

hr.um-line {
  margin-top: 0;
  margin-bottom: 30px;
  border-top: 1px solid var(--line);
  width: 100%;
}

.btn6 {
  background: var(--navyblue);
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--white) !important;
  height: 40px;
  padding: 10px 20px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn6:hover {
  background: var(--yellow);
}

hr {
  opacity: 0.2;
  margin-top: 8px;
}

.um-right-in-box {
  position: relative;
}

.cstm-sm-form .error {
  margin: 0px;
  font-size: 12px;
}

.cstm-sm-form .um-right-in-box input {
  border-radius: var(--radius-8, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--body-medium);
  box-sizing: border-box;
  background-color: var(--bg-screen-strong);
}

.cstm-sm-form input:focus {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}

.cstm-sub-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 4px;
}

.cstm-click-here-link {
  color: #201e29;
}

.cstm-click-here-link:hover {
  color: #351bce;
}

.cstm-pi-main-btn-ldr {
  position: relative;
}

.cstm-contant-page p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
  color: #34333c;
}

.cstm-contant-page h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #091f48;
  margin-bottom: 12px;
}

.cstm-contant-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #201e29;
  margin-bottom: 12px;
}

.cstm-ac-se-nav ul li a.active-ac {
  color: #fff !important;
  background: #351bce !important;
}

.cstm-ac-se-nav ul li a svg {
  height: 18px;
  margin-right: 10px;
}

.cstm-ac-se-nav ul li a img {
  margin-right: 17px;
}

.cstm-ac-se-nav ul {
  padding: 0px;
  list-style: none;
}

.cstm-ac-se-nav ul li {
  position: relative;
}

.cstm-ac-se-nav ul li a {
  padding: 10px 16px;
  display: flex;
  color: #201e29 !important;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
}

.cstm-ac-se-nav ul li a:hover {
  background: #f3f5f7;
}

.nav-beta-badge {
  position: absolute;
  right: 10px;
  top: 10.3px;
  background: #fff;
  padding: 1px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #351bce;
  color: #201e29;
}

.cstm-ac-se-nav a.active-ac img {
  filter: invert(0.1) sepia(1) saturate(100) hue-rotate(222deg);
}

.cstm-ac-se-nav ul li a:hover img {
  filter: invert(0.1) sepia(1) saturate(100) hue-rotate(222deg);
}

.cstm-deactivate-account-only {
  max-width: 360px !important;
  padding: 24px 20px 14px 20px;
  position: relative;
}

.cstm-deactivate-account-main-btn {
  margin-top: 24px;
}

.cstm-deactivate-account-main {
  text-align: center;
}

.cstm-deactivate-account-main-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 12px;
}

.cstm-deactivate-account-main-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
}

.ays-cancel-btn button {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  padding: 10px 18px;
  border: none;
  background: transparent;
}

.ays-cancel-btn button:hover {
  color: #351bce;
}

.cstm-pi-main-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 32px;
  align-items: center;
}

.cstm-textarea-pf {
  height: 140px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #ffffff !important;
}

select:focus {
  outline: none;
}

/* textarea {
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 500 !important;
  color: #201e29;
  font-size: 14px;
  line-height: 20px;
  height: 120px;
  padding: 10px 16px;
  width: 100%;
  border-radius: 15px;
  vertical-align: middle;
} */

.all-content-main {
  display: flex;
  justify-content: space-between;
  padding: 116px 16px 0px 16px;
}

.all-content-main.cstm-all-content-main {
  max-width: 1440px;
  margin: auto;
  column-gap: 1.4rem;
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  row-gap: 1.4rem;
  grid-template-areas: "leftside newsfeed rightside";
  grid-template-columns: minmax(0, 6fr) minmax(684px, 684px) minmax(0px, 6fr);
}

.all-content-main.cstm-all-content-main.cstm-all-library-content-main {
  column-gap: 1.25rem;
  grid-template-areas: "leftside content-video";
  grid-template-columns: minmax(0, 4fr) minmax(0, 12fr);
}

.all-content-main.cstm-all-content-main.cstm-all-library-content-main .all-content-main-center.all-content-main-center {
  grid-area: content-video;
  width: 100%;
}

.cstm-content-archive-main {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.all-content-main-left-sidebar .card-header {
  padding: 0px;
  margin-bottom: 0 !important;
  border-bottom: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.cstm-all-content-library-main-only img.cstn-cl-t {
  display: block;
  filter: inherit;
}

.cstm-all-content-library-main-only img.cstn-cl-t {
  display: none;
}

.all-content-main-left-sidebar .card {
  overflow: visible;
}

.all-content-main-left-sidebar .card {
  border-width: 0px;
  box-shadow: none;
}

.cstm-all-content-library-main-only .owl-nav span {
  font-size: 0px;
}

.cstm-all-content-library-main-only .owl-nav button.owl-prev {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0303%2019.5303C16.2966%2019.2641%2016.3208%2018.8474%2016.1029%2018.5538L16.0303%2018.4697L9.561%2012L16.0303%205.53033C16.2966%205.26406%2016.3208%204.8474%2016.1029%204.55379L16.0303%204.46967C15.7641%204.2034%2015.3474%204.1792%2015.0538%204.39705L14.9697%204.46967L7.96967%2011.4697C7.7034%2011.7359%207.6792%2012.1526%207.89705%2012.4462L7.96967%2012.5303L14.9697%2019.5303C15.2626%2019.8232%2015.7374%2019.8232%2016.0303%2019.5303Z'%20fill='%23201E29'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  height: 24px;
  width: 24px;
}

.cstm-all-content-library-main-only .owl-nav button.owl-next {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.96967%2019.5303C7.7034%2019.2641%207.6792%2018.8474%207.89705%2018.5538L7.96967%2018.4697L14.439%2012L7.96967%205.53033C7.7034%205.26406%207.6792%204.8474%207.89705%204.55379L7.96967%204.46967C8.23594%204.2034%208.6526%204.1792%208.94621%204.39705L9.03033%204.46967L16.0303%2011.4697C16.2966%2011.7359%2016.3208%2012.1526%2016.1029%2012.4462L16.0303%2012.5303L9.03033%2019.5303C8.73744%2019.8232%208.26256%2019.8232%207.96967%2019.5303Z'%20fill='%23201E29'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  height: 24px;
  width: 24px;
  float: right;
}

.cstm-all-content-library-main-only .owl-nav {
  position: absolute;
  top: 4px;
  width: 100%;
}

.cstm-all-content-library-main-only .card-header {
  background: transparent !important;
}

.cstm-all-content-library-main-only .card-header button.btn-link {
  color: var(--color-text-neutral-strong, #060d14);
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  position: relative;
  font: var(--body-medium);
}

body .cstm-all-content-library-main-only .card-header.active-content-menus button {
  background: var(--color-bg-neutral-secondary) !important;
  color: var(--color-text-neutral-strong) !important;
  font-weight: 700;
}

.cstm-all-content-library-main-only .owl-stage-outer:before {
  height: 32px;
  width: 40px;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to right, white, #ffffff00);
  z-index: 1;
  display: none;
}

.all-content-main-left {
  height: calc(100vh - 96px);
  background: #fff;
  position: fixed;
  left: 16px;
}

.sidebar-icon {
  display: none;
  position: fixed;
  left: 21.8%;
  background: #201e29;
  color: #fff;
  padding: 0px 10px 3px 8px;
  font-size: 30px;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.5s;
}

.sidebar-hd {
  transition: all 0.7s;
  left: -21% !important;
}

.sidebar-icon2 {
  transition: all 0.7s;
  left: 0% !important;
  padding: 3px 8px 0px 10px;
}

.sidebar-icon2 i {
  transform: rotate(180deg);
}

.sidebar2-icon2 {
  transition: all 0.7s;
  right: 0% !important;
  padding: 3px 8px 0px 10px !important;
}

.sidebar2-icon {
  position: fixed;
  right: 21.8%;
  background: #201e29;
  color: #fff;
  padding: 0px 8px 3px 10px;
  font-size: 30px;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.5s;
}

.all-content-main-left::-webkit-scrollbar,
.cstm-tag-friend-list::-webkit-scrollbar {
  width: 6px;
}

.all-content-main-left::-webkit-scrollbar-track,
.cstm-tag-friend-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e800;
}

.all-content-main-left::-webkit-scrollbar-thumb,
.cstm-tag-friend-list::-webkit-scrollbar-thumb {
  background: #e8e8e800;
  border-radius: 10px;
}

.all-content-main-left:hover::-webkit-scrollbar-thumb,
.cstm-tag-friend-list:hover::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.mn-cnt-wd .all-content-main-center {
  margin-left: 2%;
  width: 74%;
}

.mn-cnt3-wd .all-content-main-center {
  margin-right: 2%;
  width: 74%;
}

.mn-cnt-both .all-content-main-center {
  width: 96%;
  margin: auto;
}

.mn-cnt3-wd .all-content-main-center {
  margin-bottom: 10px;
}

.cstm-profile-sd {
  width: 224px;
  position: fixed;
  margin: 0px 8px;
}

.cstm-profile-ct {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 10px;
  min-height: 800px;
}

.edit-profile {
  grid-template-columns: inherit !important;
  column-gap: inherit !important;
  display: flex !important;
  width: 100%;
  background: #fff;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 72px !important;
}

.cstm-clear-watch-history-link a {
  position: relative;
}

.cstm-cwh-cancel-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #201e29 !important;
  padding: 10px 18px;
  margin-right: 16px;
  display: inline-block;
  background: transparent;
  border: none;
}

.cstm-cwh-cancel-btn:hover {
  color: #351bce !important;
}

.cstm-cwh-clear-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #351bce !important;
  padding: 10px 18px;
  display: inline-block;
  background: transparent;
  border: none;
}

.cstm-cwh-clear-btn:hover {
  color: #201e29 !important;
}

.cstm-clear-watch-history-link {
  text-align: center;
}

.cstm-clear-watch-history-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 20px;
  text-align: center;
}

.cstm-clear-watch-history-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 12px;
  text-align: center;
}

.cstm-clear-watch-history-mn {
  padding: 24px 20px 14px 20px;
}

.cstm-clear-watch-history {
  max-width: 360px !important;
  width: 100% !important;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px !important;
}

.wf-1 {
  width: 1%;
}

.wf-2 {
  width: 2%;
}

.wf-3 {
  width: 3%;
}

.wf-4 {
  width: 4%;
}

.wf-5 {
  width: 5%;
}

.wf-6 {
  width: 6%;
}

.wf-7 {
  width: 7%;
}

.wf-8 {
  width: 8%;
}

.wf-9 {
  width: 9%;
}

.wf-10 {
  width: 10%;
}

.wf-11 {
  width: 11%;
}

.wf-12 {
  width: 12%;
}

.wf-13 {
  width: 13%;
}

.wf-14 {
  width: 14%;
}

.wf-15 {
  width: 15%;
}

.wf-16 {
  width: 16%;
}

.wf-17 {
  width: 17%;
}

.wf-18 {
  width: 18%;
}

.wf-19 {
  width: 19%;
}

.wf-20 {
  width: 20%;
}

.wf-21 {
  width: 21%;
}

.wf-22 {
  width: 22%;
}

.wf-23 {
  width: 23%;
}

.wf-24 {
  width: 24%;
}

.wf-25 {
  width: 25%;
}

.wf-26 {
  width: 26%;
}

.wf-27 {
  width: 27%;
}

.wf-28 {
  width: 28%;
}

.wf-29 {
  width: 29%;
}

.wf-30 {
  width: 30%;
}

.wf-31 {
  width: 31%;
}

.wf-32 {
  width: 32%;
}

.wf-32 {
  width: 32%;
}

.wf-33 {
  width: 33%;
}

.wf-34 {
  width: 34%;
}

.wf-35 {
  width: 35%;
}

.wf-36 {
  width: 36%;
}

.wf-38 {
  width: 38%;
}

.wf-39 {
  width: 39%;
}

.wf-40 {
  width: 40%;
}

.wf-41 {
  width: 41%;
}

.wf-42 {
  width: 42%;
}

.wf-43 {
  width: 43%;
}

.wf-44 {
  width: 44%;
}

.wf-45 {
  width: 45%;
}

.wf-46 {
  width: 46%;
}

.wf-47 {
  width: 47%;
}

.wf-48 {
  width: 48%;
}

.wf-49 {
  width: 49%;
}

.wf-50 {
  width: 50%;
}

.wf-60 {
  width: 60%;
}

.wf-70 {
  width: 70%;
}

.wf-80 {
  width: 80%;
}

.wf-90 {
  width: 90%;
}

.wf-100 {
  width: 100%;
}

.mds-partners-head-right-sort {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
}

.mds-partners-head-right-sort h6 {
  margin: 0px;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong);
}

.cstm-drop-label {
  overflow: hidden;
  color: var(--color-text-neutral-strong);
  text-overflow: ellipsis;
  font: var(--body-medium-bold);
  padding-right: 26px;
  cursor: pointer;
  position: relative;
}

span.cstm-drop-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 0px;
  margin-left: 6px;
}

.cstm-drop-up-arrow::after {
  rotate: 180deg;
}

ul.cstm-drop-list::-webkit-scrollbar {
  width: 6px;
}

ul.cstm-drop-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary-hovered);
}

ul.cstm-drop-list::-webkit-scrollbar-thumb {
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}

ul.cstm-drop-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  margin: 0px;
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated);
  box-shadow: var(--shadow-small);
  padding: 8px 0px;
  min-width: 160px;
  margin-top: 4px;
  max-height: 350px;
  overflow: auto;
}

ul.cstm-drop-list li {
  padding: 8px 16px;
  overflow: hidden;
  color: var(--color-text-neutral-strong);
  text-overflow: ellipsis;
  font-family: "Figtree", sans-serif !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

ul.cstm-drop-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

ul.cstm-drop-list li:focus {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.cstm-drop-list-selected {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.cstm-drop-label img {
  margin-left: 6px;
}

.cstm-drop-up-arrow img {
  rotate: 180deg;
}

.mds-partners-head-right-sort ul.cstm-drop-list {
  right: 0px;
}

.cstm-content-user-main {
  padding: var(--spacing-24, 24px) var(--spacing-32, 32px);
  width: 100%;
  max-width: 1536px;
  margin: auto;
}

.cstm-user-title {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-large);
  letter-spacing: -0.36px;
  margin: 0px 0px 24px 0px;
}

.cstm-user-header-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.cstm-user-data {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.btn8:disabled {
  background: #dddddd;
  color: #5b5858;
}

.btn8 {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-medium-bold);
  border: none;
}

.btn8:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.btn8:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.cstm-user-data-left-search {
  position: relative;
}

.cstm-user-search-input {
  border: 1px solid var(--color-border-neutral-strong) !important;
  height: 40px !important;
  border-radius: 120px !important;
  width: 320px !important;
  background: var(--color-bg-static-white) !important;
  padding: 8px 16px 8px 48px !important;
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  text-overflow: ellipsis !important;
  font: var(--body-medium) !important;
}

.cstm-user-search-input:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered) !important;
}

.cstm-user-search-input:focus {
  border: 2px solid var(--color-border-inverse-neutral) !important;
}

.cstm-user-search-icon {
  position: absolute;
  cursor: pointer;
  margin: 10px 10px 10px 16px;
  height: 20px;
  width: 20px;
}

.cstm-user-table {
  margin-top: 24px;
}

/* Start Table */
.table-fn-only .MuiPaper-root {
  box-shadow: inherit !important;
}

.table-fn-only th.MuiTableCell-root {
  padding: 14px 16px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.table-fn-only td.MuiTableCell-root {
  padding: 16px;
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.table-fn-only .MuiTableRow-hover:hover {
  background: transparent !important;
}

.cstm-save-icon {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  width: 40px;
  min-width: 40px;
  cursor: pointer;
}

.cstm-save-icon:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.file-name-box {
  display: flex;
  gap: 12px;
  align-items: center;
}

.file-name-box-img img {
  object-fit: cover;
  height: 48px;
  width: 48px;
  min-width: 48px;
}

.file-name-box-info {
  display: flex;
  gap: 2px;
  flex-direction: column;
}

.cstm-file-name-title {
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--title-2x-small);
}

.cstm-file-name-description {
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
}

.pd-16-8 {
  padding: 16px 8px !important;
}

.like-icon-cont {
  display: flex;
  align-items: center;
  gap: 12px;
}

.like-cont-nbr {
  font: var(--body-x-small);
  color: var(--color-text-neutral-secondary, #394046);
}

.pho-name-date-box {
  display: flex;
  gap: 12px;
  align-items: center;
}

.pho-name-date-box-img img {
  object-fit: cover;
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 50px;
}

.pho-name-date-box-info {
  display: flex;
  gap: 2px;
  flex-direction: column;
}

.cstm-table-doc-label-main {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  flex-wrap: wrap;
}

.cstm-table-doc-label {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-x-small);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
}

.icon-dots-vertical {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
}

.docs-table-only {
  overflow: auto;
}

.docs-table-only .MuiPaper-root {
  width: 1128px;
}

.table-fn-pagination-show {
  display: flex;
  align-items: center;
  gap: 8px;
}

.table-fn-pagination-show h6 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  margin: 0px;
  white-space: nowrap;
}

.table-fn-pagination-show select {
  background-color: transparent;
  padding: 0px;
  height: auto;
  width: 42px;
  font: var(--body-medium-bold);
  color: var(--color-text-neutral-strong, #060d14);
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.table-fn-pagination-number {
  display: flex;
  align-items: center;
  gap: 12px;
}

.table-fn-pagination {
  display: flex;
  padding: 32px 0px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.table-fn-pagination-cont {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.table-fn-pagination-cont li {
  height: 32px;
  width: 32px;
}

.table-fn-pagination-cont li a {
  border-radius: 28px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-medium-bold);
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.table-fn-pagination-cont li a:hover {
  background: var(--color-bg-neutral-secondary, #eaedf1);
}

.table-fn-pagination-cont li a:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.table-fn-pagination-cont .active {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  border-radius: 28px;
}

.table-fn-pagination-show-select {
  position: relative;
}

.table-fn-pagination-show-select .cstm-drop-list {
  left: -70px;
  min-width: 114px;
}

.pagination-right-arrow {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  cursor: pointer;
  min-width: 42px;
}

.pagination-right-arrow:hover {
  border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.pagination-right-arrow:active {
  border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.7));
}

.table-fn-invite-a-user {
  display: flex;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  width: 100%;
}

.table-fn-invite-a-user-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.table-fn-invite-a-user-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  max-width: 480px;
  width: 100%;
  margin: auto;
}

.table-fn-invite-a-user-title h4 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
}

.table-fn-invite-a-user-title h5 {
  margin: 0px;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-small);
}

.cstm-table-fn-Loader {
  height: 364px;
  width: 100%;
  display: table-caption;
  text-align: center;
}

.cstm-table-fn-Loader img {
  position: relative;
  top: 50%;
  width: 80px;
  margin-top: -40px;
}

.table-fn-invite-a-user-main {
  width: 100%;
  display: table-caption;
}

/* End Table */

.cstm-btn-user-label {
  padding: 11px 8px !important;
  text-align: right !important;
  gap: 8px;
  display: flex !important;
  justify-content: flex-end;
}

.cstm-user-label-btn {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-secondary, #eaedf1);
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border: none;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium-bold);
}

.cstm-user-label-btn:hover {
  background: var(--color-bg-neutral-secondary-hovered, #dce0e5);
}

.cstm-user-label-btn:active {
  background: var(--color-bg-neutral-secondary-pressed, #ced3d9);
}

.cstm-user-accepted {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-success-strong, #14ae5c);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-user-pending {
  color: var(--color-text-warning-onstrong, #0d0d0d);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-warning-strong, #fac505);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-user-revoke {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-x-small-bold);
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-neutral-strong, #041527);
  padding: var(--spacing-5, 5px) var(--spacing-8, 8px);
  text-transform: capitalize;
}

.cstm-suer-email {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
  word-break: break-all;
}

.cstm-user-pgf-text {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-medium);
  margin: 0px;
}

.cstm-user-email-address-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}

.cstm-user-email-address {
  max-width: 648px;
  width: 100%;
}

.cstm-user-email-address-box h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.cstm-input-field {
  border-radius: var(--radius-8, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  background-color: var(--color-text-static-white, #fff) !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px) var(--spacing-16, 16px) !important;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  font: var(--body-medium) !important;
  height: 40px !important;
}

.cstm-input-field:hover {
  border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5)) !important;
}

.cstm-input-field:active {
  border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.cstm-input-field:focus {
  border: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
}

.cstm-user-email-address-btn {
  display: flex;
  padding: var(--spacing-24, 24px) 0px;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
}

.disabled-btn-color:disabled {
  background: var(--color-bg-disabled-strong, #dadde0) !important;
  color: var(--color-text-disabled-onstrong, #84898f) !important;
}

.error-ft {
  color: var(--color-text-danger-strong, #db1d26);
  font: var(--body-x-small);
}

.error-ft-border {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.invitation-successfully-msg-close {
  cursor: pointer;
}

.red-only {
  background: var(--color-bg-danger-strong, #f1343d) !important;
}

.invitation-successfully-msg h4 {
  color: var(--color-text-success-onstrong, #fff);
  font: var(--body-small-bold);
  margin: 0px;
  min-width: 204px;
}

.invitation-successfully-msg {
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-success-strong, #14ae5c);
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  position: fixed;
  left: 32px;
  bottom: 32px;
  transition: 0.5s;
  -webkit-animation-name: example;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

@-webkit-keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

@keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

.cstm-invite-loader img {
  height: 48px;
}

.cstm-invite-loader {
  position: absolute;
  background: #ffffffba;
  width: 100%;
  height: 100%;
}

.btn-review {
  position: relative;
}

iframe.ifrane-wordpress {
  width: 100%;
  height: calc(100vh - 69px);
}

.all-content-main-edit-profile.census-data-page {
  padding-left: 0;
}

@media screen and (max-width: 850px) {
  .cstm-user-table .css-rqglhn-MuiTable-root {
    min-width: 550px;
    width: 100%;
  }

  .cstm-content-user-main {
    padding: 24px;
  }
}

@media screen and (max-width: 600px) {
  .co-users-main-row {
    gap: 0;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .cstm-user-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 400px) {
  .cstm-user-search-input {
    width: 270px !important;
  }

  .co-users-main-row-right {
    gap: 12px;
  }

  .invite-btn {
    font-size: 15px;
  }

  .request-new-seat-btn {
    font-size: 15px;
  }
}

.center-view-box {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.center-view-box>div {
  margin: auto;
}

.error-text {
  color: var(--color-text-danger-strong);
  font-size: var(--body-2x-small);
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.grid-full-row {
  grid-template-columns: 1/-1;
}

.referral-heading {
  text-align: center;
  color: var(--color-text-neutral-strong);
  letter-spacing: -0.36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  text-overflow: ellipsis;
  overflow: hidden;
}

.referal-description-heading {
  margin-top: var(--spacing-12);
  text-align: center;
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
}

.cstm-modal-referal-body {
  padding: var(--spacing-48);
  display: grid;
  gap: 40px;
  overflow: auto;
  position: relative;
}

.copy-filed {
  padding: 6px 12px !important;
  width: calc(100% - 60px);
  /* Adjust width based on button size */
  box-sizing: border-box;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  border-radius: 7px !important;
}

.referal-description-info {
  color: var(--color-text-neutral-secondary);
  font: var(--body-x-small);
}

.invite-throughEmail-btn {
  border-radius: 28px;
  background-color: #0b42cf;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  height: 47px !important;
  box-shadow: none;
}

.inner-child {
  display: flex !important;
  flex-direction: column !important;
  min-height: 360px;
  gap: var(--spacing-24);
  justify-content: space-between;
}

.input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.copy-button {
  position: absolute;
  right: 0;
  border: none;
  background-color: #ffffff;
  color: #0b42cf;
  /* height: 100%; */
  /* padding: 0 12px; */
  margin-right: 4px;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.copy-btn {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}

.close-button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  margin-right: 14px;
  margin-top: 14px;
}

.close-button:hover {
  color: #ff0000;
}

.invite-label {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-neutral-strong);
  margin-bottom: 0;
}

.referal-email {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.referral-link {
  border-top: 1px solid var(--color-border-neutral-tertiary);
  text-align: center;
  padding: var(--spacing-24);
}

.referral-link p {
  font: var(--body-medium);
}

.Referral-link {
  color: var(--color-text-brand-strong);
  font: var(--body-medium);
  font-weight: 600;
}

.grid-full-row {
  grid-column: 1/-1 !important;
}

.invite-info-page {
  padding-top: 64px;
  min-height: 100vh;
  display: flex;
}

.invite-info-page .invite-text {
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-8);
}

.invite-info-page .invite-text a {
  color: var(--color-text-link-strong);
}

.invite-info-page .empty-state-icon img {
  width: 96px;
  height: 96px;
}

.invite-info-page .empty-state-info-title {
  font: var(--body-x-large);
  color: var(--color-text-neutral-secondary);
}

.invite-info-page .empty-state-info-title strong {
  color: var(--color-text-neutral-strong);
}

.fullscreen-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullscreen-center-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 64px);
}

.fullscreen-center-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 64px);
}


/* Text Alert CSS */
.text-alert {
  font: var(--body-x-small);
  color: var(--color-text-natural-strong);
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

.text-alert.alert-danger {
  color: var(--color-text-danger-strong);
}

.text-alert.alert-warning {
  color: var(--color-text-warning-strong);
}

.text-alert.alert-success {
  color: var(--color-text-success-strong);
}

.text-alert.alert-danger svg path {
  fill: var(--color-icon-danger-strong);
}

.text-alert.alert-warning svg path {
  fill: var(--color-icon-warning-strong);
}

.text-alert.alert-success svg path {
  fill: var(--color-icon-success-strong);
}

.refund-policy-page {
  max-width: 1090px;
  margin: auto;
  padding-top: var(--spacing-64);
}

.refund-policy-text-wrapper {
  padding: var(--spacing-48) 0;
}

.modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}

/* Colors */
.text-success-strong {
  color: var(--color-text-success-strong);
}

.text-warning-strong {
  color: var(--color-text-warning-strong);
}

.text-neutral-strong {
  color: var(--color-text-neutral-strong);
}

.text-neutral-secondary {
  color: var(--color-text-neutral-secondary);
}

/* Renew membership banner */
.renew-membership-banner {
  padding: var(--spacing-8);
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: var(--color-bg-inverse-screen);
}/* Start 12-3-2024 */

.edge-body-wrapper {
  padding-top: 64px;
}

.cstm-add-field-btn {
  background: #351bce;
  border: 1px solid #351bce;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff !important;
  height: 48px;
  padding: 10px 35px;
  margin: 0px;
  box-shadow: none;
  width: auto;
  cursor: pointer;
}

.cstm-domain-msg {
  font-size: 12px;
  color: #747474;
  margin-top: -2px;
}

.cstm-admin-access-rules {
  margin-bottom: 10px;
}

.z-full {
  z-index: 9999 !important;
}

.cstm-tabs-menu-only {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: inherit !important;
}

.cstm-tabs-menu-only::-webkit-scrollbar {
  width: 0px;
  height: 5px;
}

.cstm-tabs-menu-only::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ffffff;
}

.cstm-tabs-menu-only::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 10px;
}

#guestTickets .uic-title-rt-only {
  margin-top: inherit;
}

#addons .uic-title-rt-only {
  margin-top: inherit;
}

.edit-user-details-popup .modal-content {
  height: 100%;
}

.edit-user-details-popup .modal-body {
  height: inherit !important;
}

/* End 12-3-2024 */

.insert-loading {
  position: fixed;
  z-index: 99999;
  background: #ffffffcc;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.insert-loading img {
  width: 80px;
}

.cstmMainImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.upload-document-main-body-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
  width: 100%;
}

.notification-btm-btn {
  margin-top: 30px;
  margin-bottom: 50px;
}

.notification-btm-btn .btn2 {
  vertical-align: top;
  margin-right: 24px;
}

.error-extra-seats {
  color: var(--red);
  font-size: 14px;
  line-height: 18px;
  display: block;
  width: 100%;
}

.error-saubcategor-name {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: -19px;
}

.doc-subcat-subcontainer {
  position: relative;
  padding-bottom: 24px !important;
  display: flex;
  gap: 12px;
}

.doc-addsubcat-container-main {
  display: flex;
}

.doc-subcat-edit {
  padding: 0px 16px !important;
}

.doc-subcat-delete {
  padding: 0px 16px !important;
}

.error-doc-addedsucat {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
}

h4.prevention-copy-sub-title {
  margin-bottom: 35px;
  font-weight: 400;
}

#editActivity,
#AddActivity {
  overflow: hidden;
}

.notification-modal-btns {
  display: inline-flex;
  column-gap: 10px;
}

.doc-subcat-subcontainer-icon {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.doc-subcat-subcontainer-icon img {
  width: 24px;
  cursor: pointer;
}

.cstm-loadind-add {
  text-align: center;
  background: #ffffffdb;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-subcategory-loader {
  position: relative;
}

.cstm-loadind-add img {
  position: absolute;
  width: 32px;
}

.doc-subcat-subcontainer {
  position: relative;
  padding-bottom: 24px !important;
  display: flex;
  gap: 12px;
}

.doc-addsubcat-container-main {
  display: flex;
}

.doc-subcat-edit {
  padding: 0px 16px !important;
}

.doc-subcat-delete {
  padding: 0px 16px !important;
}

.error-doc-addedsucat {
  color: var(--red);
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
}

h4.prevention-copy-sub-title {
  margin-bottom: 35px;
  font-weight: 400;
}

#editActivity,
#AddActivity {
  overflow: hidden;
}

.notification-modal-btns {
  display: inline-flex;
  column-gap: 10px;
}

.cstm-uic-doc-title {
  display: block !important;
}

.notification-user-list-popup .desk-globle-model-box-inner {
  max-width: 800px;
}

.notification-user-list-popup .cstm-cstm-viewlist {
  height: auto;
  margin-top: 20px;
}

.cstm-title-note-msg {
  font-size: 12px;
  color: #747474;
  position: absolute;
  right: 12px;
  margin-top: -2px;
}

.notification-status-ad-only {
  margin-bottom: 24px !important;
}

.custom-select-atlest {
  margin-bottom: 30px !important;
}

.select-atleast-one-rule-from {
  margin: 5px 0px 0px;
}

.notification-user-list {
  cursor: pointer;
}

.notification-user-list:hover {
  text-decoration: underline;
}

.cstm-datepicker-field .react-datepicker__calendar-icon {
  fill: #091f48;
  right: 13px;
  top: 9px;
}

.cstm-datepicker-field .react-datepicker-wrapper {
  width: 150px !important;
}

.acces-error-only {
  bottom: 10px;
}

.message-report-video {
  position: relative;
  width: 130px;
}

.report-play-video {
  position: absolute;
  background: #01010154;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report-play-video img {
  height: 40px;
  width: 40px;
}

.report-message-thumbnail {
  height: 90px;
  width: 130px;
  object-fit: cover;
}

.message-report-media-popup .modal-dialog {
  max-width: 800px;
}

.message-report-media-popup button.close {
  line-height: 18px;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #000;
  z-index: 99;
  background: #fff;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  font-size: 20px;
  cursor: pointer;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root) {
  color: #3F3F46;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root):hover {
  text-decoration: underline;
}

.upload-document-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  flex: 1 0;
  max-width: 768px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.upload-document-main-title {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
  align-self: stretch;
}

.upload-document-main-title h4 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-medium);
  letter-spacing: -0.24px;
  margin: 0px;
}

.upload-document-main-title h5 {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-large);
  margin: 0px;
}

.upload-document-main-body {
  border-radius: var(--radius-medium, 12px);
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  width: 100%;
}

.upload-document-error {
  color: var(--red);
  display: block;
  position: absolute;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
  bottom: -20px;
}

.file-uploader-body {
  display: flex;
  padding: var(--spacing-24, 24px);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-24, 24px);
}

.file-uploader-body-drag {
  display: flex;
  align-items: center;
  gap: var(--spacing-16, 16px);
  flex: 1 0 0;
}

.file-uploader-body-drag-text h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-x-small);
}

.file-uploader-body-drag-text h6 {
  margin: 0px;
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-small);
}

.file-uploader-body-drag-icon {
  min-width: 32px;
}

.cstm-progress-bar {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
  flex: 1 0 0;
  width: 100%;
}

.cstm-progress-bar-info {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  justify-content: space-between;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-x-small);
}

.cstm-progress-bar-track {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  height: 4px;
  width: 100%;
  border-radius: var(--radius-x-small, 4px);
  position: relative;
}

.cstm-progress-bar-track-color {
  position: absolute;
  height: 4px;
  border-radius: var(--radius-x-small, 4px);
  background: var(--color-bg-brand-strong, #0b42cf);
}

.cstm-delete-popup .modal-dialog {
  max-width: 648px;
  width: 100%;
}

.cstm-delete-popup .modal-content {
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
}

.cstm-delete-badge {
  display: flex;
  padding: var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-24, 24px);
  flex: 1 0 0;
}

.cstm-delete-badge-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.popup-title-h3 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-medium);
  letter-spacing: -0.24px;
}

.popup-cont-p {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--regular);
  margin: 0px;
}

.popup-cont-p b {
  font-weight: 700;
}

.cstm-popup-footer {
  display: flex;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.btn-cancel-popup {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: var(--color-bg-static-white);
}

.btn-cancel-popup:hover {
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.btn-cancel-popup:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

body button.btn-cancel-popup:focus {
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

.btn-delete-popup {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-danger-strong, #f1343d);
  color: var(--color-text-danger-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.btn-delete-popup:hover {
  background: var(--color-bg-danger-strong-hovered, #db1d26);
}

.btn-delete-popup:active {
  background: var(--color-bg-danger-strong-pressed, #c90007);
}

body button.btn-delete-popup:focus {
  background: var(--color-bg-danger-strong, #f1343d);
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

.select-a-new {
  display: flex;
  width: 296px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
}

.select-a-new-h5 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

body select.select-popup-field {
  border-radius: var(--radius-8, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px)
    var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font: var(--body-medium);
  height: 42px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  background-position: 95% center;
}

.btn-blue-popup {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-20, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-text-danger-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.btn-blue-popup:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.btn-blue-popup:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

body button.btn-blue-popup:focus {
  background: var(--color-bg-brand-strong, #0b42cf);
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d) !important;
  outline-offset: 2px;
}

button.upload-media-btn:disabled {
  pointer-events: none !important;
  background: var(--color-bg-disabled-strong, #dadde0) !important;
  color: var(--color-text-disabled-onstrong, #84898f) !important;
}

.select-a-new .error {
  position: inherit;
  font-size: 12px;
  font-weight: 500;
}

.selected-active {
  background: #f3f5f7 !important;
}

.drop-box-only {
  margin-top: -20px !important;
}

.suggestion-box {
  position: absolute;
  padding: 12px 0 !important;
  z-index: 2;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  margin-top: 4px;
  max-height: 350px;
  overflow: auto;
  width: 305px;
}

.suggestion-box ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.suggestion-box ul li {
  padding: 10px 16px;
  cursor: pointer;
}

.suggestion-box ul li b {
  color: #000;
  font-weight: 700;
}

.suggestion-box ul li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.cstm-clone-title {
  font-size: 28px;
  line-height: 29px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
}

#rbgcp-wrapper > div:nth-child(4) > div:nth-child(2),
#rbgcp-wrapper > div:nth-child(4) > div:nth-child(3),
#rbgcp-wrapper > div:nth-child(4) > div:nth-child(4) {
  display: none;
}

.group-info-category-img img {
  height: 50px;
  width: 90px;
  object-fit: cover;
}

.group-info-category-img {
  margin-right: 12px;
}

.cstm-plan-member-main .cstm-cstm-viewlist {
  margin-top: 20px;
}

.mrgn-rgt {
  margin-right: 20px;
}

.cstm-url-category-photo {
  object-fit: contain;
  height: 50px;
  width: 90px;
  border: 1px solid #ebebeb;
  margin-right: 10px;
  background: #f3f5f7;
  cursor: pointer;
}

.label-eup-main {
  padding: 16px 16px 8px;
  border-radius: 1px;
  background: transparent;
  border: 1px solid #d2d2d4;
}

.label-eup-main-in {
  align-items: center;
  background: #351bce;
  border-radius: 11px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 10px;
  position: relative;
}

.label-eup-main-in a {
  color: #fff;
}

.cstm-reason-info select {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cstm-add-related-video {
  display: flex;
}

.sort-by-mn {
  margin-bottom: 20px;
}

.sort-by-mn-select {
  display: inline-block;
  width: 106px;
}

.sort-by-mn-title {
  display: inline-block;
  margin-right: 12px;
}

.no-data-fp {
  grid-column: 12/1;
  height: calc(100vh - 300px) !important;
}

.searchPartner h1 img {
  padding-left: 8px;
  width: 36px;
}

.searchPartner h1 {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 5px !important;
}

.cstm-admin-table-badge-color {
  border-radius: 1px;
  height: 20px;
  width: 30px;
}

.cstm-badgecolor-container {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

input.cstm-admin-badge-color {
  padding: 0px;
  border: none;
  cursor: pointer;
}

h1.clone-title {
  text-align: initial;
}

.featuredPartner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

span.max-select {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}

.cstm-badgecolor-container {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

input.cstm-admin-badge-color {
  padding: 0px;
  border: none;
  cursor: pointer;
}

.cstm-clone-msg-container {
  border: 1px solid #d2d2d4;
  border-radius: 8px;
  background: #fff;
  padding: 14px 10px 12px 10px;
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 100%;
  max-width: 451px;
  transition: 0.5s;
  -webkit-animation-name: example;
  -webkit-animation-duration: 4s;
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

.searchPartner {
  display: flex;
  flex-direction: column;
}

input.editfeatured {
  margin-bottom: 5px;
  width: 500px !important;

  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 40px !important;
  color: #091f48 !important;
  border: none !important;
  padding: 0px !important;
  height: auto !important;
}

input.editfeatured2 {
  width: 500px !important;

  line-height: 20px !important;
  border: none !important;
  padding: 0px !important;
  height: auto !important;
}

.cstm-clone-msg-container p {
  margin: 0px;
}

.cstm-clone-msg-container h3 {
  font-weight: 600;

  font-size: 18px;
  color: #091f48;
}

.cstm-select-ap-drop {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.cstm-select-ap-drop .react-datepicker__tab-loop {
  display: inline-block;
  vertical-align: top;
}

.cstm-select-ap-drop .react-datepicker-wrapper {
  width: 130px;
  vertical-align: top;
  display: inline-block;
}

.cstm-select-ap-drop img.cstm-arrow-left-right {
  margin: 17px 10px;
}

.cstm-arrow-left-right {
  height: 14px;
  opacity: 0.5;
}

.cstm-select-ap-drop .react-datepicker__triangle:before,
.cstm-select-ap-drop .react-datepicker__triangle:after {
  display: none !important;
}

.cstm-select-ap {
  display: inline-block;
}

.lifetime-only {
  margin-left: 20px;
  position: relative;
  z-index: 1;
}

.partner-status-select {
  width: 95px;
  display: flex;
  align-content: center;
  align-items: center;
}

a.cstm-view-users-count-only:hover {
  color: #3114c9 !important;
  text-decoration: underline !important;
}

.cstm-lg-ttl {
  display: flex;
  align-items: center;
}

.cstm-url-link {
  object-fit: contain;
  height: 50px;
  width: 50px;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  margin-right: 10px;
  background: #f3f5f7;
  cursor: pointer;
}

img.partner-sort-logo {
  object-fit: contain;
}

img.banner-img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  margin-right: 10px;
  background: #f3f5f7;
}

.status-select-only {
  padding: 0px 20px 0px 0px !important;
  width: auto !important;
  /* margin-left: 10px !important; */
  height: auto !important;
  border: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFAAAAAAAAAAAAAAAAAAAATw7njQAAAAV0Uk5TABDPf/+NJArnAAAAMUlEQVR4nGNgZAADIQMGBmZFBiFnBgYTRQZGFQNmJwGgqDOQwwDkgjhAriJYLSOQAwBbVgMhvNX7aAAAAABJRU5ErkJggg==) !important;
}

.cstm-ls-checkbox svg {
  position: absolute !important;
}

.cstm-sec-button {
  display: flex;
  gap: 24px;
  align-items: center;
}

.cstm-sec-button .uic-fl-links .btn.disable {
  color: #091f48 !important;
  opacity: 0.3;
  pointer-events: none;
}

.css-1q1u3t4-MuiTableRow-root.MuiTableRow-hover:hover {
  /* background-color: rgba(0, 0, 0, 0.04); */
}

.cstm-sec-button .uic-fl-links .btn {
  background: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #351bce !important;
  height: auto;
  padding: 0px 24px;
  margin: 0px;
  box-shadow: none;
  text-decoration: underline;
  width: auto;
}

.cstm-sec-button .uic-fl-links .btn:hover {
  background: transparent;
  border: none;
  color: #091f48 !important;
}

.cstm-uplaod-img-link span.text-limitaion {
  position: absolute;
  bottom: 0;
}

.select-all-checkbox {
  display: inline-block;
  vertical-align: top;
  margin-right: 21px;
  padding-top: 13px;
  font-size: 16px;
}

.select-all-checkbox input {
  vertical-align: -3px;
}

.select-all-checkbox label {
  margin: 0px;
  cursor: pointer;
}

.cstm-eventimage-wrapper {
  position: absolute;
  margin: 10px;
  z-index: 1;
}

.cstm-eventimage-wrapper input {
  width: 20px !important;
  width: 20px !important;
}

.cstm-partner-preview {
  background: #fff;
  border: 1px solid #091f48;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  color: #091f48;
  height: 48px;
  padding: 0px 40px;
  cursor: pointer;
}

.cstm-partner-preview:hover {
  background: #201e29;
  border: 1px solid #201e29;
  color: #fff;
}

.cstm-profile-upload-btn .edit-pro-text2 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0b42cf;
  cursor: pointer;
  text-decoration: underline;
}

.msg-select-category {
  bottom: 1px;
}

.cstm-edit-attendees-word {
  height: 72px;
  width: 72px;
  display: flex;
  object-fit: cover;
  background-repeat: no-repeat;
  border: 2px solid #ffffff;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 144px;
  background: #201e28;
  color: #fff;
  font-size: 30px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  margin: auto;
}

.event-locimage-loader {
  /* position: relative; */
  opacity: 0.5;
  display: inline-block;
}

.event-locimage-loader span.loader-btn {
  /* position: absolute; */
  left: 0;
  z-index: 2;
  background: #ffffffd6;
  /* width: 163px; */
  text-align: center;
  /* line-height: 50px; */
}

.show-icon i {
  transform: rotate(180deg);
}

span.error.cstm-smg {
  margin-top: -28px;
}

.cstm-cl-search-sug-history-remove {
  color: var(--color-text-brand-strong, #0b42cf);
  float: right;
  align-items: center;
  display: flex;
}

.cancel-search-videolist {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
  padding: 9px;
  margin: -8px;
}

.cstm-cl-search-sug-container {
  position: absolute;
  padding: 12px 0 !important;
  width: 700px !important;
  z-index: 2;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  margin-top: 4px;
}

.cstm-cl-search-sug-container {
  max-height: 350px;
  overflow: auto;
}

.cstm-cl-search-sug-container::-webkit-scrollbar {
  width: 6px;
}

.cstm-cl-search-sug-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary-hovered);
}

.cstm-cl-search-sug-container::-webkit-scrollbar-thumb {
  background: var(--color-border-neutral-secondary);
  border-radius: 10px;
}

.cstm-cl-search-sug-container ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.cstm-cl-search-sug-container ul li {
  padding: 10px 16px;
  cursor: pointer;
}

.cstm-cl-search-sug-container ul li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.cstm-cl-search-sug-history-container {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.cstm-cl-search-sug-history-remove {
  color: var(--color-text-brand-strong, #0b42cf);
  float: right;
  align-items: center;
  display: flex;
  padding: 0px;
  border: none;
  background: transparent;
  font: var(--body-medium);
  line-height: 20px;
}

.cstm-cl-search-sug-history-remove:hover {
  color: #000 !important;
}

.cstm-cl-search-sug-history-title {
  overflow-wrap: anywhere;
  color: var(--color-text-neutral-strong, #060d14);
  width: 100%;
  padding-right: 50px;
  font: var(--body-medium);
  line-height: 20px;
}

.cstm-cl-search-sug-history-title b {
  font-weight: 700;
}

.event-type-drop-only {
  padding-bottom: 0px !important;
}

.event-type-drop-only .css-b62m3t-container {
  width: 100%;
}

.event-type-drop-only .css-t3ipsp-control {
  border: 1px solid #d2d2d4 !important;
  box-shadow: none !important;
}

.event-type-drop-only .css-1xc3v61-indicatorContainer,
.event-type-drop-only .css-15lsz6c-indicatorContainer {
  color: #545454 !important;
  margin-right: 5px !important;
}

.event-type-drop-only .css-1u9des2-indicatorSeparator {
  display: none !important;
}

.event-type-drop-only .css-t3ipsp-control:hover {
  border: 1px solid #d2d2d4 !important;
  box-shadow: none !important;
}

.event-type-drop-only .css-13cymwt-control {
  border-radius: 0px;
  border: 1px solid #d2d2d4 !important;
}

.event-type-drop-only .css-1fdsijx-ValueContainer {
  padding-left: 15px !important;
}

.event-type-drop-only .css-1nmdiq5-menu {
  z-index: 5 !important;
}

.event-type-drop-only .css-tr4s17-option {
  background-color: #351bce !important;
}

.event-type-drop-only .css-d7l1ni-option {
  background-color: #ebe8fa !important;
  cursor: pointer;
}

.event-type-drop-only input {
  height: 34px !important;
}

.cstm-replace-pp {
  padding: 20px;
  width: 100%;
}

.cstm-rpp-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #201e29;
  margin-bottom: 10px;
}

.cstm-banner-img .desk-globle-model-box-inner {
  max-width: 800px;
}

.cstm-banner-img .zoomImgContainer img {
  width: 100%;
  object-fit: contain;
  max-height: 500px;
}

.no-data-found-pl {
  display: table-caption;
  font-size: 16px;
  color: red;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}

.export-error {
  text-align: left;
  margin-top: -10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: red;
}

.cstm-export-link {
  text-align: right;
  padding-bottom: 15px;
}

.cstm-export-link a {
  color: #351bce !important;
  font-weight: 500;
  text-decoration: underline !important;
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}

.cstm-export-link a:hover {
  color: #000 !important;
  text-decoration: inherit !important;
}

.cstm-cstm-viewlist .MuiTableContainer-root {
  /* overflow-y: hidden; */
  min-height: 488px;
  border-bottom: 1px solid #d2d2d4;
  position: relative;
  /* margin-bottom: 10px; */
}

.cstm-cstm-viewlist {
  max-height: calc(100vh - 120px);
  overflow: auto;
  height: 570px;
  margin-bottom: -10px;
}

.cstm-cstm-viewlist::-webkit-scrollbar {
  width: 6px;
}

.cstm-cstm-viewlist::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.cstm-cstm-viewlist::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 10px;
}

.partner-liasting-top-title {
  padding: 20px;
  font-size: 18px;
  color: #060d14;
  margin-bottom: 0px;
}

.cstm-pl-close {
  right: 15px;
  top: 17px;
  position: absolute;
  color: #aeaeae;
  font-size: 35px;
  font-weight: 400;
  cursor: pointer;
}

.cstm-pl-close:hover {
  color: #351bce;
}

.partner-listing-popup-only .desk-globle-model-box-inner {
  max-width: 700px;
  border-radius: 0px;
  overflow: hidden;
}

.cstm-view-users-count:hover {
  color: #000 !important;
  text-decoration: underline #351bce !important;
}

.cstm-do-you-want {
  display: flex;
}

.form-check-input:checked {
  background-color: #351bce;
  border-color: #351bce;
}

.cstm-pm-list {
  display: flex;
  align-items: center;
}

.status-undo:hover img {
  filter: invert(0.2) sepia(10) saturate(350) hue-rotate(-115deg);
}

.partner-icon-rf-only {
  line-height: 13px !important;
  display: flex;
  align-items: center;
  padding-bottom: 3px;
}

a.status-undo {
  margin-left: 5px;
}

.tox .tox-number-input input {
  height: 25px !important;
}

.select-maximum {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.uic-title img {
  padding-right: 8px;
  padding-left: 8px;
  width: 30px;
}

body img.cstm-vdo {
  max-height: 50px !important;
  width: auto !important;
}

.partner-logo-780-500 {
  height: 143px !important;
  width: 222px !important;
}

.partner-logo-780-500 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-2256-760 {
  height: 76px !important;
  width: 222px !important;
}

.partner-logo-2256-760 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-1128-380 {
  height: 113px !important;
  width: 222px !important;
}

.partner-logo-1128-380 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-375-144 {
  height: 87px !important;
  width: 222px !important;
}

.partner-logo-375-144 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-624-336 {
  height: 104px !important;
  width: 222px !important;
}

.partner-logo-624-336 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-720-522 {
  height: 161px !important;
  width: 222px !important;
}

.partner-logo-720-522 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-2256-576 {
  width: 222px !important;
  height: 58px !important;
}

.partner-logo-2256-576 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-logo-780-552 {
  width: 222px !important;
  height: 158px !important;
}

.partner-logo-780-552 img {
  max-height: 100% !important;
  object-fit: cover;
  width: 100%;
}

.partner-list-action {
  margin-right: 10px;
  padding: 0px;
  border: none;
  background: transparent;
}

.cstm-data-edit-load2 {
  text-align: center;
  position: absolute;
  box-sizing: border-box;
  width: 78%;
  height: calc(100vh - 90px);
  left: 21%;
}

.cstm-data-edit-load2 img {
  width: 60px;
  position: relative;
  top: 45%;
}

.tox .tox-number-input input {
  padding: 0px !important;
  height: 25px !important;
}

.cstm-editor-tool-ds .tox-tinymce {
  border: none !important;
  background: #ff0000 !important;
}

.cstm-data-edit-load img {
  width: 60px;
}

.cstm-data-edit-load {
  margin-top: 17%;
  text-align: center;
}

.expired-only {
  background: #fbc3c3 !important;
}

input#react-select-2-input {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.tox-tinymce {
  border: none !important;
}

.tox .tox-toolbar__primary {
  background-image: unset !important;
}

.tox .tox-number-input {
  border-radius: 3px;
  display: flex;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
  width: auto;
  align-items: center;
}

/* .cstm-editor-tool-ds {
  border: 1px solid #d2d2d4;
} */

.save-draft-loader {
  margin-left: 20px;
}

.cstm-company-logo .desk-globle-model-box-inner {
  max-width: 800px;
}

.cstm-company-logo .zoomImgContainer {
  text-align: center;
  margin: 20px 0px 0px;
}

.cstm-company-logo .zoomImgContainer img {
  width: 100%;
  object-fit: contain;
  max-height: 500px;
}

.cstm-rpp-close-btn {
  color: #aeaeae;
  font-size: 35px;
  font-weight: 300;
  line-height: 18px;
  float: right;
  cursor: pointer;
}

.cstm-rpp-close-btn:hover {
  color: var(--navyblue);
}

.pending-only {
  background: #f1eeff !important;
}

.review-count {
  background: #351bce;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 700;
  min-width: 21px;
  height: 21px;
  display: inline-block;
  line-height: 18px;
  font-family: "Inter", sans-serif;
  vertical-align: 2px;
  text-align: center;
  border: 1px solid white;
}

.cstm-reason-info label {
  text-align: left;
  display: block;
  color: #000;
  font-size: 16px;
}

.cstm-reason-info {
  margin-bottom: 24px;
}

.ays-cancel-btn-main {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

.close-draft {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 35px;
  cursor: pointer;
  color: #aeaeae;
  font-weight: 400;
}

.close-draft:hover {
}

a.create-speaker-link {
  text-decoration: underline !important;
  color: #2a11aa !important;
  cursor: pointer;
}

.cstm-uplaod-img-link {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.cstm-uplaod-img-link .form-group {
  text-align: center;
}

span.value-dollar {
  position: absolute;
  margin: 14px 0px 0px 10px;
}

.cstm-url-field {
  width: 400px !important;
  margin-right: 20px;
}

.cstm-select-mm .highlightOption {
  background: unset;
  color: unset;
}

.cstm-select-mm .multiSelectContainer li:hover {
  background: #351bce;
}

.cstm-select-mm input {
  border: none !important;
  padding: 8px 15px !important;
  height: inherit !important;
}

.cstm-select-mm .chip {
  margin-top: 6px;
}

.cstm-applyurl-container {
  display: flex;
  float: left;
}

.cstm-apply-btn-container {
  margin-right: 20px;
}

body .filter select {
  width: auto;
}

.filter {
  margin-left: 20px;
}

.delete-modal-with-loader {
  z-index: 9999;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.select-attendees-box {
  max-height: calc(100vh - 250px);
  overflow: auto;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 10px;
  padding-right: 20px;
}

.select-attendees-box::-webkit-scrollbar {
  width: 6px;
}

.select-attendees-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.select-attendees-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.select-attendees-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.existing-attendee-search {
  margin-bottom: 12px;
}

.uic-title-rt-only button.btn,
.uic-title-rt-only .import.text {
  padding: 0px 15px;
}

.delete-modal-with-loader {
  background: #000000c7;
}

.delete-modal-with-loader .modal-content {
  max-width: 500px;
  width: 100%;
}

span.response-text {
  font-size: 20px;
  color: #000;
  line-height: 24px;
  margin: 25px 0px;
}

span.message-modal-addtional-div {
  margin-bottom: 25px;
  font-size: 18px;
  color: #000;
}

span.text-limitaion {
  float: right;
  font-size: 12px;
  color: #747474;
}

.cstm-profile-selector-btn {
  text-align: right;
}

.cstm-profile-selector-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cstm-profile-selector-all {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
  /* overflow: auto; */
  margin: 30px 0px;
  /* max-height: calc(100vh - 280px); */
}

.cstm-profile-selector-all::-webkit-scrollbar {
  width: 6px;
}

.cstm-profile-selector-all::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.cstm-profile-selector-all::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.cstm-profile-selector-all::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.profile-selector-modal > .modal-dialog > .modal-content {
  padding: 30px;
}

.profile-selector-modal button.close {
  position: absolute;
  right: 4px;
  top: 3px;
  font-size: 25px;
  font-weight: 400;
  color: #afafaf;
}

.cstm-profile-selector-top h1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #091f48;
}

.cstm-profile-selector input {
  position: absolute !important;
  left: 8px;
  top: 8px;
}

button.delete-modal-with-loader-close-icon {
  text-align: center;
  position: absolute;
  width: 22px;
  right: 8px;
  top: 5px;
  height: 22px;
  background: #000;
  padding: 0px 2px;
  border: 1px solid #b3b3b3;
  border-radius: 50px;
  color: #ffff;
  font-size: 18px;
  line-height: 18px;
  display: grid;
}

.cstm-profile-selector {
  position: relative;
  cursor: pointer;
  margin: 0px;
}

.cstm-profile-selector img {
  height: 144px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #c1c1c1 !important;
}

.profile-selector-modal {
  background: #000000bd;
  z-index: 9999;
}

.profile-selector-modal .modal-dialog {
  max-width: 1250px;
}

.select-participants-box {
  padding-right: 20px;
}

.select-participants-searchbar {
  margin-bottom: 17px;
}

body .cstm-date-search {
  padding-right: 12px !important;
}

.select-participants-box-in-name {
  display: flex;
  gap: 10px;
  padding-left: 30px;
}

.select-participants-box-in-checkbox {
  position: absolute;
  top: 10px;
}

.cstm-apl-upload-close {
  position: absolute;
  right: -7px;
  background: #351bce;
  color: #fff;
  font-size: 19px;
  top: -9px;
  height: 19px;
  width: 19px;
  line-height: 18px;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}

.cstm-apl-upload-img {
  margin-top: 20px;
}

.cstm-apl-upload-img-box {
  margin: 0px 20px 20px 0px;
  position: relative;
  float: left;
}

.cstm-apl-upload-img-box img {
  object-fit: cover;
  height: 90px;
  width: 90px;
}

.cstm-apl-main {
  border: 1px dashed #a2a2a2;
  text-align: center;
  padding: 16px;
  font-size: 16px;
  color: #351bce;
}

.cstm-chk-preregistration-container {
  display: flex;
  align-items: center;
}

.users-selection-only h2 {
  margin-bottom: 10px !important;
}

.select-participants-box-in-img {
  min-width: 48px;
}

.select-pt-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #091f48;
  word-break: break-all;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.select-participants-box-in-checkbox input {
  vertical-align: middle;
}

.select-pt-email {
  margin: 0px;
  font-size: 15px;
  line-height: 21px;
}

.select-participants-box-in-img img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  margin: 0px;
  background: #eaeaea;
  max-width: 48px;
  min-height: 48px;
}

.select-participants-box-in {
  width: 100%;
  border: 1px solid #dadada;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}

.select-participants-box {
  max-height: 586px;
  overflow: auto;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 10px;
  padding-right: 20px;
}

.cstm-channel-type-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
}

.cstm-channel-type-title-error {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: red;
  margin-bottom: 10px;
}

.cstm-channel-type-title-non-select {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: blue;
  margin-bottom: 10px;
}

.cstm-channel-type-title-registeredUser {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: green;
  margin-bottom: 10px;
}

.cstm-channel-type-title-alreadyexist {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: purple;
  margin-bottom: 10px;
}

.select-participants-box::-webkit-scrollbar {
  width: 6px;
}

.select-participants-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.select-participants-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.select-participants-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

a.edit-content-link:hover {
  color: var(--blue);
  text-decoration: underline;
}

a.edit-content-link {
  color: #007bff;
  text-decoration: underline;
}

.banner-drag-drop {
  font-size: 19px;
  color: #606060;
}

img.banner-img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border: 1px solid #ebebeb;
}

img.partner-sort-logo {
  object-fit: contain;
}

input.form-control.tel-class {
  padding-left: 55px !important;
}

input.form-control.tel-class:focus {
  box-shadow: none;
  border-color: #d2d2d4;
}

.react-tel-input .selected-flag:focus:before,
.react-tel-input .selected-flag.open:before {
  border-color: transparent !important;
  box-shadow: inherit !important;
}

.cstm-video-upload-img img:not(.channel-img) {
  max-height: 154px;
  aspect-ratio: 16 / 9;
  /* width: 100% */
  /* max-width: 161px; */
}

.cstm-video-upload-img .empty-img {
  max-height: 154px;
  width: auto;
  aspect-ratio: 16 / 9;
}

.cstm-notification-upload-img img {
  /* max-height: 161px !important; */
  aspect-ratio: 16 / 9;
}

.cstm-up-pp-delete .create-group-loader {
  margin: -1%;
  width: 105%;
  height: 105%;
}

.cstm-up-pp-delete {
  z-index: 9999;
}

.upload-photo-icon {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
}

.cstm-up-icon {
  cursor: pointer;
  margin-left: 24px;
}

.upload-photo-container img {
  max-height: 100%;
  object-fit: cover;
}

.upload-photo-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cstm-view-photo .modal-content {
  width: 100%;
  text-align: center;
  background: transparent;
  height: 100%;
}

.cstm-view-photo .modal-dialog {
  max-width: 100%;
  margin: 20px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(54.5px);
  backdrop-filter: blur(54.5px);
  border-radius: 20px;
  height: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-photo-button .loader-btn {
  position: absolute;
  top: 0;
  background: #ffffffeb;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 48px;
}

.cstm-upload-photo-event-loader img {
  height: 70px;
}

.cstm-upload-photo-event-loader {
  text-align: center;
  margin-top: 250px;
}

.upload-photo-button .loader-btn img {
  width: 42px;
}

.upload-photo-button {
  position: relative;
}

.cstm-upload-photo-event-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cstm-upload-photo-event-in {
  cursor: pointer;
  aspect-ratio: 1/1;
}

.cstm-upload-photo-event {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 24px;
}

.group-lce-box {
  overflow: auto;
  max-height: 410px;
}

.group-lce-box::-webkit-scrollbar {
  width: 6px;
}

.group-lce-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.group-lce-box::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.group-lce-box::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.no-data-found {
  display: table-caption;
  font-size: 16px;
  color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -54px;
}

.cstm-data-load {
  display: table-caption;
  font-size: 16px;
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
}

.cstm-data-load img {
  height: 60px;
  display: block;
  margin: auto;
}

.section-loader-box {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-loader-box .loader-img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  object-position: center;
}

.uic-title-rt-only {
  position: absolute;
  right: 24px;
}

.faq-container-only .questions-accordian-edt-delete {
  right: 0;
}

body .rdw-link-modal {
  height: auto;
}

.cstm-code-addt .rdw-link-modal {
  border: 1px solid #d2d2d4;
  box-shadow: none;
  height: auto;
}

label.rdw-link-modal-target-option input {
  vertical-align: -4px;
}

.topic-label-in {
  background: #eae6ff;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: inherit;
  color: #091f48;
  padding: 7px 10px;
  margin-right: 16px;
  margin-bottom: 16px !important;
  display: inline-block;
}

.topic-label-in b {
  font-weight: 500;
}

.topic-label-in button {
  padding: 0px;
  border: none;
  background: transparent;
  margin-left: 10px;
  font-size: 20px;
  vertical-align: -2px;
}

.video-col-padding {
  display: grid;
  grid-gap: 22px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.hobbies-lbl input[type="radio"] {
  vertical-align: middle;
}

.cyp-btm-btn {
  margin-top: 30px;
  margin-bottom: 50px;
}

.cstm-editor-tool .rdw-editor-toolbar.toolbarClassName {
  box-sizing: border-box;
  width: 97.9%;
}

.cstm-chk-preregistration-container label {
  cursor: pointer;
  margin-bottom: 0px;
}

.img-event-list {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #e5e5e5;
}

.cstm-group-ls {
  margin-bottom: 20px;
}

.group-list-create-event label {
  display: flex;
  align-items: center;
  margin: 12px 0px 0px;
  cursor: pointer;
  justify-content: flex-start;
}

.group-list-create-event label input {
  margin-right: 10px !important;
}

.cstm-code-addt .editorClassName.rdw-editor-main {
  padding-top: 82px;
}

.speakers-only input {
  padding: 0px 13px !important;
  height: auto !important;
  border: none !important;
  width: 135px !important;
  display: inline-flex;
}

.speakers-only .searchWrapper {
  padding: 10px 8px 4px 8px;
  border-radius: 0px;
  min-height: 48px;
}

.speakers-only .optionListContainer {
  z-index: 4;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar {
  width: 6px;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.speakers-only .multiSelectContainer ul::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.speakers-only .highlightOption {
  background: #f3f5f7 !important;
  color: #201e29 !important;
  font-weight: 500 !important;
}

.speakers-only .multiSelectContainer li:hover {
  background: #ebe8fa;
  color: #201e29;
}

.speakers-only .multiSelectContainer li {
  padding: 4px 20px;
  font-size: 12px;
}

.cstm-upload-box {
  padding: 12px;
  border: 1px dashed #b1b1b1;
  position: relative;
}

.cstm-upload-box .error {
  bottom: -20px;
  left: 0;
}

html body.modal-open {
  overflow: hidden;
}

.btn7 {
  background: rgba(147, 145, 151, 0.3);
  border-radius: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn7:hover {
  background: var(--yellow);
  color: #ffffff;
}

.location-suggestions {
  border: 1px solid #d2d2d4;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 4;
}

.location-suggestions-loading img {
  width: 50px;
  padding: 30px 0px;
}

.location-suggestions-in {
  padding: 5px 12px;
  cursor: pointer;
}

/* cropper ImageLoader */
.img-cropper-container {
  width: 280px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-cropper-container img {
  width: 48px;
  height: 48px;
}

.location-suggestions-loading {
  text-align: center;
}

.edit-modal-loader {
  text-align: center;
  position: relative;
  top: 47%;
}

.edit-modal-loader img {
  height: 60px;
  width: 60px;
}

#cropImgDis .cropper-bg {
  background-image: inherit !important;
}

/* add styles for image cropping */
.checksboxes-visible #cropImgDis .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") !important;
  width: 100% !important;
  height: 500px !important;
}

.checksboxes-visible .desk-globle-model-box-inner {
  width: 1024px !important;
  max-width: 100% !important;
}

.checksboxes-visible #cropImgDis.cropImgDis {
  width: 100% !important;
  max-width: 100% !important;
  height: 500px !important;
  max-height: 100% !important;
}

.checksboxes-visible .cstm-replace-pp {
  min-height: 640px;
}

.cstmCropperImg {
  width: 80px;
}

/* spinner */
.spinner-wrapper {
  display: flex;
  flex-direction: column;
}

.spinner-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/* end styles for cropping image */
span.error2 {
  color: red;
}

img.delete-cmt-loader {
  height: 20px;
}

.rdw-editor-toolbar.toolbarClassName {
  position: absolute;
  z-index: 2;
  width: 98.6%;
}

.editorClassName.rdw-editor-main {
  padding-top: 45px;
}

label.subcat-addvideo {
  margin: 0px 30px 10px 0px;
  display: flex;
  /* text-transform: capitalize; */
  font-weight: 600;
  cursor: pointer;
  align-items: center;
}

.dis-loader-cmt {
  width: 16px;
  vertical-align: -2px;
}

.newsfeed-write-your-comments-tx .dis-loader-cmt {
  width: 21px;
  vertical-align: -2px;
  filter: invert(1000%) sepia(1000%) saturate(100%) hue-rotate(378deg)
    brightness(1000%) contrast(100%);
}

.cstm-vd {
  width: 100%;
}

.tox .tox-edit-area iframe {
  border: 1px solid #d2d2d4 !important;
  border-radius: 10px;
}

/* .cstm-vd .tox .tox-edit-area iframe {
  resize: vertical;
  overflow: auto;
  min-height: 100px;
  max-height: 700px;
  width: 100%;
} */

/* .cstm-editor-tool-ds .tox {
  resize: vertical;
  overflow: auto;
  min-height: 120px;
  max-height: 300px;
  width: 100%;
} */

.tox .tox-edit-area::before {
  border-radius: 10px !important;
}

.quilleditor-wrapper {
  width: 100%;
}

.quilleditor-wrapper .ql-container.ql-snow {
  border-top: 0;
}

.quilleditor-wrapper.quilleditor-small .ql-container .ql-editor {
  min-height: 90px;
}

.quilleditor-wrapper .ql-container .ql-editor {
  resize: vertical;
  min-height: 300px;
}

.cstm-vd .public-DraftStyleDefault-ltr {
  padding: 0px 15px;
}

.cstm-vd .notranslate.public-DraftEditor-content > div {
  min-height: 210px;
}

.cstm-lb-only span.loader-btn {
  width: 100% !important;
}

img.cstm-vl-img {
  height: 170px;
  object-fit: cover;
  width: 100%;
}

.um-logo img {
  height: 40px;
}

.header-bk-left img {
  height: 40px;
}

.vjs-poster {
  pointer-events: none;
  background-color: white !important;
}

.cstm-rt-only img.btn-partner2 {
  right: 20px;
  left: inherit;
  cursor: pointer;
}

.cstm-close-icon {
  height: 30px;
  font-size: 20px;
}

.cstm-likes-only {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding-bottom: 12px;
}

.cstm-likes-only-user {
  position: absolute;
}

.cstm-likes-only-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding-left: 50px;
  cursor: pointer;
}

.cstm-likes-only-user img {
  border-radius: 30px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #d5d5d5 !important;
}

.loadind-post.cstm-cn-pg-loader {
  height: auto !important;
}

.cstm-vd-box-in-main h4 {
  text-overflow: ellipsis;
  width: 100%;
  height: 1.2em;
  margin-top: 10px;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
}

span.error.err-url {
  position: relative;
}

.cstm-cn-video-prtn h4 {
  padding: 0px;
  margin-top: 12px;
  font-size: 15px;
  margin-bottom: 6px;
  height: 20px;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.cstm-cn-video-prtn a {
  font-size: 12px;
  line-height: 16px;
  height: 34px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

img.btn-partner2 {
  position: absolute;
  left: 10px;
  top: 6px;
  background: #e8e8e8;
  border-radius: 50px;
}

.cstm-cn-video-prtn .cbs-support .cstm-partner-pic {
  height: 150px;
  width: 100%;
  padding: 0px;
  object-fit: cover;
}

.cstm-cn-video-prtn .btn-partner {
  position: absolute;
  right: 0;
  top: -12px;
  background: #fff;
  border: 1px solid #a4a4a4;
  border-radius: 30px;
  font-size: 14px;
  line-height: 22px;
}

.cstm-cn-video-prtn {
  margin-top: 30px;
}

.video-edit-box {
  left: -127px !important;
}

.users-info-content-main.cstm-video-detail-width {
  width: 100%;
  margin: auto;
  max-width: 1280px;
}

.form-group.cstm-edit-profile-img {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.cstm-quest-sec .card-link {
  background: #eaf5ff;
}

.cstm-quest-sec .card-link.collapsed {
  background: #fff;
}

.form-group.cstm-q-a {
  margin-bottom: 16px;
}

.cstm-admin-access-grp .searchWrapper {
  /* padding: 16px 16px 8px; */
  padding: 14px 20px 10px;
  border-radius: 0;
}

.cstm-admin-access-grp .searchWrapper input#search_input {
  padding-left: 0px !important;
  width: inherit !important;
}

.cstm-edit-profile-heading {
  color: #63626a;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.form-group.cstm-edit-profile-img .form-group-ct {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 100px;
}

.form-group.cstm-edit-profile-img .form-group-ct img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-group.admin-error-msg {
  margin: 0px;
}

.error-msg {
  margin-bottom: 4px;
  font-size: 14px;
  color: #ed143d;
}

.form-group.form-group-button {
  margin-top: 40px;
}

.users-info-content-main .MuiTableContainer-root {
  overflow-y: hidden;
  min-height: 500px;
  border-bottom: 1px solid #d2d2d4;
  position: relative;
}

.admin-no-found {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.admin-no-found p {
  color: #939393;
}

.edit-user-details-popup .videodetail.adminVideodetail .video-js {
  aspect-ratio: 16/9;
}

.videodetail.adminVideodetail .video-js .vjs-big-play-button {
  font-size: 40px;
  line-height: 80px;
  height: 80px;
  width: 80px;
  top: 50%;
  left: 50%;
  padding: 0;
  border-radius: 100px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.4s;
  transform: translate(-50%, -50%);
}

.cstm-vd-cnt-right button {
  font-weight: 700;
}

.cstm-vd-cnt-right .like-btn svg path,
.cstm-vd-cnt-right .dislike-btn svg path {
  fill: #fff;
}

.cstm-vd-cnt-markbtn {
  background: #f4f4f4 !important;
  color: rgba(32, 30, 41, 0.7) !important;
}

.cstm-vd-cnt-markbtn:hover {
  background: rgba(32, 30, 41, 0.7) !important;
  color: #ffffff !important;
}

.cstm-vd-cnt-sdf {
  margin-bottom: 16px;
}

.cstm-admin-cate-tag,
.cstm-admin-grup-tag {
  margin-bottom: 16px;
}

.cstm-admin-cate-tag,
.cstm-admin-grup-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-profile-details-all-nav ul.nav.profiledt-menu.cstm-tab-add-video {
  border-bottom: 1px solid #d2d2d4;
  border-top: 1px solid #d2d2d4;
  margin-top: 16px;
}

.cstm-admin-cate-tag .musicvideobtn button,
.cstm-admin-grup-tag .musicvideobtn button {
  margin: 0px;
}

.cstm-admin-cate-tag span,
.cstm-admin-grup-tag span {
  width: 100%;
  margin-bottom: 0px !important;
}

.questions-box-incont input {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

.users-info-content-main hr {
  border-color: #d7d7d9 !important;
}

.clif-add-btn {
  margin-top: 20px !important;
}

.searchWrapper span.chip {
  z-index: 1;
  position: relative;
  background: #351bce;
}

.highlightOption {
  background: #351bce;
}

.cstm-bdr-cb .hobbies-lbl {
  padding-top: 16px;
}

.cstm-bdr-cb {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: auto;
  padding: 0px 80px 0px 20px;
  width: 100%;
}

.cstm-bdr-cb label.form-check-label {
  margin-bottom: 12px;
}

.cstm-row-pdg {
  padding: 0px 20px;
}

.cstm-add-bdr-box .cstm-edit-delete-main {
  right: 1px !important;
  top: 12px !important;
  z-index: 1;
}

.cstm-add-bdr {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  display: block;
}

.um-rgt-btn-loading {
  position: relative;
  float: right;
}

/* .um-rgt-btn-loading2 {
     position: relative;
     float: left;
}
 */
.loading-btn-in2 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
}

.loading-btn-in2 img {
  width: 36px;
}

.react-datepicker__header select {
  background-color: #fff;
  padding: 0px 5px;
  height: 30px;
  border-radius: 5 px;
  border: 1px solid #c1c1c1;
  font-size: 12px;
  margin: 0px 5px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  background-image: inherit;
}

.react-datepicker__header button {
  padding: 0px;
  border: none;
  font-size: 18px;
}

/* .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  left: -190px !important;
} */

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  background-color: var(--navyblue) !important;
}

.sidebar-menu .__react_component_tooltip {
  position: absolute !important;
  left: 0px !important;
  width: 103px !important;
  text-align: center;
  top: inherit !important;
  bottom: 5px !important;
  font-size: 12px !important;
  margin: 0px !important;
  background: transparent !important;
  padding: 0px !important;
  line-height: 16px !important;
}

.sidebar-menu .__react_component_tooltip:after,
.sidebar-menu .__react_component_tooltip:before {
  display: none !important;
}

.social-checked:before {
  position: absolute;
  content: "\f058";
  font-family: FontAwesome;
  left: 29px;
  font-size: 26px;
  margin-top: 2px;
}

.mpd-list-box-left {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
}

.mpd-list-box-right {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #201e29;
}

.mpd-list {
  padding-bottom: 20px;
}

.mpd-list-box {
  display: flex;
  max-width: 650px;
  justify-content: space-between;
  margin-bottom: 22px;
}

.cstm-plan-price-only:before {
  content: "$";
  position: absolute;
  font-size: 24px;
  font-weight: 700;
  color: #091f48;
  margin-left: 22px;
  margin-top: 14px;
}

.cstm-plan-price-only input {
  padding-left: 48px !important;
}

.plan-reso-bd-sub {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.plan-reso-bd-sub span {
  padding-left: 8px;
}

.plan-reso-bd-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.plan-resources-main-body {
  display: flex;
  margin-bottom: 24px;
  align-items: center;
}

.plan-resources-main {
  margin-bottom: 30px;
}

.select-all-lbl {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #351bce;
  margin: 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.select-all-lbl span {
  padding-left: 8px;
}

.uic-table-th .uic-th-td {
  position: relative;
}

span.custom-sorting {
  position: absolute;
  right: 12px;
  display: flex;
  flex-direction: column-reverse;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

span.custom-sorting i {
  line-height: 11px;
}

.plan-resources-main-left {
  width: 45%;
}

.plan-resources-main-right {
  width: 55%;
  display: flex;
  justify-content: space-between;
}

.resources-na-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  opacity: 0.7;
}

.plan-resources-main-head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d9;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.auto-rene-lbl {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}

.auto-rene-label input {
  margin-right: 12px !important;
  accent-color: #2a72d1 !important;
}

.grup-main-cover-img-sec {
  position: relative;
  min-height: 250px;
  max-height: 450px;
  border: 1px dashed #351bce;
  overflow: hidden;
}

.ct-lbl-main.cstm-tg-tg .form-group {
  margin-bottom: 10px;
}

.grup-main-cover-img-sec .cover-image-dpdn {
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  padding: 0;
  align-items: center;
  margin: 0;
  height: 100%;
  transition: 0.3s all;
}

.group-info-detials-cont.cstm-group-info-detials-cont {
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
}

.group-info-detials-cont.cstm-group-info-detials-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 52/19;
}

.grup-main-cover-img-sec .cover-image-dpdn:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.grup-main-cover-img-sec .dropzone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.grup-main-cover-img-sec .cover-image-dpdn.cstm-group-cover-img img {
  width: 100%;
  height: 10%;
  object-fit: cover;
  aspect-ratio: 52/19;
}

.auto-rene-label {
  margin-right: 24px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  float: left;
  cursor: pointer;
}

.automatic-renewal-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
  display: block;
}

.create-topic-info .uic-title-crt-plan h1 {
  margin: 10px 0px 0px;
}

.form-group-ct.cstm-pln-editor-ss {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 100%);
  min-height: 120px;
  width: 100%;
  padding-top: 14px;
}

.form-group-ct.cstm-pln-editor-ss .rdw-editor-toolbar {
  border: none;
  gap: 12px;
}

.form-group-ct.cstm-pln-editor-ss .rdw-editor-main {
  padding: 0px 16px 16px;
}

.cstm-plan-editor-padding.form-group-ct.cstm-pln-editor-ss .rdw-editor-main {
  padding: 35px 16px 16px !important;
}

.cover-image-dpdn-img {
  margin-top: 20px;
  width: 200px;
}

.or-connet-title span {
  background: #f3f5f7;
  padding: 0px 10px;
  position: relative;
}

.or-connet-title {
  position: relative;
}

.or-connet-title:before {
  height: 1px;
  width: 100%;
  position: absolute;
  background: #cecfd3;
  content: "";
  left: 0;
  top: 14px;
}

.um-right-in .btn {
  margin: 0px;
}

.or-connet-main {
  margin-bottom: 20px;
}

.btn-facebook i {
  font-size: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}

.btn-facebook {
  background-color: #4267b2;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
}

.btn-facebook:hover {
  background: var(--yellow);
}

.btn-linkedin i {
  font-size: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}

.btn-linkedin {
  background-color: #0072b1;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
  text-transform: capitalize;
}

.btn-linkedin:hover {
  background: var(--yellow);
}

.or-connet-title {
  text-align: center;
  margin-bottom: 25px;
}

.or-connet-main {
  display: flex;
}

.hobbies-lbl input[type="checkbox"] {
  vertical-align: -5px;
}

.hobbies-lbl label.form-check-label {
  margin-right: 25px;
  display: flex;
  align-items: center;
}

.hobbies-lbl {
  padding: 20px 0px 0px 0px;
  display: flex;
  align-items: center;
}

.cstm-tg-tg .form-group {
  margin-bottom: 10px;
}

.cstm-drag-drop {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 5px;
}

.cstm-jpeg-png {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.cover-image-dpdn {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  padding: 48px 0px;
  align-items: center;
  margin-top: -14px;
}

.cover-image-dpdn-in-left {
  margin-right: 16px;
}

.cover-image-dpdn-in-left img {
  height: 66px;
}

.cover-image-dpdn-in-right {
  display: flex;
  flex-direction: column;
}

.cover-image-dpdn {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  padding: 48px 0px;
  align-items: center;
}

.create-yuor-topic-main-box {
  display: flex;
  background: #fff;
}

.adminVideodetail-view {
  aspect-ratio: 16/9;
}

.create-yuor-topic {
  width: 25%;
  padding: 72px 63px;
  height: calc(100vh - 83px);
  position: sticky;
  top: 83px;
}

.icon-box-last {
  margin-top: 12px;
}

.create-yuor-topic:after {
  content: "";
  height: 240px;
  width: 240px;
  position: absolute;
  bottom: 0;
  left: 63px;
  background-image: url(/assets/hashtag-taddgN3y.png);
}

.cyfg-mn:after {
  background-image: url(/assets/hashtag2-Dqe0_Saj.png);
  bottom: 40px;
}

.cymp-main:after {
  background-image: url(/assets/premium-DrUj3xvC.png);
  bottom: 5px;
}

.create-topic-info h1 {
  margin: 20px 0px;
}

.create-topic-info {
  width: 75%;
  /* height: calc(100vh - 83px);
     */
  float: left;
  padding: 20px;
  border-left: 1px solid #d5d5d5;
}

.posts-filter-dp {
  left: -44px !important;
}

.posts-filter-dp li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  padding: 6px 16px;
  cursor: pointer;
}

.posts-filter-dp li:hover {
  color: #2a72d1;
}

.make-hide-ck-in {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
}

.make-hide-ck-in input {
  margin-right: 8px !important;
  vertical-align: -4px;
}

.make-hide-ck {
  display: flex;
  align-items: center;
  gap: 24px;
}

.admin-create-post .add-poll-main-box input {
  background: transparent !important;
  padding-right: 85px !important;
  border: none !important;
}

.admin-create-post .add-poll-main-box2 input {
  background: transparent !important;
  padding-right: 44px !important;
  border: none !important;
}

.admin-create-post .create-pp-post-cont-text textarea {
  border: none;
}

.gi-group-posts-edit .what-post-right-input input[type="text"] {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px;
  border: none;
}

/* .cstm-all-admin h1 { //TODO: Made conflict in on-board page's heading
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  color: #091f48;
  margin: 0px;
} */

.cstm-all-admin h2:not(.MuiTypography-root) {
  font-weight: 700;
  font-size: 16px;
  color: #091f48;
  margin: 0px;
}

.cstm-all-admin a:not(.MuiButton-root, .MuiIconButton-root):hover {
  text-decoration: inherit;
}

.cstm-all-admin button,
.cstm-all-admin select {
  text-transform: none;
  text-decoration: initial !important;
}

.cstm-all-admin button:focus {
  outline: inherit !important;
  box-shadow: inherit !important;
}

b.cstm-all-admin utton:hover {
  outline: inherit;
}

.cstm-all-admin input[type="radio"]:not(.PrivateSwitchBase-input) {
  width: 20px;
  height: 12px;
  margin: 0px;
  accent-color: #351bce;
  cursor: pointer;
  position: inherit;
  margin-right: 0px;
}

.edit-user-details-popup .modal-dialog .group-info-user.cstm-upload-box {
  height: auto;
}

.cstm-all-admin input[type="checkbox"]:not(.PrivateSwitchBase-input) {
  width: 18px;
  height: 18px;
  margin: 0px;
  accent-color: #351bce;
  cursor: pointer;
  position: inherit;
  margin-right: 5px;
}

.questions-accordian-edt-delete {
  position: absolute;
  top: 0;
  right: 39px;
  height: 48px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 6px;
}

.questions-accordian-edt-delete a {
  padding: 0px 8px;
}

.questions-accordian .card:hover .questions-accordian-edt-delete {
  display: flex;
}

.rfg-radio-yesno span.um-ck-ac {
  margin-left: 8px;
  cursor: pointer;
}

.rfg-radio-yesno .form-check-label {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  float: left;
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.questions-accordian {
  margin-bottom: 40px;
}

.questions-accordian .card {
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0px;
}

.questions-accordian-header a:before {
  font-family: "FontAwesome";
  font-size: 18px;
  margin-right: 12px;
}

.questions-accordian-header a.collapsed.card-link:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 18px;
  margin-right: 12px;
}

.questions-accordian-header a.card-link:before {
  content: "\f106";
}

.rfg-radio-yesno {
  padding: 0px 0px 14px 52px;
  display: flex;
  width: 100%;
}

.questions-accordian-header .card-link {
  display: block;
  font-weight: 700;
  line-height: 24px;
  color: #201e29;
  padding: 12px 20px 12px 58px;
}

.faq-drag-drop {
  position: absolute;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #7d8a9f;
  cursor: pointer;
}

.required-bx {
  border: 1px solid #d2d2d4;
  border-radius: 1px;
  padding: 20px 20px 0px 20px;
  margin-bottom: 18px;
}

.clt-checkbox {
  margin-bottom: 15px !important;
}

.clt-checkbox input.form-check-input {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  margin-right: 10px;
}

.clt-checkbox .form-check-input:focus {
  box-shadow: none;
}

.choose-layout-type-main-box-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 9px;
  align-items: center;
}

.admin-group-post-tab .cp-btn button {
  max-width: 100%;
  width: 100%;
}

.admin-group-post-tab {
  max-width: 840px;
  width: 100%;
}

.admin-group-post-tab .cp-btn {
  width: 20%;
}

.admin-group-post-tab .cp-btn.cstm-cp-dp {
  width: 12%;
}

.admin-group-post-tab .gi-group-posts-post {
  border: none;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post {
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
  border-radius: 0px;
}

.admin-group-post-tab .gi-group-posts-post .newsfeed-post .newsfeed-post-right {
  padding-left: 0px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-header {
  padding-right: 110px;
  padding-top: 23px;
  margin-bottom: 16px;
  padding-left: 90px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-header-icon {
  right: 24px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-text {
  padding: 0px 16px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-topik {
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.admin-edit-img-cstm-btn .edit-img-cstm-btn-left {
  gap: 10px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .comment-main-box-right-icon {
  margin-bottom: 0px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .comment-main-box:last-child {
  border-bottom: 0px;
}

.cstm-newsfeed-post .comment-main-box:last-child {
  border-bottom: 0px;
}

.admin-group-post-tab
  .gi-group-posts-post
  .newsfeed-post
  .newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px 0px;
  margin-top: 0;
}

span.clm-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.choose-layout-type-main {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  width: 100%;
}

.choose-layout-type-main-box {
  background: #d0e3f6;
  width: 100%;
  padding: 8px;
  margin-bottom: 20px;
}

.choose-layout-type-main-box-img img {
  width: 100%;
}

.cstm-all-admin .uic-sort-by-title {
  font-size: 14px;
  font-weight: 600;
}

.choose-layout-type-main-box-header input.form-check-input {
  height: 20px;
}

.green {
  color: #25a931;
}

.uic-select-sort-by {
  width: 140px !important;
  margin-left: 15px;
}

.uic-sort-by {
  position: relative;
  margin-bottom: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}

.cstm-all-admin .btn.btn-red {
  background: #ff4852 !important;
  border: 1px solid #ff4852 !important;
}

span.msg-content {
  color: #848fa4;
  margin-bottom: 30px;
}

.msg-popup h1 {
  margin-bottom: 25px;
  line-height: 32px;
}

.msg-icon {
  margin-bottom: 25px;
}

.msg-popup .close {
  right: 20px;
  top: 20px;
  position: absolute;
  color: #aeaeae;
  font-size: 35px;
  font-weight: 400;
}

.msg-popup .modal-content {
  text-align: center;
  padding: 40px;
}

.modal-content {
  border-radius: 0;
  border: 1px solid rgba(32, 30, 41, 0.1);
}

/* --- */
/* .modal-content.cropper-content {
  height: calc(100vh - 110px);
} */

.header-bk {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d5d5d5;
  justify-content: space-between;
  padding: 20px 15px;
  align-items: center;
  position: fixed;
  z-index: 10;
  background: #fff;
}

.header-bk .dropdown-menu a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.edit-img-cstm-btn-left {
  display: flex;
  gap: 10px;
}

.user-icon {
  height: 32px;
  width: 32px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 7px;
}

.header-bk-right-user {
  background: #f4f4f4;
  border-radius: 30px;
  padding: 5px;
}

.header-bk-right-user .dropdown-toggle {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.header-bk-right-user .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  margin-right: 8px;
  vertical-align: 1px;
  content: "";
  border-top: 6px solid;
  border-right: 5px solid transparent;
  font-weight: 100;
  border-left: 5px solid transparent;
}

.header-bk-right-user .dropdown-toggle:hover {
  color: #351bce;
}

.header-bk-right-user .dropdown-menu {
  margin-top: 15px;
  padding: 10px;
  min-width: 145px;
  cursor: pointer;
}

.sidebar-menu {
  background: #f3f5f7;
  width: 110px;
  position: fixed;
  border-right: 1px solid #d5d5d5;
  overflow: auto;
  height: calc(100vh - 56px);
}

.sidebar-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sidebar-menu ul li {
  display: flex;
  width: 100%;
  position: relative;
}

.sidebar-menu ul li a {
  padding: 16px 0px;
  width: 100%;
  text-align: center;
}

.sidebar-menu ul li a .admin-left-icons {
  fill: #091f48;
  opacity: 0.5;
  transition: 0.3s all;
}

.sidebar-menu ul li a span.admin-left-title {
  margin-top: 4px;
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600 !important;
  color: #7b899e;
  transition: 0.3s all;
  padding: 0px 8px;
}

.sidebar-menu ul li a:hover .admin-left-icons {
  opacity: 1;
  fill: #351bce;
}

.sidebar-menu ul li a:hover span.admin-left-title {
  opacity: 1;
  color: #351bce;
}

.sidebar-menu ul li a.menu-active {
  background: #351bce;
}

.sidebar-menu ul li a.menu-active .admin-left-icons {
  fill: #fff;
  opacity: 1;
}

.sidebar-menu ul li a.menu-active span.admin-left-title {
  color: #fff;
  opacity: 1;
}

.menu-active .partners-dot-hl {
  background: #fff;
}

.partners-dot-hl {
  background: #351bce;
  height: 6px;
  width: 6px;
  display: inline-block;
  margin: 0px 0px 6px 1px;
  border-radius: 50px;
  position: relative;
}

.menu-active .pending-req-dot-hl {
  background: red;
}

.pending-req-dot-hl {
  background: red;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin: 0px 0px 6px 1px;
  border-radius: 50px;
  position: relative;
}

.request-count {
  background: red;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 700;
  min-width: 21px;
  height: 21px;
  display: inline-block;
  line-height: 18px;
  font-family: "Inter", sans-serif;
  vertical-align: 2px;
  text-align: center;
  border: 1px solid white;
}

.content-main {
  margin-left: 110px;
  padding-top: 83px;
  height: calc(100vh - 56px);
  overflow: auto;
}

.users-info {
  display: block;
}

.users-info-content {
  padding-left: 300px;
}

.users-info-sidebar {
  width: 300px;
  background: #f6f6f6;
  position: fixed;
  overflow: auto;
  height: calc(100vh - 56px);
  top: 56px;
  border-right: 1px solid #e6e6e6;
}

.users-info-sidebar .card-header {
  padding: 0px;
  margin-bottom: 0 !important;
}

.users-info-sidebar .card {
  border-width: 0px;
  box-shadow: none;
}

.users-info-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 10px 16px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #848fa4;
  text-decoration: inherit;
}

.users-info-sidebar .card-header a {
  width: 100%;
  border: none;
  padding: 10px 16px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #848fa4;
  text-decoration: inherit;
  display: block;
}

.users-info-sidebar .card-header a:hover {
  background: #ebe8fa;
  text-decoration: inherit;
}

.users-info-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

.users-info-sidebar .card-header button:hover {
  background: #ebe8fa;
  text-decoration: inherit;
}

.cstm-ac-in-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-ac-in-menu ul li {
  border-bottom: 1px solid #d5d5d5;
}

.cstm-ac-in-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 14px 36px;
  width: 100%;
  display: inline-block;
}

.cstm-ac-in-menu ul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091f48;
}

.users-info-sidebar .card {
  border-radius: 0px;
}

.sd-active2 {
  color: #091f48 !important;
  font-weight: 600 !important;
  background: #fff !important;
}

.sd-active {
  color: #fff !important;
  background: #351bce !important;
}

.users-info-content-main {
  padding: 24px;
  background-color: #fff;
}

.uic-title {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.cstm-all-admin input:not(.MuiInputBase-input):focus,
.cstm-all-admin select:not(.MuiInputBase-input):focus,
.cstm-all-admin textarea:not(.MuiInputBase-input) {
  outline: none;
}

.cstm-all-admin [type="tel"]:not(.MuiInputBase-input),
.cstm-all-admin [type="text"]:not(.MuiInputBase-input),
.cstm-all-admin [type="email"]:not(.MuiInputBase-input),
.cstm-all-admin [type="password"]:not(.MuiInputBase-input),
.cstm-all-admin [type="number"]:not(.MuiInputBase-input),
.cstm-all-admin [type="date"]:not(.MuiInputBase-input),
.cstm-all-admin [type="datetime-local"]:not(.MuiInputBase-input),
.cstm-all-admin [type="file"]:not(.MuiInputBase-input),
.cstm-all-admin [type="time"]:not(.MuiInputBase-input),
.cstm-all-admin [type="url"]:not(.MuiInputBase-input) {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgb(32 30 41 / 70%);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
}

.cstm-all-admin [type="text"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="email"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="password"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="number"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="date"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="datetime-local"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="file"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin [type="time"]:not(.MuiInputBase-input)::placeholder,
.cstm-all-admin textarea:not(.MuiInputBase-input):placeholder {
  font-weight: 400;
  color: #606060;
}

.cstm-all-admin select {
  border-radius: 1px;
  background: transparent;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(32, 30, 41, 1);
  height: 48px;
  padding: 10px 38px 10px 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAICAYAAAAFiPQnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABYSURBVHjatNNLCgAgCATQOYI39ogdaVpU0E8J0gFXCg9EgRbBY0h+1wALAHUs7TMSjdKAtfdCUQ9ewMj1WvABZqA7fIBZ6AyX21VnoQOWrJepAAAA//8DALN3rQzrfaRDAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

.cstm-all-admin select:disabled {
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
}

.cstm-all-admin textarea:not(.MuiInputBase-input) {
  border-radius: 1px;
  background: #fff;
  border: 1px solid #d2d2d4;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  padding: 10px 20px;
  width: 100%;
  height: 120px;
  vertical-align: middle;
}

/* .cstm-all-admin textarea:focus {
  font-weight: 700;
} */

.cstm-all-admin .btn {
  background: #351bce;
  border: 1px solid #351bce;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  height: 48px;
  padding: 0px 40px;
  margin: 0px;
  box-shadow: none;
  width: auto;
}

.cstm-all-admin button.btn.admin-add-option-btn {
  width: 100%;
  background: #fff;
  border: 1px dashed #351bce;
  color: #351bce !important;
}

.cstm-all-admin button.btn.admin-add-option-btn:hover {
  background: #eaf5ff;
}

.cstm-all-admin .btn:hover {
  background: #201e29;
  border: 1px solid #201e29;
}

button.admin-add-op {
  position: absolute;
  top: 12px;
  right: 1px;
  height: 46px;
  width: 76px;
  border: navajowhite;
  background: #eaf5ff;
  color: #351bce;
  font-size: 14px;
  font-weight: 700;
}

button.admin-add-op:hover {
  background: #d7ecff;
}

.admin-added-select-options-inner {
  margin-bottom: 16px;
}

.cstm-all-admin .btn2 {
  background: #fff;
  border: 1px solid #091f48;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #091f48 !important;
  height: 48px;
  padding: 0px 40px;
  cursor: pointer;
}

.cstm-all-admin .btn2:hover {
  background: #201e29;
  border: 1px solid #201e29;
  color: #fff !important;
}

.cstm-all-admin .clt-checkbox .form-check-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  cursor: pointer;
}

.uic-fl-search {
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

.uic-fl-search i {
  position: absolute;
  right: 18px;
  top: 15px;
  color: #091f48;
  cursor: pointer;
  font-size: 18px;
}

.uic-fl-btn {
  display: inline-block;
  vertical-align: top;
}

.search-user-input {
  width: 305px !important;
  padding-right: 45px !important;
}

.uic-table {
  min-width: 1200px;
}

.uic-table-th {
  display: flex;
  justify-content: space-between;
}

.uic-table-td {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d2d2d4;
  font-size: 14px;
}

.uic-table-th {
  display: flex;
  background: #f3f5f7;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: rgba(9, 31, 72, 1);
}

.uic-table-th .uic-th-td {
  padding: 12px;
  padding-right: 30px;
}

.uic-table-td .uic-th-td {
  color: #201e29;
  padding: 12px;
  /* word-break: break-all; */
  word-break: break-word;
  font-size: 14px;
}

/* empty cell spacing */
.uic-table-td .uic-th-td:empty {
  height: 45px;
}

.css-rqglhn-MuiTable-root tr.uic-th-td {
  border-right: none;
}

.uic-table-main {
  margin-bottom: 20px;
  border: 1px solid #d2d2d4;
  box-sizing: border-box;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* overflow: inherit !important;
     */
  border-bottom: none;
}

.uic-table-icon a {
  margin-right: 10px !important;
}

.uic-th-td {
  border-right: 1px solid #d2d2d4;
}

.uic-th-td:last-child {
  border-right: none;
}

.uic-tb-mn {
  box-shadow: inherit !important;
}

.uic-table-th th {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.uic-table thead th {
  background: #f3f5f7;
}

.min-w-auto {
  min-width: auto;
}

.w-1 {
  width: 1%;
}

.w-2 {
  width: 2%;
}

.w-3 {
  width: 3%;
}

.w-4 {
  width: 4%;
}

.w-5 {
  width: 5%;
}

.w-6 {
  width: 6%;
}

.w-7 {
  width: 7%;
}

.w-8 {
  width: 8%;
}

.w-9 {
  width: 9%;
}

.w-10 {
  width: 10%;
}

.w-11 {
  width: 11%;
}

.w-12 {
  width: 12%;
}

.w-13 {
  width: 13%;
}

.w-14 {
  width: 14%;
}

.w-15 {
  width: 15%;
}

.w-16 {
  width: 16%;
}

.w-17 {
  width: 17%;
}

.w-18 {
  width: 18%;
}

.w-19 {
  width: 19%;
}

.w-20 {
  width: 20%;
}

.w-21 {
  width: 21%;
}

.w-22 {
  width: 22%;
}

.w-23 {
  width: 23%;
}

.w-24 {
  width: 24%;
}

.w-25 {
  width: 25%;
}

.w-26 {
  width: 26%;
}

.w-27 {
  width: 27%;
}

.w-28 {
  width: 28%;
}

.w-29 {
  width: 29%;
}

.w-30 {
  width: 30%;
}

.w-31 {
  width: 31%;
}

.w-32 {
  width: 32%;
}

.w-32 {
  width: 32%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-35 {
  width: 35%;
}

.w-36 {
  width: 36%;
}

.w-38 {
  width: 38%;
}

.w-39 {
  width: 39%;
}

.w-40 {
  width: 40%;
}

.w-41 {
  width: 41%;
}

.w-42 {
  width: 42%;
}

.w-43 {
  width: 43%;
}

.w-44 {
  width: 44%;
}

.w-45 {
  width: 45%;
}

.w-46 {
  width: 46%;
}

.w-47 {
  width: 47%;
}

.w-48 {
  width: 48%;
}

.w-49 {
  width: 49%;
}

.w-50 {
  width: 50%;
}

.edit-user-details-popup {
  padding-right: 0px !important;
}

.edit-user-details-popup .modal-dialog {
  height: 100vh;
  background: #fff;
  margin: 0px;
  max-width: 700px;
  margin-left: auto;
}

.edit-user-details-popup .modal-content {
  border: 0px;
}

.edit-user-details-popup .modal-body {
  flex-grow: 1;
  padding: 24px 24px 0px 24px;
  background: #fff;
  overflow: auto;
  height: calc(100vh - 134px);
  min-height: calc(100vh - 142px);
  /* min-height: 500px; */
}

.edit-user-details-header {
  border-bottom: 1px solid #d2d2d4;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.edit-main-user-details-popup .edit-user-details-header {
  justify-content: end;
}

.close {
  line-height: 20px;
  color: #aeaeae;
  opacity: 1;
  font-size: 30px;
  font-weight: 400;
}

button.close {
  background-color: transparent;
  border: 0;
}

.close:hover {
  color: #351bce !important;
  opacity: 1 !important;
}

.edit-user-details-footer {
  background: #fff;
  padding-bottom: 16px;
  padding-top: 16px;
}

.edit-user-details-popup.edit-main-user-details-popup
  .edit-user-details-footer
  button {
  margin-left: 24px;
}

.form-group-label {
  color: #091f48;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-left: 20px;
  position: relative;
  margin-bottom: -9px;
  background: #fff;
  display: table-caption;
  padding: 0px 8px;
  width: max-content;
  z-index: 3;
}

.cstm-all-add {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 165px);
  max-width: 450px;
  margin: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cstm-all-add-icon {
  margin-bottom: 24px;
}

.cstm-all-add h1 {
  margin-bottom: 16px;
}

.cstm-all-add p {
  margin-bottom: 32px;
  color: #848fa4;
}

.um-fm-tl i {
  color: #979797;
}

.cstm-edit-delete {
  position: relative;
}

.cstm-edit-delete-main {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 46px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 0px;
}

.cstm-edit-delete-main.cstm-edit-delete-label {
  position: absolute;
  top: -9px;
  right: -6px;
  width: 46px;
  height: 46px;
  background: #e8f1fb;
  display: none;
  align-items: center;
  padding: 0px 0px;
}

.cstm-edit-delete:hover .cstm-edit-delete-main {
  display: flex;
}

.cstm-edit-delete-main a {
  margin: 0px 7px;
  width: 100%;
  text-align: center;
}

.cstm-edit-delete input {
  padding-right: 100px;
}

.cstm-aad-field {
  margin-top: 20px;
}

.cstm-aad-field a {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #351bce;
  padding: 15px;
}

.cstm-aad-field a:hover {
  color: #201e29;
  border: 1px dashed #201e29;
}

.cstm-update-form-btn {
  text-align: right;
  margin-top: 50px;
}

.cstm-all-admin {
  background: #fff;
}

.MuiTablePagination-actions button {
  border-radius: 0px;
}

p.MuiTablePagination-displayedRows.css-1chpzqh {
  margin: 0px;
}

.css-levciy-MuiTablePagination-displayedRows {
  margin: 0px;
}

.css-zylse7-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
  border: 1px solid #e1e1e1;
  border-radius: 0px;
  margin-left: 10px;
}

.form-group-ck-mn {
  border: 1px solid #d2d2d4;
  padding: 20px 20px 2px 20px;
  display: flex;
  flex-wrap: wrap;
}

.form-group-ck {
  width: 33%;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  cursor: pointer;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.form-group-ck input {
  margin-right: 8px !important;
}

.questions-box-incont {
  padding: 10px 20px 15px;
  display: flex;
}

.questions-box-incont .form-check-label {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
  float: left;
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.qsn-lbl {
  /* margin-left: 8px; */
  cursor: pointer;
}

.cover-image-upload-ttl img {
  margin-right: 8px;
  width: 24px;
}

.cover-image-upload {
  margin-top: -15px;
  margin-bottom: 35px;
}

.cover-image-upload-size {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
}

.cover-image-upload-ttl {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.upload-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.upload-image-wrapper .cover-image-upload-ttl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.cover-image-upload {
  margin-top: -15px;
}

.cover-image-upload-img {
  margin-bottom: 20px;
}

.group-listing-menu {
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 24px;
}

.nav.group-listing-menu li {
  position: relative;
}

.nav.group-listing-menu li a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 6px 15px;
  display: inline-block;
}

.nav.group-listing-menu li a.active {
  color: #351bce;
}

.nav.group-listing-menu li a.active:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #351bce;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.gl-title-sub {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 24px;
}

.group-mem-pos-in {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  padding: 16px;
}

.group-mem-pos-in-img {
  margin-bottom: 16px;
}

.group-mem-pos-in-cont {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  color: #091f48;
  margin-bottom: 8px;
}

.group-mem-pos-in-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
}

hr.gi-line {
  margin: 32px 0px;
  border-color: #d5d5d5;
}

.group-update-user-photo {
  height: 64px;
  width: 64px;
  object-fit: cover;
  border-radius: 50px;
}

.group-update-user-other {
  border: 1px solid #fff;
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 25px;
  width: 25px;
  object-fit: cover;
  border-radius: 50px;
  box-shadow: 0px 0px 3px #00000096;
}

.group-update-main-in {
  min-height: 64px;
  margin-bottom: 16px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.group-update-main-in-img {
  position: absolute;
}

.group-update-main-in-cont {
  padding-left: 80px;
  padding-right: 60px;
  display: flex;
  flex-direction: column;
}

.group-update-dtl {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin-bottom: 4px;
}

.group-update-main-in-new {
  background: #ffcc00;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 3px 8px;
}

.group-update-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351bce;
}

.gi-group-posts-edit {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  margin-bottom: 24px;
}

.gi-group-posts-edit .what-is-happening-main {
  margin-bottom: 10px;
}

.gi-group-posts-post {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  margin-bottom: 24px;
}

.gi-btn-save {
  margin-top: 20px;
}

.gi-btn-save button {
  vertical-align: middle;
}

.group-info-user {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  /* height: 100%; */
  /* TODO: Effecting height in all create & edit thumbnails image's page*/
}

.group-info-user-img.cstm-group-info-user-img img {
  width: 64px;
  height: 64px;
  border-radius: 50px;
  object-fit: cover;
}

.group-info-user-img img {
  height: 63px;
  width: 63px;
  object-fit: cover;
}

.group-info-user-img.cstm-group-img img {
  width: 50px;
  height: 50px;
}

.group-info-user-img {
  margin-right: 12px;
}

.group-info-user-link button {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-decoration-line: underline !important;
  color: #091f48;
  border: none;
  background: transparent;
  padding: 0px;
  cursor: pointer;
}

.group-info-user-link button:hover {
  color: #351bce;
}

.group-info-user-link {
  margin-right: 24px;
}

.group-info-detials {
  margin-bottom: 28px;
}

.group-info-detials-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
}

.group-info-detials-cont {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}

.group-info-detials-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
  margin-bottom: 6px;
}

.uic-fl-cstm {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  margin-bottom: 20px;
}

.cstm-video-drop.show {
  left: -127px !important;
}

.cstm-video-drop a span:hover {
  color: var(--yellow);
}

.icon-box.icon-box2 {
  margin-top: 20px;
}

.icon-1 {
  padding-right: 19px;
}

.video-edit-box {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  width: 153px;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  top: 0px;
  left: 0px;
  transform: translate3d(130px, 61px, 0px);
}

.video-edit-box {
  font-size: 12px;
}

.video-edit-box img {
  padding-right: 5px;
}

.videodottedimg {
  position: absolute;
  right: 30px;
  top: 18px;
  background-color: #fff;
  padding: 3px 4px;
}

.admin-content-video {
  position: relative;
}

.admin-content-video .cstm-videoPlayericons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}

.admin-content-video:hover {
  cursor: pointer;
}

.admin-content-video:hover .cstm-videoPlayericons {
  opacity: 1;
  visibility: visible;
}

.gallery-main {
  margin-bottom: 28px;
}

.videotime p {
  position: absolute;
  background: #000;
  color: #fff;
  right: 34px;
  top: 152px;
  padding: 0 6px;
  font-size: 10px;
}

.uic-fl-link {
  align-self: center;
}

.edit-link,
.restorevideolink {
  padding-right: 25px;
  text-decoration: underline;
  color: #091f48 !important;
  font-size: 16px;
  font-weight: 700;
}

.delete-link,
.deletevideolink {
  text-decoration: underline;
  color: #ff4852 !important;
  font-size: 16px;
  font-weight: 700;
}

.edit-link:hover,
.restorevideolink:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

.delete-link:hover,
.deletevideolink:hover {
  color: #ff4852;
  text-decoration: underline !important;
}

.deletevideolink {
  margin-right: 20px;
}

.uic-title h3 {
  color: #091f48;
  font-size: 16px;
  cursor: pointer;
}

.videodetail img {
  width: 100%;
}

.videodetail {
  margin-bottom: 24px;
}

.video-content h4 {
  color: #091f48;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 12px;
}

.video-content p {
  color: rgba(32, 30, 41, 0.7);
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 28px;
}

.musicvideobtn button,
.mixedvideobtn button {
  padding: 3px 16px;
  font-size: 14px;
  background-color: #f4f3f4;
  border: 1px solid #dedede;
  border-radius: 40px;
  color: #091f48;
  font-weight: 600;
  margin-right: 8px;
}

.like-btn button {
  background-color: #351bce;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
}

.like-btn button:hover {
  background: #201e29;
}

.like-btn button:before {
  background-image: url("../../images/white-like.png");
  content: "";
  position: relative;
  width: 18px;
  height: 16px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 5px;
}

.mark-btn button {
  background-color: #f4f4f4;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #201e29;
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
  font-weight: 700;
}

.mark-btn button:hover {
  background: #201e29;
  color: #fff;
}

.mark-btn button:before {
  background-image: url("../../images/mark-view-btn.png");
  content: "";
  position: relative;
  width: 18px;
  height: 15px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: -3px;
  margin-right: 5px;
}

.mark-btn button:hover:before {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.icon-align {
  padding-right: 6px;
}

.border-bottom {
  border-bottom: 1px solid #201e29;
  margin: 16px 0;
}

.patnerdetails h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #091f48;
}

.cbs-support {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 8px;
  height: 100%;
  position: relative;
}

.cbs-support img {
  padding: 7px;
}

.cbs-support h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #091f48;
  margin-bottom: 0;
  padding-left: 7px;
}

.read-more {
  color: #091f48;
  font-weight: 700;
}

.plan-reso-bd-custm {
  margin-bottom: 24px;
}

.form-group-label-cstm {
  color: rgba(32, 30, 41, 1);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-left: 56px;
  position: relative;
  margin-bottom: -8px;
  background: #fff;
  display: table-caption;
  padding: 0px 18px;
  width: max-content;
  z-index: 1;
  top: 30px;
}

.delete-video-content {
  color: #351bce;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.from-group-cstm {
  margin-bottom: 35px !important;
}

.page-not-found {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MuiTablePagination-selectLabel {
  margin-bottom: 0;
}

.card.dragging {
  cursor: move;
}

.card-link.dropArea {
  color: white !important;
  background-color: white !important;
  position: relative;
}

.movableicon {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 48px;
  background: #e8f1fb;
  display: block;
  align-items: center;
  padding: 8px 10px;
}

.movableicon i {
  font-size: 19px;
  line-height: 32px;
}

.question-footer-aa {
  padding: 16px 24px;
}

hr {
  opacity: 1;
}

.modal-content.modal-content-cstm,
.modal-content.modal-content-cstm3 {
  padding: 30px;
}

button.btn.cstm-updatebutton,
button.btn.cstm-updatebutton3 {
  margin-left: 30px;
  margin-right: 10px;
}

.loader-button1 button {
  background: #351bce;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

span.loader-btn img {
  width: 30px;
}

.loader-button1 {
  position: relative;
  display: inline;
}

.loader-button1 span.loader-btn {
  position: absolute;
  left: 0;
  z-index: 2;
  background: #ffffffd6;
  width: 163px;
  text-align: center;
  line-height: 50px;
}

.video-detail-main {
  display: flex;
  justify-content: space-between;
}

.cstm-comment-share-btn .videodetailicon {
  margin-left: 9px;
}

label.plan-reso-bd-title span {
  margin-left: 6px;
}

.dropdown-menu.cstm-droupdown.show a {
  clear: both;
}

.dropdown-menu.cstm-droupdown.show img {
  float: right;
  margin-top: 4px;
}

.btn-partner {
  background: transparent;
  border: none;
  cursor: pointer;
}

.cstm-video-mn-in .video-js {
  width: 100%;
}

.cstm-video-mn-in button.vjs-big-play-button {
  display: none;
}

.cstm-video-upload {
  margin-right: 20px;
}

.w-fit {
  width: fit-content !important;
}

.channel-img-container {
  /* width: 161px !important; */
}

.cstm-video-upload-img {
  width: 270px;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-video-upload-img.square {
  aspect-ratio: 1/1;
}

.aspect-ratio-unset {
  aspect-ratio: unset !important;
}

.cstm-video-upload-video {
  width: 250px;
}

.cstm-video-upload-video video {
  width: 100%;
}

.cstm-add-video-title-sub {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 10px;
}

.fvideo-description-edit-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #091f48;
  margin-bottom: 12px;
}

.video-description-edit-box {
  border: 1px solid #dbdbdb;
  border-radius: 1px;
}

.cstm-add-video-title-sub2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  margin-bottom: 15px;
}

.cstm-av-line {
  border-color: #d2d2d4 !important;
}

.cstm-av-line {
  border-color: #d2d2d4 !important;
  margin-bottom: 30px;
}

.cstm-add-video-tabs {
  margin-bottom: 30px;
  border-bottom: 1px solid lightgrey;
  display: flex;
}

.cstm-add-video-tabs ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #848fa4;
  padding: 0px 25px 10px;
  display: inline-block;
  position: relative;
}

.cstm-add-video-tabs ul li a:hover {
  color: #351bce;
}

.cstm-add-video-tabs ul li a.active {
  color: #351bce;
}

.cstm-add-video-tabs ul li a.active:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #351bce;
}

.cstm-relevant-partners-upload {
  margin-bottom: 20px;
  padding-top: 3px;
  display: flex;
  align-items: center;
}

.cstm-relevant-partners-upload-in {
  background: #ffffff;
  border: 1px dashed #351bce;
  border-radius: 1px;
  margin-right: 18px;
  padding: 15px 17px;
}

.cstm-relevant-partners-upload-in img {
  width: 63px;
}

.cstm-partner-main {
  padding-right: 130px;
  position: relative;
}

.cstm-partner-btn {
  position: absolute;
  right: 0;
  top: 10px;
}

.video-description-edit-box .editorClassName.rdw-editor-main {
  padding: 0px 10px;
  height: 20vh;
}

.add-btn-align {
  align-self: center;
  margin-top: 10px;
}

.cstm-clif-notes {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: 1px solid #2297ff;
  padding: 10px 16px;
  margin-top: 10px;
  background: #e7f1fa;
}

.cstm-clif-notes-inner {
  flex-grow: 1;
}

.cstm-clif-notes-inner p {
  margin-bottom: 0;
  color: #091f48;
}

.cstm-group-info-user {
  margin-top: 1rem;
}

.cstm-col-cbs-support {
  margin-bottom: 18px;
}

.btn-partner-main {
  display: inline-flex;
  width: 100%;
  justify-content: end;
  position: absolute;
}

.group-info-user.cstm-group-info {
  margin: 0;
}

.cstm-add-field {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cstm-add-field .error-msg {
  margin-bottom: 0;
  font-size: 14px;
  padding: 4px 15px;
  color: #ed143d;
}

.add-cstm-field-main-sec .cstm-add-field {
  flex-grow: 1;
  overflow: hidden;
}

.cstm-edit-delete-field {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: calc(100vh - 134px);
  min-height: 500px;
  padding: 16px 0px;
  overflow-x: hidden;
}

.add-cstm-field-main-sec .cstm-edit-delete-field {
  height: 100%;
}

.add-cstm-field-main-sec .edit-di-gbns {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
  padding: 0px 16px !important;
}

.add-cstm-field-main-sec .cstm-right-panel {
  overflow: auto;
  height: 100%;
  padding-top: 20px;
  border-top: 1px solid #d2d2d4;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar {
  width: 0px;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #f3f5f7;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 0px;
}

.add-cstm-field-main-sec .cstm-right-panel::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

.cstm-model-content {
  height: 100%;
}

.edit-user-details-footer button.btn,
.cstm-update-cancle-btn button.btn {
  margin-right: 10px;
}

.edit-user-details-footer.cstm-add-button {
  /* margin-left: 24px; */
  padding-left: 24px;
}

.modal-content.edit-user-model-content {
  box-shadow: inherit;
  height: 100%;
}

.cstm-update-cancle-btn {
  padding: 20px 0 18px 20px;
  background: #fff;
  box-shadow: 1px -4px 5px #ededed;
}

.cstm-right-panel {
  overflow: auto;
  height: calc(100vh - 170px);
}

button.btn.cncle-btn {
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #091f48 !important;
  transition: 0.3s all;
}

.form-group-ct.cstm-edit-delete-added-info {
  position: absolute;
  top: 11px;
  width: auto;
  border: none;
  left: 16px;
  pointer-events: none;
}

.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="text"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="email"],
.cstm-all-admin
  .form-group-ct.cstm-edit-delete-added-info
  input[type="password"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="number"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="date"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="file"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="time"],
.cstm-all-admin .form-group-ct.cstm-edit-delete-added-info input[type="url"] {
  border-radius: 0px;
  background: transparent;
  border: none;
  font-style: normal;
}

button.btn.cncle-btn:hover {
  color: #fff !important;
  background: rgba(32, 30, 41, 0.3);
  border: 1px solid rgba(32, 30, 41, 0.3);
}

.form-group-label.cstm-label-here {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  margin-left: 10px;
}

.group-listing-main {
  margin-top: 20px;
}

.plan-resources {
  height: 36vh;
  overflow-y: scroll;
  overflow-x: hidden;
  border-bottom: 1px solid #c1c1c1;
}

.plan-resources::-webkit-scrollbar,
.video-description-edit-box .editorClassName.rdw-editor-main::-webkit-scrollbar,
.sidebar-menu::-webkit-scrollbar,
.cstm-right-panel::-webkit-scrollbar,
.uic-table-main::-webkit-scrollbar,
.edit-user-details-popup .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}

.plan-resources::-webkit-scrollbar-track,
.video-description-edit-box
  .editorClassName.rdw-editor-main::-webkit-scrollbar-track,
.sidebar-menu::-webkit-scrollbar-track,
.cstm-right-panel::-webkit-scrollbar-track,
.uic-table-main::-webkit-scrollbar-track,
.edit-user-details-popup .modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}

.plan-resources::-webkit-scrollbar-thumb,
.video-description-edit-box
  .editorClassName.rdw-editor-main::-webkit-scrollbar-thumb,
.sidebar-menu::-webkit-scrollbar-thumb,
.cstm-right-panel::-webkit-scrollbar-thumb,
.uic-table-main::-webkit-scrollbar-thumb,
.edit-user-details-popup .modal-body::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}

.plan-resources::-webkit-scrollbar-thumb:hover,
.video-description-edit-box
  .editorClassName.rdw-editor-main::-webkit-scrollbar-thumb:hover,
.sidebar-menu::-webkit-scrollbar-thumb:hover,
.cstm-right-panel::-webkit-scrollbar-thumb:hover,
.uic-table-main::-webkit-scrollbar-thumb:hover,
.edit-user-details-popup .modal-body::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}

/* .public-DraftStyleDefault-block {
     margin: 0 !important;
} */
.plan-resources-checkbox {
  display: flex;
  justify-content: end;
  gap: 26px;
}

.cstm-plan-reso-bd-title {
  padding-right: 20px;
}

.plan-resourses-header h1 {
  margin-bottom: 18px;
  margin-top: 20px;
}

.error.cstm-error44 {
  margin-top: -27px;
}

span.error.cstm-error1 {
  margin: 0px 0;
}

span.error.cstm-error2 {
  margin: -78px 0;
}

span.error.cstm-error3 {
  margin: -14px 0;
}

.plan-resources-main-head.cstm-plan-resourse {
  margin-bottom: 0;
}

.cyp-btm-btn.cstm-edit-plan {
  margin-top: 0;
}

.modal-dialog .modal-content {
  box-shadow: none;
}

.form-group-ct.cstm-value-input {
  padding: 0 20px;
}

.group-info-user.ctsm-fram-img img {
  width: 50px;
  height: 50px;
}

.cstm-group-info-user-img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  border: 1px dashed #351bce;
  padding: 4px;
}

.group-info-user.ctsm-fram-img .cstm-group-info-user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-group-ct.cstm-edit-delete {
  padding-bottom: 0;
}

.what-post-right-input.cstm-post-input input {
  width: 100% !important;
  border: 0 !important;
  cursor: pointer;
}

.form-group-ctst {
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.form-group-ct {
  padding-bottom: 4px;
}

.error.cstm-error4 {
  margin-top: -2px;
}

.error-video {
  margin-top: -18px;
}

span.error.error-video {
  margin-top: -20px;
}

.plan-resources-main.cstm-plan-resourse-main {
  margin-top: 35px;
}

.profile-detilas-all-nav.cstm-profile-details-all-nav {
  padding: 0 0 20px 0;
}

.profiledt-menu li .cstm-profile-link {
  border-radius: 0;
  border-right: 1px solid #d2d2d4;
}

ul.nav.profiledt-menu.cstm-tab-add-video {
  border-bottom: 1px solid #d2d2d4;
}

.edit-user-details-footer.cstm-create-button {
  padding-left: 24px;
}

.cover-image-dpdn.cstm-group-cover-img img {
  width: 200px;
  height: 200px;
}

.cstm-videodes ul {
  padding-left: 18px;
}

.cstm-vd-cnt {
  display: flex;
  justify-content: space-between;
}

.cstm-vd-cnt-left ul {
  padding-left: 18px;
}

button.cstm-vd-box-close {
  background: #fff;
  position: absolute;
  right: -10px;
  top: -10px;
  border: 1px solid #cdcdcd;
  border-radius: 50px;
  line-height: 21px;
  font-size: 13px;
}

.cstm-vd-box-in {
  display: table;
  width: 100%;
}

.message-modal-addtional-div {
  margin-bottom: 13px;
  font-size: 18px;
  color: #000;
}

.cstm-are-you {
  max-width: 440px !important;
  padding: 35px 35px !important;
  position: relative;
  border-radius: 0px;
}

p.save-draft-text {
  font-size: 16px;
}

.btn-text-draft .btn,
.btn-text-draft .btn2 {
  padding-left: 15px;
  padding-right: 15px;
}

.um-right-in input {
  border-radius: 8px;
  border: 1px solid rgba(13, 13, 13, 0.3);
  display: flex;
  padding: 8px 12px;
  width: 100%;
  color: #060d14;
  text-overflow: ellipsis;
  font: var(--body-medium);
  box-sizing: border-box;
  background-color: var(--bg-screen-strong);
}

.admin-table-short-desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #201e29;
}

a.cstm-view-doc-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #201e29;
}

a.cstm-view-doc-title:hover {
  text-decoration: underline;
}

.admin-doc-icon-list {
  display: flex;
  gap: 10px;
  align-items: center;
}

.document-status-select {
  display: flex;
  align-content: center;
  align-items: center;
}

@media screen and (max-width: 1600px) {
  .group-listing-tabs .tab-pane .uic-fl {
    margin-top: 90px;
  }

  .uic-title-rt-only {
    margin-top: -70px;
  }
}

@media screen and (max-width: 1420px) {
  .nav.group-listing-menu li a {
    font-size: 13px;
    padding: 6px 8px;
  }
}

/* date range picker */
.cstm-date-range-group
  .react-datepicker-wrapper
  .react-datepicker__input-container
  input {
  padding: 6px 10px 5px 25px !important;
  text-align: center;
}

.cstm-date-range-group
  .react-datepicker-wrapper
  .react-datepicker__input-container
  .react-datepicker__calendar-icon {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.cstm-date-range-group .react-datepicker-wrapper {
  width: 130px !important;
}

/* Modal body css */
.ctsm-modal-body {
  padding: 24px;
  width: 100%;
  height: 100%;
  overflow: auto;
}

button .btn-loader-img-cover {
  width: 60px;
  height: 20px;
  object-fit: cover;
}

.text-box-wrapper {
  background-color: #e2edfd;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  font: var(--body-small-bold);
  max-width: 230px;
  width: 100%;
}

.error-rule {
  position: relative !important;
  display: block;
}

/* Recuring CSS */
.cstm-radio-btn input {
  display: none;
}

.cstm-radio-btn label {
  width: 40px;
  height: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  margin-right: 15px;
  transition: all 0.5s ease;
}

.cstm-radio-btn input:checked + label {
  background-color: #351bce !important;
  border-color: #351bce;
  color: #fff;
}

.cstm-ending-wrapper .enddate-col {
  display: flex;
  margin-right: 30px;
  width: 23%;
}

.cstm-ending-wrapper .afterdate-event-col .subcat-addvideo,
.cstm-ending-wrapper .enddate-col .subcat-addvideo {
  margin-bottom: 0;
  margin-right: 15px;
}

.cstm-ending-wrapper .enddate-col .form-group {
  width: 100%;
  margin-bottom: 0;
}

.cstm-ending-wrapper .afterdate-event-col {
  display: flex;
  margin-right: 30px;
  align-items: center;
}

.upload-ticket-image {
  margin-bottom: 20px;
}

/* TextAreaComponent CSS */
.editable-textArea {
  min-height: 150px !important;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 1px;
  font-size: 16px;
  line-height: 1.5;
  overflow-y: auto;
  margin-bottom: 15px;
  outline: none;
  overflow: hidden;
}

.upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Toast CSS */
.toast-wrapper {
  position: fixed;
  z-index: 999;
}

.toast-wrapper.top {
  top: 20px;
}

.toast-wrapper.right {
  right: 20px;
}

.toast-wrapper.left {
  left: 20px;
}

.toast-wrapper.bottom {
  bottom: 20px;
}

/* Table CSS */

.table-action-btns {
  display: flex;
  width: max-content;
}

/* table thead th {
    white-space: nowrap;
    padding-right: 30px !important;
}
table .uic-th-td:last-child .uic-table-icon div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

table .uic-th-td:last-child .uic-table-icon div a {
    flex-shrink: 0;
}



table .uic-th-td:last-child .uic-table-icon div a:last-child {margin-right: 0 !important;} */
/* TextAreaComponent CSS */
.editable-textArea {
  min-height: 150px !important;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 1px;
  font-size: 16px;
  line-height: 1.5;
  overflow-y: auto;
  margin-bottom: 15px;
  outline: none;
  overflow: hidden;
}

.upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-modal-xl .modal-content,
.cstm-modal-xl .modal-dialog {
  max-width: 900px;
}

.button-stepper .button.medium.icon-only {
  padding: var(--spacing-8);
}

.button-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 112px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-stepper p {
  font: var(--body-x-large-bold);
  color: var(--color-text-static-darkgray);
}

.edit-stepper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.edit-stepper .button-stepper {
  position: relative;
  bottom: 0;
  right: 0;
  width: fit-content;
  gap: 10px;
}

.edit-stepper .error-extra-seats {
  width: 100%;
  display: block;
}

.cstm-modal-xl .modal-content,
.cstm-modal-xl .modal-dialog {
  max-width: 900px;
}

.button-stepper .button.medium.icon-only {
  padding: var(--spacing-8);
}

.button-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 112px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-stepper p {
  font: var(--body-x-large-bold);
  color: var(--color-text-static-darkgray);
}

.edit-stepper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.edit-stepper .button-stepper {
  position: relative;
  bottom: 0;
  right: 0;
  width: fit-content;
  gap: 10px;
}

.edit-stepper .error-extra-seats {
  width: 100%;
  display: block;
}

.fileUpload {
  background: #351bce;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 1px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  margin: 1.25em auto;
  overflow: hidden;
  padding: 0.875em;
  position: relative;
  text-align: center;
  width: 156px;
  cursor: pointer;
}

.fileUpload:hover,
.fileUpload:active,
.fileUpload:focus {
  background: #292929;
  cursor: pointer;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 148px;
  height: 46px;
  cursor: pointer;
}

input[type="file"]:not(.MuiInput-input) {
  position: fixed;
  right: 100%;
  bottom: 100%;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.users-info-content-main .desk-globle-model-box-inner {
  max-width: 700px;
  border-radius: 0;
}

.users-info-content-main .desk-globle-model-box-inner .MuiTableContainer-root {
  min-height: 488px;
}

.sold-ticket-modal .desk-globle-model-box-inner {
  max-width: 950px;
}

.partner-logo img:not(.thumb-img),
.partner-logo {
  min-height: 102px;
}

.partner-thumb img:not(.thumb-img),
.partner-thumb {
  min-height: 120px;
  width: 222px;
}

.partner-banner {
  min-height: 44px;
  width: 222px;
}

.partner-mobile-banner img:not(.thumb-img),
.partner-mobile-banner {
  min-height: 53px;
  width: 222px;
}

.partner-mobile-banner img.image-empty-thumb,
.partner-banner img.image-empty-thumb {
  width: 30px;
  height: auto;
}

/* Error message */
.uploadthunmb-box {
  flex-wrap: wrap;
}

.uploadthunmb-box .error {
  width: 100%;
  position: relative;
  margin: 8px 0 0;
}

/* cropper bd */
.checksboxes-visible.cropper-bd .desk-globle-model-box-inner {
  width: auto !important;
  max-width: 1024px !important;
  /* padding: 0 40px; */
}

.cropper-bd .modal-content {
  border: none;
}

.cropper-bd .cropper-content .crop-media-body {
  padding: 20px;
  background-color: #454545;
}

.cropper-bd .modal-content.cropper-content {
  max-height: calc(100vh - 110px) !important;
  height: auto !important;
}

.cropper-bd .ReactCrop__child-wrapper img {
  max-height: calc(100vh - 300px) !important;
  height: auto;
  /* width: fit-content;
  width: -webkit-fit-content; */
}

/* .select-input-box .MuiTextField-root .MuiFilledInput-root {
  border: 1px solid var(--color-border-neutral-strong);
  padding: var(--spacing-4) var(--spacing-4);
  border-radius: var(--radius-8);
  background-color: transparent;
  min-height: 128px;
  max-height: 540px;
  overflow: auto;
  align-items: flex-start;
  align-content: flex-start;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar {
  width: 14px;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar-thumb {
  background: rgba(4, 21, 39, 0.3);
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid var(--color-border-inverse-screen);
  min-height: 64px;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root input {
  font: var(--body-small);
  flex-shrink: 0;
  min-width: 6%;
  align-self: center;
}

.select-input-box .MuiTextField-root .MuiFilledInput-root::after,
.select-input-box .MuiTextField-root .MuiFilledInput-root::before {
  display: none;
} */

.child-ele-style-inherit > * {
  font: inherit;
  color: inherit;
}

.danger-text {
  color: var(--color-text-danger-strong) !important;
}

.react-slick-wrapper {
  position: relative;
  margin: 0 -8px;
}

.react-slick-wrapper .arrow {
  position: relative;
}

.choose-your-membership-slider .react-slick-wrapper {
  margin: 0;
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-list {
  margin: 0 calc(var(--spacing-6) * -1);
  /* padding: var(--spacing-24) 0; */
  width: 100%;
}

.choose-your-membership-slider .react-slick-wrapper .slick-slider .slick-slide {
  padding: var(--spacing-24) 10px;
}

/* Tiers gallery Swiper slider */
.choose-your-membership-slider .swiper-slider-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}

.choose-your-membership-slider
  .swiper-slider-wrapper
  .swiper.center-slider
  .swiper-wrapper {
  justify-content: center;
}

.choose-your-membership-slider .swiper-slider-wrapper .swiper {
  padding: var(--spacing-24) 0px;
  width: 100%;
}

.choose-your-membership-slider
  .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: none;
  padding: var(--spacing-16);
  position: relative;
  top: unset;
  bottom: unset;
}

.choose-your-membership-slider
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #0d0d0d;
  opacity: 0.3;
  margin: 0;
}

.choose-your-membership-slider
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

@media screen and (max-width: 1199px) {
  .choose-your-membership-slider .swiper-slider-wrapper {
    padding: 0 var(--spacing-24);
  }

  .choose-your-membership-slider
    .swiper-slider-wrapper
    .swiper.center-slider
    .swiper-wrapper {
    justify-content: unset;
  }

  .choose-your-membership-slider
    .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-8);
  }

  .choose-your-membership-slider .react-slick-wrapper {
    padding: 0 var(--spacing-24);
  }

  .choose-your-membership-slider
    .react-slick-wrapper
    .slick-slider
    .slick-slide {
    padding: var(--spacing-24) 10px;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8);
    padding: var(--spacing-16) 0;
    bottom: -35px;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots li button {
    width: auto;
    height: auto;
    padding: 0;
  }

  .choose-your-membership-slider
    .react-slick-wrapper
    .slick-dots
    li
    button:before {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 8.1px;
    line-height: 8px;
    color: rgba(13, 13, 13, 0.302);
    opacity: 1;
  }

  .choose-your-membership-slider
    .react-slick-wrapper
    .slick-dots
    li.slick-active
    button:before {
    color: #0d0d0d;
  }
}

@media screen and (max-width: 767px) {
  .choose-your-membership-slider .swiper-slider-wrapper .button-carousel {
    display: none;
  }

  .choose-your-membership-slider .swiper-slider-wrapper {
    padding: 0;
  }

  .choose-your-membership-slider .swiper-slider-wrapper .swiper {
    padding: var(--spacing-16) var(--spacing-16);
  }

  .choose-your-membership-slider .react-slick-wrapper {
    padding: 0 var(--spacing-16);
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-slider {
    justify-content: center;
  }

  .choose-your-membership-slider
    .react-slick-wrapper
    .slick-slider
    .slick-list {
    margin: 0 -10px;
  }

  .choose-your-membership-slider
    .react-slick-wrapper
    .slick-slider
    .slick-slide {
    padding: var(--spacing-16) 5px;
  }

  .choose-your-membership-head {
    padding: 0 var(--spacing-16) var(--spacing-24);
  }

  .tiers-page-wrapper {
    gap: 0 !important;
    padding: var(--spacing-24) 0 var(--spacing-64) !important;
  }

  .choose-your-membership-slider .react-slick-wrapper .slick-dots {
    bottom: -40px;
  }
}

.modal-body-wrapper {
  padding: var(--spacing-24);
  position: relative;
}

.modal-body-wrapper .modal-close-btn {
  position: absolute;
  top: var(--spacing-12);
  right: var(--spacing-12);
}

/* tox modal ---- Do not remove css */

.tox-tinymce-aux {
  z-index: 1301 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.your-social-email-text {
  color: var(--color-text-neutral-secondary, #394046);
  font: var(--body-medium);
  text-align: left;
  margin-bottom: 24px;
}

.something-icon {
  height: 25px;
  vertical-align: sub;
}

.cstm-login-screen-popup .desk-globle-model-box-inner {
  max-width: 490px;
  position: relative;
  width: 92%;
}

.cstm-login-screen-popup .modal-content {
  padding: 40px;
}

.cstm-sww-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  z-index: 1;
  color: #a3a3a3;
  font-size: 32px;
}

.cstm-login-screen-popup h2 {
  font-family: Muller;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  color: var(--black2);
  margin-bottom: 30px;
}


.cstm-sso-modal .sso-modal-content {
  width: 100%;
  padding: 30px;
}

.cstm-sso-modal .sso-modal-content .cstm-rn-error {
  font-size: 12px;
}

.cstm-sso-modal .sso-modal-content label {
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: 500;
}

.cstm-sso-modal .sso-modal-content .top-error-message {
  padding-bottom: 20px;
  font-size: 12px;
}

.cstm-sso-modal .sso-modal-content .text-field-main {
  max-width: 100%;
}

.cstm-sso-modal .cstm-try-contact-btn {
  width: 100%;
  margin: 20px 0 0;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.cstm-somr-icom {
  text-align: center;
  margin-bottom: 24px;
}

.cstm-login-screen-popup p {
  font-size: 16px;
  line-height: 24px;
}

.cstm-login-screen-popup p b {
  color: var(--black2);
  font-weight: 600;
}

.cstm-try-contact-btn {
  margin-top: 22px;
  gap: 20px;
  display: flex;
  justify-content: center;
}

.cstm-try-contact-btn button {
  width: 170px;
  padding: 12px;
}

.cstm-gmv-main-img.zoom-img {
  transform: scale(2);
}

.input-chat-container .MuiInputBase-root:after {
  border-bottom: inherit !important;
}

.input-chat-container .MuiInputBase-root:before {
  border-bottom: none !important;
}

.uic-fl-mn-right .uic-fl-btn {
  position: relative;
}

.export-loading-image {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFFE3;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cstm-pli-bg-exportfile img {
  width: 30px;
  margin-top: 10px;
}

.uic-fl-import-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 20px;
}

.uic-fl-mn {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}

.import-loading-image {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFFFFFE3;
  width: 100%;
  height: 100%;
  text-align: center;
}

.import-loading-image img {
  width: 30px;
  margin-top: 9px;
}

.import.text {
  background: #351BCE;
  border: 1px solid #351BCE;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
  padding: 0px 40px;
  margin: 0px;
  box-shadow: none;
  width: auto;
  display: block;
}

.import.text:hover {
  background: #201E29;
  border: 1px solid #201E29;
}

span.cstm-resend-code-loader img {
  width: 28px;
}

span.cstm-resend-code-loader-img {
  width: 100%;
  position: absolute;
  background: #ffffffc7;
}

span.cstm-resend-code-loader {
  position: relative;
}

.active-list {
  background: #F3F5F7 !important;
}

.deactivate-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
  line-height: 46px;
}

.deactivate-loading-image img {
  width: 24px;
}

button.deactivate-loader-container {
  position: relative;
}

.cstm-hide-right-shadow .owl-stage-outer:after {
  display: none !important;
}

.cstm-hv-op-drop.cstm-open-dp {
  display: block;
}

.cstm-hv-op-drop.cstm-open-dp {
  display: block;
}

.historyvideo-remove-saved-video-loader {
  position: relative;
}

.historyvideo-remove-saved-video-loader .historyvideo-loading-image {
  line-height: 46px;
}

.cstm-an-red {
  background: #FDF2F2 !important;
  border: 1px solid #E02424 !important;
}

.cstm-an-red .cstm-success-msg-container-title {
  color: #E02424;
}

.cstm-an-red .cstm-success-msg-container-cont {
  color: #E02424;
}

.cstm-recent-dropdown-menu ul li a.cstm-filter-active {
  color: #2329c9 !important;
}

.cstm-dwdt {
  position: absolute;
  right: 50px;
  bottom: 24px;
  display: flex;
}

span.cstm-dwdt-in {
  cursor: pointer;
  margin-left: 24px;
}

.cstm-gmv-close {
  background: none;
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
  padding: 0px;
}

.cstm-gmv-main-img video {
  max-height: 100%;
  object-fit: cover;
}

.cstm-gmv-main-img img {
  max-height: 100%;
  object-fit: cover;
}

.cstm-gv-user-info-name {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  word-break: break-all;
}

.cstm-gv-user-info-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #FFFFFF;
  opacity: 0.7;
}

.cstm-gv-user-photo img {
  width: 48px;
  height: 48px;
  min-height: 48px;
  max-width: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.cstm-popup-ptimg .modal-dialog {
  max-width: 100%;
  margin: 20px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(54.5px);
  backdrop-filter: blur(54.5px);
  border-radius: 20px;
  height: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cstm-gmv-main {
  width: 100%;
  text-align: center;
  background: transparent;
  height: 100%;
}

.cstm-gv-user {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  color: #FFF;
  z-index: 11;
  left: 20px;
  top: 20px;
}

.cstm-gv-user-photo {
  margin-right: 16px;
}

.cstm-gv-user-info {
  text-align: left;
}

.cstm-selected-video {
  background: #F3F5F7 !important;
  border-radius: 10px;
}

.cstm-gmv-main-img {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: "textfield";
}

.cstm-all-content-library-main-only .owl-nav .disabled {
  display: none;
}

.historyvideo-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.historyvideo-loading-image img {
  width: 27px;
}

li.historyvideo-remove-single-video-loader {
  position: relative;
}

.historyvideo-save-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.historyvideo-save-loading-image img {
  width: 27px;
}

li.historyvideo-save-single-video-loader {
  position: relative;
}

.cstm-no-history-video-container {
  padding-right: 20px !important;
}

.savedvideo-save-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
}

.savedvideo-save-loading-image img {
  width: 27px;
}

li.savedvideo-save-single-video-loader {
  position: relative;
}

.cstm-oops-main {
  text-align: center;
  margin-top: 136px;
}

body .cstm-clear-all-watch-history.filedvalue {
  border: 1px solid #9B9A9F !important;
}

/* .sidebar-menu-popup-main:before {
     position: fixed;
     inset: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: -1;
     display: flex;
     align-items: center;
     content: '';
     transition: 0.0s;
} */

.sidebar-menu-popup-main {
  transition: 0.3s;
  -webkit-animation-name: menupp;
  -webkit-animation-duration: 2s;
  animation-name: menupp;
  animation-duration: 2s;
  background: transparent !important;
}

@-webkit-keyframes menupp {
  0% {
    left: -240px;
  }

  25% {
    left: 0px;
  }
}

@keyframes menupp {
  0% {
    left: -240px;
  }

  25% {
    left: 0px;
  }
}

.cstm-active-pp .cstn-pp-f {
  display: none;
}

.cstm-active-pp .cstn-pp-t {
  display: block !important;
}

.cstm-active-pp button {
  color: #FFF !important;
  background: #351BCE !important;
}

.cstm-ssvpl-pv-drop {
  position: absolute;
  right: -6px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  width: 187px;
}

.cstm-my-videos-history-list-main:hover .cstm-hv-op-drop {
  display: block;
}

.cstm-my-videos-history-list-main-box-img .cstm-rv-time {
  right: 8px;
  bottom: 8px;
}

.cstm-manage-history-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201E29;
  margin-bottom: 12px;
}

body .form-group .filedvalue {
  border: 1px solid #9B9A9F !important;
}

.cstm-success-msg-container-title img {
  margin-right: 10px;
}

.cstm-success-msg-container-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #057A55;
  margin-bottom: 4px;
}

.cstm-success-msg-container-cont {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #057A55;
  margin-left: 30px;
}

.cstm-success-msg-container {
  background: #F3FAF7;
  border: 1px solid #0E9F6E;
  border-radius: 8px;
  padding: 14px 10px 12px 10px;
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 100%;
  max-width: 451px;
  transition: 0.5s;
  -webkit-animation-name: example;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
  z-index: 3;
}

@-webkit-keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

@keyframes example {
  0% {
    left: -451px;
  }

  25% {
    left: 24px;
  }
}

.cstm-pi-main-btn-all img {
  height: 30px;
}

.cstm-pi-main-btn-all {
  text-align: center;
  position: absolute;
  background: #fffffff5;
  width: 100%;
  height: 100%;
  line-height: 40px;
}

hr.mv-line {
  opacity: 1;
  border-top: 1px solid #D9D9D9;
  margin-top: 20px;
  margin-bottom: 24px;
}

body.menuview .card-header button.btn-link:hover span.cstm-tlp {
  display: block;
}

body.menuview .card-header button.btn-link .cstm-tlp {
  width: max-content;
  font-size: 12px;
  position: absolute;
  font-weight: 500;
  line-height: 150%;
  display: none;
  color: #FFFFFF;
  background: #201E29;
  border-radius: 5px;
  padding: 4px 6px;
  left: 30px;
  top: 39px;
  z-index: 1;
}

body .cstm-admin-area .cstm-all-library-video-details .all-content-main-center {
  padding-left: 0px !important;
}

body.menuview .card-header button.btn-link {
  padding: 12px 14px !important;
}

body.menuview .all-content-main-left {
  width: auto !important;
}

body.menuview .card-header button img {
  margin-right: 0px !important;
}

img.cstn-cl-t {
  display: none;
}

.cstm-recent-dropdown-menu {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  top: 32px;
  z-index: 1;
  width: 120px;
}

.cstm-recent-dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cstm-recent-dropdown-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201E29 !important;
  display: block;
  padding: 6px 10px;
}

.cstm-recent-dropdown-menu ul li a:hover {
  color: #351BCE !important;
}

.sctm-da-close {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0px;
  border: none;
  background: transparent;
  font-size: 18px;
  font-weight: 200;
}

.cstm-reset-link {
  padding: 0px;
  border: none;
  background: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
}

.cstm-reset-link:hover {
  color: #351BCE;
}

.chatloader {
  padding-top: 35px;
}

.chatloader-main {
  display: flex;
  margin-bottom: 35px;
  gap: 12px;
  justify-content: flex-start;
}

.chatloader .chatloader-main:nth-child(even) {
  justify-content: flex-end;
}

.chatloader .chatloader-main:nth-child(even) .chatloader-main-left {
  order: 2;
}

.chatloader-main-left {
  border-radius: 50px;
  width: 40px;
  height: 40px;
}

.chatloader-main-right1 {
  height: 15px;
}

.chatloader-main-right2.skeleton-box {
  height: 50px;
}

.chatloader-main-right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 280px;
}

.cstm-payment-chng {
  max-width: 452px !important;
  justify-content: center;
}

.cstm-payment-chng .um-membership-details-in-price {
  width: 100%;
}

.cstm-preferred {
  max-width: 452px !important;
  justify-content: center;
}

.cstm-cstm-vpp-photo img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.cstm-vpp-popup {
  max-width: 550px !important;
}

.btn5 {
  background: rgba(147, 145, 151, 0.3);
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201E29;
  height: 48px;
  padding: 12px 32px;
  border: none;
  display: inline-block;
  cursor: pointer;
  text-transform: inherit;
}

.btn5:hover {
  background: var(--yellow);
  color: #ffffff;
}

.cstm-ep-ldr {
  position: relative;
}

.cstm-ep-ldr-icon {
  position: absolute;
  background: #ffffffeb;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cstm-ep-ldr-icon img {
  width: 30px;
  position: relative;
  top: 5px;
}

.cstm-edit-pf-ld {
  position: relative;
}

.cstm-replace-pp .ReactCrop {
  width: 100%;
}

.cstm-replace-pp .ReactCrop__child-wrapper img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.cstm-rpp-btn {
  margin-top: 20px;
}


.cstm-rpp-main .desk-globle-model-box-inner {
  max-width: 550px;
}

.cstm-sd-line {
  height: 1px;
  width: 87%;
  background: rgba(32, 30, 41, 0.1);
  display: block;
  margin: 12px 0px 10px 16px;
  box-sizing: border-box;
}

.cstm-contant-page ul {
  padding-left: 18px;
}

.mv-no-data-found {
  position: absolute;
  left: 0;
  right: 0;
  top: 48%;
  text-align: center;
  color: #d30000;
  font-weight: 500;
  font-size: 16px;
}

.cstm-tabs-mv-cont {
  min-height: 600px;
  position: relative;
}

span.csrtm-vl-dt {
  margin: 0px 8px;
  font-size: 11px;
}

.cstm-vl-img img {
  border-radius: 10px;
  aspect-ratio: 16/9;
}

.cstm-vl-bt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #201E29;
}

span.cstm-vl-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #201E29;
  opacity: 0.9;
}

.cstm-vl-title {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #201E29;
}

.cstm-vl-tp {
  display: flex;
  flex-direction: column;
}

.cstm-my-videos-list-box-img {
  aspect-ratio: 16/9;
  width: 16%;
  position: relative;
}

.cstm-my-videos-list-box-info {
  width: 84%;
  padding: 8px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cstm-my-videos-list-box-img {
  aspect-ratio: 16/9;
  width: 16%;
  position: relative;
}

.cstm-my-videos-list-box-dt {
  position: absolute;
  right: -10px;
  cursor: pointer;
}

.cstm-vl-new {
  background: #FFFFFF;
  border-radius: 40px;
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 1px 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  align-items: center;
  color: #351BCE;
}

.cstm-vl-img {
  aspect-ratio: 16/9;
}

.cstm-my-videos-list-box {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.cstm-my-videos-list {
  padding: 24px 24px 4px 24px;
  margin-bottom: 24px;
}

.cstm-my-videos-tabs ul {
  padding: 0px 16px;
  margin: 0px;
  list-style: none;
  display: flex;
}

.cstm-my-videos-tabs ul li a {
  padding: 7px 17px;
  display: block;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #383838;
}

.cstm-my-videos-tabs ul li a:hover:after {
  position: absolute;
  height: 2px;
  width: 100%;
  background: #351BCE;
  content: '';
  bottom: -1px;
  left: 0;
}

.cstm-my-videos-tabs .nav-tabs a:after {
  position: absolute;
  height: 2px;
  width: 100%;
  content: '';
  bottom: -1px;
  left: 0;
}

.cstm-my-videos-tabs .nav-tabs a.active:after {
  font-weight: 700 !important;
  color: #000 !important;
  background: #351BCE;
}

.get-videos {
  grid-template-columns: initial !important;
  display: block !important;
}

.cstm-my-videos-main {
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 20px;
}

.cstm-my-videos-title {
  padding: 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #201E29;
}

.profile-loadind-post {
  position: absolute;
  z-index: 1;
  background: #ffffffeb;
  width: 100%;
  text-align: center;
  left: 0;
  height: 100%;
  min-height: 600px;
}

.profile-loadind-post img {
  height: 50px;
  position: relative;
  top: 48%;
}

span.thumb_err {
  font-size: 14px;
  margin-bottom: 15px;
  display: block;
  margin-top: -15px;
  color: red;
}

.cstm-ns-main-box-right {
  margin-left: 20px;
}

.cstm-email-noti {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #091F48;
  margin-bottom: 30px;
  margin-top: 30px;
}

.cstm-choose-when {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #606060;
  margin-bottom: 30px;
  margin-top: -15px;
}

.cstm-ps-lable {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #201E29;
  margin-bottom: 8px;
}

span.cstm-ps-cont {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #606060;
}

.cstm-ns-main-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  align-items: center;
}

.cstm-ns-main {
  padding: 24px;
}

.btn4 {
  background: #FFF;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  height: 48px;
  padding: 12px 32px;
  display: inline-block;
  text-transform: inherit;
  border: 1px solid #201E29;
  color: #201E29;
}

.btn4:hover {
  background: var(--yellow);
  color: #FFF;
  border: 1px solid var(--yellow);
}

.cstm-to-request {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(32, 30, 41, 0.7);
  border-top: 1px solid #D9D9D9;
  margin-top: 32px;
  padding-top: 20px;
}

.cstm-to-request a {
  font-weight: bold;
}

.delete-image {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  opacity: 0.7;
  margin-top: 6px;
  cursor: pointer;
}

.cstm-ac-se-title {
  padding: 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.1);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
}

.cstm-profile-info-email {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #606060;
  word-wrap: break-word;
}

.apple-btn {
  background-color: #201E29;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--white) !important;
  height: 54px;
  width: 100%;
  border: none;
}

.apple-btn:hover {
  background: var(--yellow);
}

.cstm-apple-btn {
  margin-top: 16px;
}

.apple-btn i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}

.cstm-error-messages {
  color: red;
}

.cstm-rn-error {
  color: var(--red);
  display: block;
  margin: 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.cstm-register-now {
  margin: 25px 0px 15px 0px;
}

.cstm-register-now a {
  color: #351BCE;
  font-weight: 600;
}

.cstm-register-now a:hover {
  color: #ffcc00;
}

.cstn-pf-dp .quote-model {
  right: 10px;
}

.cstn-pf-dp {
  position: absolute;
  right: 10px;
}

.cstn-pf-dp {
  cursor: pointer;
}

.chat-user-profile {
  position: relative;
}

.cstm-moel-main {
  display: flex;
  margin-top: 5px;
  align-items: center;
}

.cstm-moel-name {
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  color: #999999;
  margin-bottom: 5px;
  display: none;
}

.cstm-gp-us-ct {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}

.migrate-loading {
  height: 70px;
}

.cstm-sim-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201E29;
  margin-bottom: 32px;
}

.cstm-simplity {
  height: 100vh;
  max-width: 452px;
  margin: auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cstm-wlm {
  width: 100%;
}

.cstm-wlm-main {
  max-width: 454px;
  margin: auto;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.cstm-wlm-title {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #201E29;
  margin-bottom: 16px;
}

.cstm-wlm-email {
  background: rgba(19, 114, 209, 0.1);
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  padding: 7px 25px;
  margin-bottom: 32px;
}

.cstm-wlm-email i {
  margin-right: 7px;
  color: #351BCE;
  font-weight: bold;
}

.cstm-wlm-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 32px;
}

.cstm-wlm-field input {
  height: 64px !important;
  width: 64px !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  text-align: center !important;
  color: #201E29 !important;
}

.cstm-wlm-field input:focus {
  background: #DDE8F3;
  border: 1px solid #351BCE;
  border-radius: 10px;
}

.cstm-wlm-field-slc {
  background: #DDE8F3 !important;
  border: 1px solid #351BCE !important;
  border-radius: 10px !important;
}

.cstm-wlm-field-slc2 {
  background: #FFEBEC !important;
  border: 1px solid #FF4852 !important;
  border-radius: 10px !important;
}

.cstm-wlm-field-msg {
  color: #FF4852 !important;
}

.cstm-wlm-field {
  display: flex;
  gap: 14px;
  margin-bottom: 32px;
}

.cstm-didn {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201e298c;
}

.cstm-didn span {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #091F48;
  cursor: pointer;
}

.cstm-didn span:hover {
  color: #ffcc00;
}

.loading-post {
  display: flex;
  flex-direction: column;
}

.cstm-content-archive-main-top h3 {
  max-width: 280px;
  width: 100%;
}

span.loading-btn-up img {
  height: 35px;
}

span.loading-btn-up {
  position: absolute;
  width: 100%;
  background: #ffffffbf;
  text-align: center;
  height: 60px;
  line-height: 55px;
}

.cstm-cm-open-only {
  display: block !important;
}

.cstm-cont-nm {
  float: right;
}

.cstm-edit-profile-only {
  grid-template-columns: inherit !important;
  display: flex !important;
}

.header-menu-dp ul li a i {
  margin-right: 12px;
}

.hf-m {
  display: none !important;
}

.cstm-login .um-left:before {
  position: fixed;
}

.cstm-login .um-left:after {
  position: fixed;
}

.cstm-glb-search {
  grid-template-columns: inherit !important;
  column-gap: 0px !important;
}

.cstm-glb-search .all-content-main-center.cstm-all-content-center {
  max-width: 100%;
  width: 100%;
  padding-left: 30px;
}

.mrgn-bm {
  margin-bottom: 0px !important;
}

.sd-detilas-title button.btn2 {
  margin-left: 20px;
  padding: 4px 12px;
  height: 30px;
  font-size: 12px;
}

.newsfeed-sort-all.show ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.newsfeed-sort-all.show ul li {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 12px;
  cursor: pointer;
  transition: 0.2s all;
}

.newsfeed-sort-all.show ul li:hover {
  background-color: #e7f1fa;
}

.newsfeed-sort-all.show .dropdown-menu.newsfeed-select-in.show {
  padding: 0px;
}

.ms-All-read {
  margin-left: 4px;
}

.an-globle-model-box,
.cstm-change-password {
  display: none;
}

.globle-model-box.globle-search-model-box {
  display: none;
}

.btn-view-more {
  background: #351BCE;
  border: 1px solid #351BCE;
  box-sizing: border-box;
  border-radius: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
  margin: 20px auto;
  display: block;
  padding: 0px 32px;
  box-shadow: initial;
  width: auto;
}

.loader-comment-sec {
  margin-top: 16px;
  padding: 16px;
  border-top: 1px solid #ececec;
}

.loader-comment-heading {
  height: 32px;
  width: 30%;
}

.loader-comment-inner {
  margin-top: 10px;
  display: flex;
  gap: 4px;
}

.loader-comment-inner-img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.loader-comment-inner-text {
  width: calc(100% - 48px);
  height: 40px;
}

.loader-comment-inner-2 {
  padding-left: 60px;
  margin-top: 30px;
}

.loader-comment-inner-2 .loader-comment-inner-text {
  height: 90px;
}

.up-sbmit-btn {
  margin-bottom: 60px;
  text-align: center;
  margin-top: 40px;
}

.up-sbmit-btn .btn2 {
  width: 200px;
}

.profile-detilas-comm button.btn2 {
  height: 40px;
  padding: 0px 20px;
}

.cstm-content-details-main .ss-cstm-clss {
  position: relative;
}

.video-details-tabing .cstm-vd-box-in {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.my-anchor-css-class {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.arrow-left-i {
  margin-right: 4px;
}

.cstm-vd-cnt-right button:before {
  display: none;
}

.cstm-vd-cnt-right button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.v-icon-eye,
.v-icon-comment {
  color: #091F48;
  margin-right: 4px;
  transition: 0.2s all;
}

.gallery-main-icon:hover span {
  transition: 0.2s all;
}

.shared-post-user-details {
  position: relative;
}

.shared-post-user-name {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  object-fit: cover;
}

.shared-post-comment-sec {
  background: #fff;
  margin-bottom: 16px;
  border-radius: 0px 0px 5px 5px;
}

.shared-post-user-details {
  display: flex;
  flex-direction: row;
  padding: 16px 12px;
  background: #E8F1FB;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
}

.shared-post-user-img-details {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 8px;
}

.shard-post-icons {
  padding-right: 16px;
}

.shard-post-icons .newsfeed-post-right-header-icon {
  position: inherit;
  right: auto;
}

.post-shared-date-info {
  flex-grow: 1;
}

.shared-post-comment-sec .newsfeed-post.cstm-newsfeed-post {
  margin-bottom: 0px;
}

.shared-post-comment-sec .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.cstm-content-video-short-sec {
  display: flex;
  align-items: center;
  justify-content: end;
}

.cstm-content-video-short-sec .uic-fl-search {
  margin-bottom: 0px;
}

.frnd-list-name {
  font-weight: 700;
}

.cstmcloseBnt {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 30px;
  line-height: 35px;
  margin: 0;
  background: transparent;
  color: #ffffff;
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
}

.csm-main-pp-post .cp-btn button.cp-btn-dotted img {
  margin-right: 4px;
  margin-top: -3px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-label-in {
  height: max-content;
}

.tag-a-friend {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 2px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-ovr-in {
  padding: 16px 16px;
}

.cstm-tag-friend-list {
  flex-grow: 1;
  margin-bottom: 20px;
  overflow: auto;
}

.csstm-add-topic-listing .topics-search-ovr {
  /* overflow: auto;
     */
  flex-grow: 1;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.csstm-add-topic-listing .topics-search-ovr.tag-search-ovr-main {
  margin-top: 0px;
}

.cstm-tagfriend-popup:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.cstm-tagfriend-popup .modal-dialog.modal-dialog-centered {
  z-index: 1;
}

.cstm-img-peview-model .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls__arrow-right:before,
.cstm-img-peview-model .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls__arrow-right:after {
  height: 20px;
  width: 2px;
  opacity: 1 !important;
}

.cstm-img-peview-model .awssld__controls button .awssld__controls__arrow-left,
.cstm-img-peview-model .awssld__controls button .awssld__controls__arrow-right {
  opacity: 1 !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls__arrow-right:before {
  top: -5%;
}

.cstm-img-peview-model .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls__arrow-right:after {
  top: 45%;
}

.cstm-img-peview-model .awssld__controls button {
  opacity: 1;
  transition: 0.5s all;
}

.cstm-img-peview-model .awssld__controls button:hover {
  opacity: 0.7;
}

.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-left:before,
.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-right:after {
  opacity: 1;
  transform: rotate(45deg);
}

.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-left:after,
.cstm-img-peview-model .awssld__controls button:hover .awssld__controls__arrow-right:before {
  opacity: 1;
  transform: rotate(-45deg);
}

.cstm-img-peview-model .awssld__controls button {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
}

.cstm-img-peview-model .awssld__controls button.awssld__next {
  margin-right: 40px;
}

.cstm-img-peview-model .awssld__controls button.awssld__prev {
  margin-left: 40px;
}

.cstm-img-peview-model span.awssld__controls__arrow-left {
  margin-left: 12px;
  margin-top: 3px;
  opacity: 1;
}

.cstm-img-peview-model span.awssld__controls__arrow-right {
  margin-right: 12px;
  margin-top: 3px;
  opacity: 1;
}

.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-right {
  transform: translate3d(0%, 0, 0);
}

.cstm-img-peview-model .awssld__controls__arrow-right--active {
  transform: translate3d(0%, 0, 0);
}

.cstm-img-peview-model .awssld__controls__arrow-right--active:before {
  transform: rotate(-45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-right--active:after {
  transform: rotate(45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left--active:before {
  transform: rotate(45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls__arrow-left--active:after {
  transform: rotate(-45deg) translate3d(0%, 0, 0) !important;
}

.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-left,
.cstm-img-peview-model .awssld__controls--active .awssld__controls__arrow-right {
  transform: translate3d(0%, 0, 0);
}

.responsive-cr-heading-sec {
  display: none;
}

.tag-a-friend p {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 10px;
}

.bijausernoclass {
  display: none;
}

.userpoteclass .cstm-link-dash-btn,
.userpoteclass .cstm-save-dash-btn {
  display: none;
}

.what-post-btn-all.what-post-btn-all-mobile {
  display: none;
}

.react-input-emoji--mention--loading {
  display: none !important;
}

.user-title-click {
  cursor: pointer;
}

.edit-post-content-inner-main {
  height: 100%;
}

.edit-post-content-inner-sub {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.edit-pp-post {
  position: relative;
}

.edit-pp-post:hover .edit-pp-post-btn {
  opacity: 1;
}

.edit-pp-post-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: #0000007e;
  opacity: 0;
  transition: 0.5s all;
}

.edit-pp-post-btn button {
  font-size: 14px;
  border-radius: 6px;
  display: block;
  margin-top: 5px;
  margin-left: 5px;
  cursor: pointer;
  pointer-events: initial;
}

.edit-pp-post-btn .editimgcount5 {
  width: 100%;
  margin: auto;
}

.editimgcount4 {
  width: 68%;
  margin: auto;
}

.editimgcount3 {
  width: 68%;
  margin: auto;
}

.editimgcount2 {
  width: 40%;
  margin: auto;
}

.editimgcount1 {
  width: 40%;
  margin: auto;
}

.editimgcount0 {
  width: 40%;
  margin: auto;
}

.no-img-video {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-img-video p {
  margin-bottom: 0px;
  margin-top: 10px;
}

.msg-popup.create-popup-post .edit-img-modal-dialog .modal-content {
  padding: 24px;
  width: 100%;
  background: transparent;
  border-radius: 0px;
}

.edit-post-content-inner-sub {
  background: #fff;
  border-radius: 15px;
  padding: 16px;
}

.edit-img-inner-main .list-group-item,
.edit-img-inner-main .edit-cstm-img-inner-sec {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.editimgcount5 .edit-img-inner-main .list-group-item,
.editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 32.33%;
}

.editimgcount4 .edit-img-inner-main .list-group-item,
.editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
.editimgcount3 .edit-img-inner-main .list-group-item,
.editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 48%;
}

.editimgcount1 .edit-img-inner-main .list-group-item,
.editimgcount1 .edit-img-inner-main .edit-cstm-img-inner-sec,
.editimgcount2 .edit-img-inner-main .list-group-item,
.editimgcount2 .edit-img-inner-main .edit-cstm-img-inner-sec {
  width: 100%;
}

.edit-cstm-img-inner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(2px);
  z-index: 0;
  -webkit-filter: blur(2px);
  background-position: center !important;
}

.edit-img-inner-main .list-group-item .um-ulpoad-close,
.edit-img-inner-main .edit-cstm-img-inner-sec .um-ulpoad-close {
  position: absolute;
  top: 2px;
  right: 12px;
  z-index: 1;
  width: 32px;
  height: 32px;
  background: #ffffff;
  line-height: 28px;
  border-radius: 50px;
}

.edit-img-cstm-btn {
  padding: 24px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.edit-img-cstm-btn-left {
  display: flex;
}

.edit-img-cstm-btn-left .cp-btn {
  width: 120px;
}

.edit-post-content-inner-main .edit-img-inner-main {
  max-width: 1440px;
  margin: auto;
  column-gap: 1.4rem;
  gap: 1rem;
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}

.edit-img-inner-main .list-group-item.list-group-item-success img,
.edit-img-inner-main .edit-cstm-img-inner-sec img {
  max-height: 250px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}

.edit-img-inner-main .list-group-item.list-group-item-success video,
.edit-img-inner-main .edit-cstm-img-inner-sec video {
  max-height: 250px;
  width: 100%;
  height: 100%;
}

.edit-post-content-inner-main.editimgcount1 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount2 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount3 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount4 .edit-img-inner-main {
  width: 100%;
}

.edit-post-content-inner-main.editimgcount5 .edit-img-inner-main {
  width: 100%;
}

.create-popup-post.edit-img-popup-post:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #000000;
  transition: 0.4s all;
  opacity: 0.5;
}

.cstm-posted-in {
  font-weight: 400;
}

.create-popup-post .modal-dialog.edit-img-modal-dialog {
  max-width: 1300px;
}

/* img slider */
.cstm-img-peview-model.modal-dialog.modal-dialog-centered {
  max-width: 100%;
  width: 95%;
}

.profile-details-tabs .tab-pane .pro-followers-following-cont,
.profile-details-tabs .tab-pane .cstm-media-all-main {
  min-height: calc(100vh - 462px);
  height: 100%;
  margin-bottom: 0px;
}

.files-post-tab-inner .pro-about {
  min-height: calc(100vh - 472px);
  height: 100%;
}

.cstm-news-no-post {
  padding: 40px;
  min-height: 250px;
  height: calc(100vh - 506px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.newsfeed-post.cstm-news-no-post.no-req-found {
  height: calc(100vh - 567px);
}

.newsfeed-post.cstm-news-no-post.no-cl-found {
  height: calc(100vh - 300px);
  grid-column: 5/1;
}

.cstm-news-no-post .emptymsg {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-top: 20px;
}

.cstm-media-all-main.cstm-news-no-post {
  height: calc(100vh - 472px);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button {
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(6.5px);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button:hover {
  background: rgba(255, 255, 255, 0.4);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item-success {
  color: #0f5132;
  background: #2f2f2f;
  padding: 0;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav button span {
  font-size: 56px;
  line-height: 40px;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}

.create-popup-post .cstm-img-peview-model .modal-content {
  border-radius: 5px;
  padding: 0px;
  max-height: calc(100vh - 58px);
  overflow: auto;
}

.cstm-img-peview-model .item.cstm-cl-items {
  height: 100%;
}

.create-popup-post .cstm-img-peview-model .cstm-cl-items img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}

.create-popup-post .cstm-img-peview-model .awssld__wrapper {
  height: 100%;
  max-height: calc(100vh - 124px);
  width: 100%;
  background: var(--content-background-color);
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item.list-group-item-success {
  height: 100%;
  font-weight: 100;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item.list-group-item-success video {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.cstm-img-peview-model .awssld__bullets {
  display: none;
}

.cstm-img-peview-model.modal-dialog.modal-dialog-centered .awssld {
  max-height: calc(100vh - 124px);
}

/* loader css start */
.cstm-starred-group.cstm-starred-group-sad {
  padding-bottom: 0px;
  padding-top: 0px;
}

.loadermain span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;
  -webkit-animation: loadermain 0.8s linear infinite alternate;
  animation: loadermain 0.8s linear infinite alternate;
}

.res-edit-icon,
.rs-joined-group {
  display: none;
}

.loadermain span:nth-child(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(19, 114, 209, 0.6);
}

.loadermain span:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(19, 114, 209, 0.8);
}

.loadermain span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: rgba(19, 114, 209, 1);
}

.loadermain span:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(19, 114, 209, 0.8);
}

.loadermain span:nth-child(5) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(19, 114, 209, 0.4);
}

@keyframes loadermain {
  from {
    transform: scale(0, 0);
  }

  to {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes loadermain {
  from {
    -webkit-transform: scale(0, 0);
  }

  to {
    -webkit-transform: scale(1, 1);
  }
}

.upcoming-group-events-box-cont-brn {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}

a.my-anchor-css-class {
  color: var(--blue);
  font-weight: 800;
}

.csmt-front-vd-cunt .like-btn button.liked {
  background-color: #f02084;
}

.member-post-tab-inner,
.events-post-tab-inner,
.about-post-tab-inner,
.media-post-tab-inner,
.files-post-tab-inner {
  min-height: calc(100vh - 520px);
}

.upcoming-group-events-box-cont-brn button {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border-radius: 30px;
  outline: none;
  transition: 0.3s all;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.cstm-toggle-center {
  margin: 4px 0px;
}

.cstm-toggle-main span {
  width: 19px;
  height: 1px;
  border: 1px solid #ffffff;
  display: block;
  border-radius: 2px;
  transition: all 0.3s;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-top {
  transform: rotate(45deg);
  width: 24px;
  margin-bottom: -23px;
  margin-top: 5px;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-center {
  transform: rotate(-45deg);
  margin-left: 0px;
  margin-top: 21px;
  width: 24px;
}

.header-ft-menu-view.show .cstm-toggle-main span.cstm-toggle-bottom {
  display: none;
}

.cstm-vd-cnt.csmt-front-vd-cunt .cstm-videodes p {
  margin-bottom: 0px;
}

.cstm-vd-cnt.csmt-front-vd-cunt .icon-align {
  padding-right: 6px;
  margin-top: -3px;
}

.upcoming-e-join {
  width: 74px;
  color: #ffffff;
  background: #351BCE;
  border: none;
}

.upcoming-e-join:hover {
  background: #ffcc00;
}

.upcoming-e-invite {
  width: 100px;
  color: #091F48;
  background: #FFFFFF;
  border: 1px solid #82CDB8;
}

.upcoming-e-invite:hover {
  background: hsl(163deg 43% 90%);
}

.upcoming-e-share {
  width: 100px;
  color: #091F48;
  background: #ffffff;
  border: 1px solid #FF4852;
}

.upcoming-e-share:hover {
  background: hsl(357deg 100% 90%);
}

.upcoming-e-invite img,
.upcoming-e-share img {
  margin-right: 8px;
}

li.cstm-opend-group {
  background: #e7f1fa !important;
  padding-top: 16px !important;
  padding-bottom: 8px !important;
  margin: 8px 8px 0px;
  border-radius: 8px 8px 0px 0px;
  color: #091F48;
}

.cstm-opend-group-topis {
  background: #e7f1fa !important;
  padding: 8px 16px 16px;
  margin: 0px 8px 0px;
  border-radius: 0px 0px 8px 8px;
}

.cstm-opened-topic-list {
  background: #fff;
  border-radius: 6px;
}

.cstm-opened-topic-list .group-topics-ls {
  font-size: 14px;
  line-height: 22px;
  padding: 11px 0px 0px 8px;
}

.cstm-opened-topic-list .sort-by-main {
  padding: 14px 20px 0px 8px;
}

.cstm-opened-topic-list .cstm-sg-ttl-main {
  color: #351BCE !important;
}

.cstm-opened-topic-list .search-topics-box {
  padding: 10px 8px 0px 8px;
}

.cstm-opened-topic-list .search-topics-box:after {
  top: 19px;
  right: 21px;
}

span.span-topic-main {
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}

.cstm-opened-topic-list .cstm-starred-group {
  border-bottom: none !important;
}

.cstm-content-details-video button.vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background: rgba(32, 30, 41, 0.8);
  border-radius: 50px;
  border: none;
  line-height: 64px;
  font-size: 40px;
}

.cstm-newsfeed-drop {
  position: absolute;
  z-index: 99;
  background: #FFF;
  width: 95%;
  max-height: 274px;
  overflow: auto;
}

.um-not.cstm-um-note {
  text-align: left;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.24);
}

.um-not.cstm-um-note a {
  font-weight: 700;
  color: #fff;
  padding-left: 5px;
}

.um-not.cstm-um-note a:hover {
  font-weight: 700;
  color: #FFCC00;
}

.um-login-sec {
  max-width: 540px;
}

.um-login-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--white);
  margin-bottom: 16px;
}

.cstm-login .um-login-title {
  margin-bottom: 0;
}

.edit-img-inner-main::-webkit-scrollbar {
  width: 5px;
}

.edit-img-inner-main::-webkit-scrollbar-track {
  background: var(--btn3);
}

.edit-img-inner-main::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}

.cstm-newsfeed-drop::-webkit-scrollbar {
  width: 5px;
}

.cstm-newsfeed-drop::-webkit-scrollbar-track {
  background: var(--btn3);
}

.cstm-newsfeed-drop::-webkit-scrollbar-thumb {
  background: var(--navyblue);
  border-radius: 50px;
}

.cstm-content-library-menu .cstm-active-tag {
  background: #f3f5f7;
}

.cstm-newsfeed-drop .item {
  padding: 7px 12px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #091F48;
  border: 1px solid #e5e5e5;
  margin-bottom: -1px;
  cursor: pointer;
}

.cstm-newsfeed-drop .item:hover {
  color: var(--yellow);
}

ul.cstm-cstm-clm-drop-main-block {
  display: block;
}

.cstm-comments-lk {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  margin-right: 10px;
  cursor: pointer;
}

.cstm-views-lk {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  margin-right: 10px;
  cursor: pointer;
}

.rvc-dave {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 4px;
}

.cl-v-comment-sec .cmt-arrow-down {
  display: none;
}

.related-videos-main {
  background: #FFFFFF;
  border-radius: 0px;
  height: 100%;
  /* margin: 24px 0px 0px; */
  /* margin: 50px 0px 0px; */
}

.cstm-back-mn {
  margin-bottom: 16px;
}

.cstm-clm-drop a {
  display: block;
  width: 100%;
  position: relative;
}

.cstm-clm-drop a i {
  position: absolute;
  right: 0;
  font-size: 22px;
  line-height: 20px;
}

ul.cstm-cstm-clm-drop-main {
  display: none;
}

ul.cstm-cstm-clm-drop-main li {
  padding: 6px 0px !important;
}

.cstm-content-library-menu ul {
  list-style: none;
  padding: 10px 0px;
}

.cstm-content-library-menu ul li {
  line-height: 20px;
}

.cstm-content-library-menu ul li a {
  font-weight: 600;
  font-size: 14px;
  color: #091F48 !important;
  padding: 7px 16px 7px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cstm-content-library-menu ul li a:hover {
  background: #e7f1fa;
}

/* .cstm-cv-video-in:hover .gallery-content1 {
  color: #351BCE;
}

.cstm-cv-video-in:hover .cstm-gle {
  padding: 0px 12px 7px 12px;
} */

.cstm-cv-video-in:hover .gallery-content1 {
  padding-top: 7px;
  margin-bottom: 0px;
}

.cstm-cv-video-in:focus-visible {
  outline: inherit;
}

.cstm-cv-video-in:hover .cstm-gallery-img.cstm-gallery-img-main .cstm-videoPlayericons {
  opacity: 1;
  visibility: visible;
}

.cstm-ca-search-box {
  padding: 8px 20px 0px;
  border-bottom: 1px solid #d2d2d4;
  margin-bottom: 20px;
}

.cstm-ca-search-box ul {
  margin: 0px;
  padding: 0px;
  overflow: auto;
  display: flex;
}

.cstm-ca-search-box ul::-webkit-scrollbar {
  height: 5px;
}

.cstm-ca-search-box ul::-webkit-scrollbar-track {
  background: #FFF;
}

.cstm-ca-search-box ul::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 50px;
}

.cstm-ca-search-box ul li {
  background: #F4F3F4;
  border: 1px solid #DEDEDE;
  border-radius: 40px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 15px;
  cursor: pointer;
  white-space: pre;
}

select.cstm-content-archive-sort-select {
  border-radius: 0px;
  padding: 0px;
  height: auto;
  width: 165px;
  background-color: transparent;
  font-weight: 600;
  font-size: 14px;
  color: #201E29;
}

.uic-sort-by-title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 10px;
}

.cstm-content-archive-main-top h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0px;
}

.cstm-content-archive-main-top {
  display: flex;
  justify-content: space-between;
}

button.wym-close {
  position: absolute;
  right: -5px;
  top: -4px;
  line-height: 8px;
  border-radius: 30px;
  font-size: 14px;
  border: 1px solid #0000006b;
  color: #000;
  background: #ffffffc7;
  padding: 3px 4px 5px 4px;
}

.write-your-message-upload {
  display: flex;
  flex-wrap: wrap;
  background: #F3F5F7;
  border-top: 1px solid #d1d1d1;
  padding: 10px 0px 0px 10px;
  position: absolute;
  bottom: 52px;
  width: 318px;
}

.write-your-message-upload-box {
  width: 17%;
  margin-right: 3%;
  position: relative;
  margin-bottom: 12px;
}

.write-your-message-upload-box img,
.write-your-message-upload-box video {
  border-radius: 12px;
  height: 51px;
  width: 51px;
  background: white;
  border: 1px solid #cdcdcd;
}

.view-in-chat-box {
  margin-right: 16px;
}

.notifications-ps-main-cont {
  position: relative;
}

.notifications-ps-main-cont .tab-content {
  overflow: inherit !important;
  max-height: inherit !important;
}

.notifications-ps-main {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 5px 5px 10px 10px;
}

.tab-content.header-noti-cont-tabs-main {
  overflow: auto;
  max-height: calc(100vh - 220px);
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar {
  width: 6px;
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e8;
}

.tab-content.header-noti-cont-tabs-main::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.noti-line {
  margin-bottom: 0px;
}

.head-noti-name {
  font-size: 14px;
  line-height: 18px;
  color: #091F48;
  display: block;
  width: 100%;
}

.head-noti-name a {
  font-weight: 700;
}

.head-noti-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351BCE;
}

.head-noti-new {
  padding: 3px 6px;
  background: #FFCC00;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #091F48;
}

.header-noti-box-cont-tabs-cont {
  padding: 0px 16px;
}

.header-noti-box-cont-tabs-head-view-all {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #091F48;
}

.header-noti-box-cont-tabs-head-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.header-noti-cont-tabs-main .tab-pane {
  padding: 0px;
}

img.noti-usr-icon {
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
  bottom: 0;
  object-fit: cover;
  border-radius: 50px;
  background: #f1f1f1;
}

img.noti-usr-photo {
  object-fit: cover;
  height: 64px;
  width: 64px;
  border-radius: 50%;
}

.head-noti-user {
  position: absolute;
  left: 0;
}

.header-noti-box-cont-tabs-cont ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.header-noti-box-cont-tabs-cont ul li {
  padding-left: 78px;
  padding-right: 60px;
  position: relative;
  min-height: 64px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.header-noti-box-cont-tabs-head {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
}

.mark-as-all-read img {
  margin-right: 6px;
}

.noti-nav-tabs {
  border-bottom: 1px solid #dbdbdb;
  padding: 0px 16px;
}

.noti-nav-tabs li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--blue);
  padding: 9px 16px;
  display: inline-block;
  position: relative;
}

.noti-nav-tabs li a.active {
  color: var(--navyblue) !important;
  font-weight: 700 !important;
}

.noti-nav-tabs li a.active:before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  background: var(--navyblue);
  bottom: -1px;
  left: 0;
}

.mark-as-all-read {
  position: absolute;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #091F48;
  right: 16px;
  top: 10px;
  cursor: pointer;
}

.mark-as-all-read:hover {
  color: var(--yellow);
}

.header-noti-box-cont-tabs {
  position: relative;
}

.header-noti-box-cont-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  padding: 10px 16px 12px 16px;
}

.header-noti-cont-tabs-main .tab-pane.unreadnoti {
  padding-top: 10px;
}

.close-noti {
  position: absolute;
  right: 16px;
  top: 8px;
}

.header-noti-box:hover .header-noti-box-in {
  display: block !important;
}

.header-noti-box-cont {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 5px 5px 10px 10px;
  width: 457px;
}

.header-noti-box-in {
  position: absolute;
  display: none;
  border-top: 27px solid transparent;
  left: -220px;
  z-index: 9;
}

#joinedgrp {
  padding-bottom: 130px;
}

.dis-loader3 {
  width: 28px;
}

.um-rgt-btn-loading2 span.loading-btn-in2 {
  z-index: 1;
  height: 54px;
  background: #f3f5f7db;
  border-radius: 10px;
  border: none;
}

.all-content-main-left-sidebar-user {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.all-content-main-left-sidebar-user .card {
  flex-grow: 1;
}

.cstm-asl-link ul li a {
  display: flex;
  justify-content: space-between;
}

.sd-logout a {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FF4852 !important;
}

.cstm-asl-link ul li a {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.cstm-asl-link ul li a:hover {
  color: var(--yellow);
}

.cstm-asl-link ul {
  padding: 0px;
  margin: 0px;
  border-top: 1px solid rgba(0, 0, 0, .125);
  list-style: none;
}

.cstm-asl-link ul li {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

table.bitable {
  width: 100%;
}

table.bitable th {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
}

table.bitable td {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
  padding-top: 16px;
}

.um-billing-information-table {
  padding: 12px 24px 24px 24px;
}

.um-billing-info-main-left img {
  margin-right: 16px;
}

.um-billing-informatio-title {
  padding: 16px 24px;
  width: 100%;
  display: table;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.um-billing-information {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 16px;
}

.cstm-remove-link {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  padding: 0px;
  background: transparent;
  border: none;
}

.cstm-remove-link:hover {
  color: #ffcc00;
}

a.leave-group {
  color: #ea3200 !important;
}

span.profile_edit_image img {
  background: #c79505b8;
  text-decoration: initial;
  padding: 4px;
  border-radius: 6px;
}

span.profile_edit_image img:hover {
  background: #2a72d1;
}

.profile_edit_image {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile-bg-img {
  position: relative;
}

.um-billing-info-main {
  display: flex;
  justify-content: space-between;
}

.um-payment-info {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 24px;
  margin-bottom: 16px;
}

.um-billing-info-price {
  margin-bottom: 72px;
}

.um-billing-info-date {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
}

.cancle-subscription-link button {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  border: none;
  padding: 0px;
  background: transparent;
}

.cancle-subscription-link button:hover {
  color: var(--yellow);
}

.cancle-subscription-link {
  margin-left: 20px;
}

.um-billing-info-right-upgrade {
  margin-top: 25px;
}

.um-billing-info-right p {
  margin-bottom: 5px;
}

.um-billing-info-left {
  width: 35%;
}

.um-billing-info-right {
  width: 65%;
  /* padding-top: 50px;
     */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.um-billing-info-price-in {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #201E29;
}

.um-billing-info-price sup {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-right: 5px;
  color: #201E29;
}

.um-billing-info {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 24px;
  margin-bottom: 16px;
}

.um-billing-info-details {
  display: flex;
  justify-content: space-between;
}

.um-billing-info-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  background: var(--yellow);
  margin-bottom: 16px;
}

.all-content-main-edit-profile-header .um-back {
  margin-bottom: 15px;
}

.cstm-edit-profile {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #091F48;
}

.profile-loading-image img {
  width: 40px;
  position: relative;
  top: 26px;
}

.cstm-pli-bg {
  background: #ffffff9e;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 50%;
}

.profile-loading-image img {
  width: 40px;
  position: relative;
  top: 30px;
}

.profile-loading-image {
  height: 96px;
  width: 96px;
  border-radius: 50%;
  object-fit: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAYAAACHjumMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA5zSURBVHgB7d2JUtzWFgVQ4RE8xTj//4kJtvGAbQzv7Q6q6pBWt+ZxraouXElVBhBb55x7r3T27du3+wKgod+/fxdXV1e7r1WeFAAtPH36tLi8vNx9rSJggNYSLh8+fCiePXt28O8LGKCTJ0+e7CqZQyEjYIDOqkJGwAC9OBQyAgboTRky5eBXwAC92g+ZM/tggCFkf4wKBhhEKhgBAwxGwACDETDAYAQMMBgBAwxGwACDETDAYAQMMJhnBVQ49KSyYw8XgscEzAYlOG5vb3efu7u73af88/39/e5TR86clIHz/Pnz4uzsbPc1f63qAURsi6tg5RIWNzc3uwD59evX7mvdADmlDKfIP/uxhEzCJqGTz4sXLwq2xWHHlUl45Jf9x48fu2ApA2AOUuEkdF6+fLn7qHLWT8CsQBkq379/3wVLXxXK0Mrq5uLiQnWzUgJmwX7+/LkLlATLUkKlSsImVc2rV68MkldEwCxMOVNJqByae6xBWdXkw7IJmIVIsHz9+rX4/89r8dVKXalkXr9+LWgWTMDM3BaD5TFBs1wCZsYSLPlsNVgeEzTLI2BmKMPbL1++rHbG0pWgWQ4BMyOpVD5//rwb4nLa+fl58ebNG6tOMyZgZkI71E6OK6SSSdAwPwJmYgmUT58+7faz0F6qmP0XfjEPAmZCmbWkJTp0apnmUs2kkjGbmQ+HQSaSdiiDXPqTc1cJ7BzoTNDk7BPTUsGMzCB3HFqmefBEuxGlFbq6uhIuIyi/16lmmI4KZiTlBW/eMr63b9/uDlEyPjOYEWTDXMLFEvQ0rq+vd/MZS9njEzADy/JzlqGFy7QyVA8hMy4BM6A8UiEDXeZByIzPkHcg5R4X5sX2gHEJmAFk5vLx48eCeRIy4xEwPcsqkZnL/JXP2GFYAqZHlqKXJatLaWUZjoDpkXBZnlSbfmbDETA9yd3Qhbo82R9jj9JwBEwPMjDUzy9XOTejfwKmo1yc5f4KlisbIt0k+idgOkhZnfKadUib63BkvwRMBx4WtT7Zv2Qe0x8B01KOAXjswvrkhmETXn8ETAvmLuuWWYz9Mf0QMC3kDqc1WjdVTD8ETEMJFq3R+uU8mVWl7gRMQ1aNtsN7qroTMA1ksKs12o7s8tUqdSNgGjDY3Z60SW4q7QmYmlQv26WKaU/A1KR62a4M9d1c2hEwNaheUMW0I2BqUL2QKsaKUnMC5gTVCyU3muYEzAkJGIhcC6qYZgTMEdnNmQ9E9sW44TQjYI6wVZzH8mAq6hMwR7iYeCynrM3k6hMwFfTbVNEm1SdgKqheqOI0fX0C5oAM8wQMVdIieSBVPQLmABcPp7hG6hEwB6heOMX2hXoEzAEuHk5JBWMR4DQB80jCxTIkdRj2niZgHtFbU5eXtJ0mYB7RHlGXWd1pAuYRdyXqSittDnOcgNmT/S/mLzSh4j1OwOxRvdCUa+Y4AbPH3YimXDPHCZg9Lhaacs0cJ2D2ZAYDTZjZHSdg9uinaUPIVBMweyw50oYbUzUB88BdiLa01tUEzAMBQ1uunWoCBjoSMNUEzAMXCfRPwEBHZjDVBMwDFwn0T8A8sERNW25O1QQMdOTmVE3AAIMRMA/Ozs4KaMO1U03APHjyxLeCdlw71XxngMEImAfKXNpy7VQTMA+ePn1aQBsCppqAeaCPpi03p2p+qx64SGjLzama78weIUMbrptqAmaPXpo2BEw1AbPn2bNnBTTluqkmYPa4UGjKNXOcgNmj1KUp18xxAmbPixcvCmhCBXOcgNmT5UZ3JJpwUzpOwDzijkQTz58/L6gmYB5xwVBXbka2NhwnYB5R8lKXa+U0AfNIKhh3Jep4+fJlwXEC5gAXDnWoYE4TMAe4cDjFTageAXNALh5tEscImHoEzAHZD2M1iWPOz88LThMwFVxAVLm4uFDh1iRgKmiTqKI9qk/AVEiblDsV7MtREgFTn4A5woXEY69evSqoT8AckeVqS9bsc9NpRsCcYNhLKS2z0/bNCJgTrBhQev36dUEzAqYGfTeql3YETA0JGFXMtqle2hEwNWTJWhWzXaqX9gRMTQkYF9k2qV7aEzA1pYpxoW3Pmzdv3Fg6EDANpFS2L2Y7EixuKt0ImIZccNvx9u3bgm4ETEOpYAx81y/Vql273QmYFlLF6MvXS2vUHwHTQga+7969K1gnN5D+CJiWtErrlNbIYzr6I2A6yJ3OmyDXI1WLwW6/BEwHaZXev3/vGMFKXF5e+ln2TMB05K63DvkZmrv0T8D0ID17dnyyTJmlmacNQ8D0JPMYw8HlyetpVKDDETA9ShVj6LscaYn++OOPguEImB6VQ1+9/PzlZ5Shrp/VsARMz1y485eVolQufkbDEzADEDLzlXDJz8argcchYAYiZOZHuIxPwAxIyMyHcJmGgBmYkJmecJmOgBlBwuXDhw+eLzKBfO///PNP4TIRATOScgnbjt/xJFRUj9OyK2xk2fGbkv36+rpgONn6nzB3eHFaZ9++fbsvGN3v37+Lq6ur3Vf6k0BJsDhbNA8CZkJ3d3fF169fi///DAq6K7f+m7fMhxZpQpnL5KBdzi8laFQz7WmJ5kkFMxMJl4TM9+/fC+pL1ZLnI3tf1TwJmJm5ubkpvnz5opo5IZVKBuapXFQt8yVgZqqsZgTNf6VaSdVi+Xn+BMyMaZv+LcGSqkU7tBwCZgG2HjSCZbkEzIKUQfPz589NtE6CZfkEzEKlmsn+mdvb22JNyuHt+fm5GcsKCJiF+/Xr1y5sll7VlG/KzFerQutho93CZddquXM1IZNl7iWETUIk/91lsAiVdVLBrFRC5sePH7sWKn+eg7Q8eWRFPgkXobJ+AmYD7u/vd61UgiZf88lfG1JZoeQYRD6ZqQiU7REwG1WGTj45dJmWKtVO29YqrU7OVuVrPga0hIDZkDJEykDZ/yRw+qpqUqnkk5BJ6JRfU8mUlY1qZhsMeVcogVEOess/9xkgp5T/rgRZlTKA8knwJHTKP7MeKpiFKwMklUnanXwdK0iGUs5tyuCx0W653C4WJgGS1aFyaLv0MDkk/4+PNxCWy/FWoJZFBTNzqVCyt2XNgdJGqptUNgkcFc58CZgZKvewJFiOzTH4R6qZ/bCxgjUfAmYmylDJtn9VSjdlK+U80/QEzISEyvDSSpVnnITN+ATMyBIk5ZsEhMq4UtlcXFzsPoxDwIwk1UqetZthLdNKJZOwyVsIVDXDEjADUq3Mn6pmWAJmAFlaTqiYrSxHKpny6Xmqmv4ImB5pg5Yv4ZLVp1Q0gqY7AdMDwbJOCRpzmm4ETAeCZRsETXvOIrWQGcv19fVuDwvrVx7VKIOG+lQwDZSrQvmwTeUw2KpTPQKmpjJYrAoRCZr37997fs0JAuYEcxaOMZ85TvxWSKWSYMl+FqhSzme0TYepYA7I8PbTp0/aIRpJFXN5eama2SNg9iRQEixWh+gi1YzVpn8ImAeqFvqkmvnH5gPGrIWh5FUtqWbyPJqt2nTAZDiXqmXJL41n/ra80rTZVaTsaUnlAkMrV5q2uG9mcxWMQS5T2toAeFNxmlbo6upKS8RkUjnn+nv37t0m3u20mYDJw59yQNEqEVMrW6YtrDI9KTYgs5bPnz8LF2ajrKZzFGXNVj2DSaAkWHLHgLla81xmtS1S7hAZ5jqkyNyVj/9YY8isskUqy0/hwlIkZFJtr83qAiahYqWIJcpCxN9//72qWeGqAka4sHS5hv/666/VXMOrCZikf8LFShFLt6b9WqsImISLZWjWZC0hs/iAKcMF1mYNIbPogBEurN3SQ2axASNc2Iolh8wiA0a4sDVLDZnFBUyW8YQLW7TEkFlUwJT7XGCryiMwS1kxXUzALO0bC0PJjfbjx4/FEiwiYDwoCv4tj3lYwqhg9gGTikW4wH9lsWPuz5WefcB46j9UyynsOb9yZ9YBk3T2cG44Lo+Cvb29LeZotgGTZC4fxAMcl6HvHCv9WQZMvlHeWQT1zXWVdXYBU64YAc1k+XpuN+bZBYyhLrSXge+chr6zCpikr+foQjeZXc5l6DubgMlqkaEudHd3d7cb+s5hHjOLgElLlKU2oB9zWSiZRcCYu0D/MouZeh/Z5AFj7gLDyXmlKW/ekwZM/sfNXWA4mcdMeShy0oCx3wWGl5PXUy1dTxYwaY3MXWAc6RSmWFWaJGC0RjCutEpZTBnbJAGjNYLxZUUp7dKYRg8YrRFMZ+w3oI4aMAmWOT8cB9Zu7PHEqAGT6sVDu2FaedTmWF3EaAFzc3Oz+wDTysB3rKM5owWMB0jBfIw18B0lYMYsyYB6xpjFDB4w9rzAPKWCGbqKGTxgVC8wX0Pf/AcNGNULzFsqmBQBQxk0YAx2Yf6GLAIGC5hUL5alYf7yuzrULGawgFG9wHIMVcUMEjCqF1iWoVaUBgkY1QsszxBVTO8Bk+rFC+theYaoYnoPmPwHOtAIy9R3cdB7wNj3AsuV2WmfBUKvAWPXLixbTlr3WST0HjDAsvXZJvUWMHl5mheowfLd3t72NuztLWA8ChPWo69upJeASd9maRrWo6/V4F4CJuFiaRrWI0VDH1VMLwFjuAvr00dX0jlgsixtuAvr00eb1DlgHGqE9eranQgYoFLXNqlTwKQ9ypo5sE5d26ROAaN6gfXr8nveKWDsfYH167Krt3XAWD2CbZgkYMZ47SQwvWy6a/v73jpgtEewHaMHjAoGtqPtOKRVwHgsJmxLtqO0+Z1vHTDAdmQO06aKETBALW021bYKGMvTsD1tFnYaB4zqBbZplApGwMA2ZQ7T9K0hAgaorenvf+OAcXoatqvp73+jgEl5ZP8LbNegAWP1CLZt0IDRHsG2NR30ChigkSY50HgGA2ybCgYYzCABY8ALxCABoz0CYpAZjPYICBUMMKi6eSBggMbq7uivHTDZYAMQdRd9VDBAY71WMKoXYF/dTPgfP9FATM38mnkAAAAASUVORK5CYII=);
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0px 3px 15px #e3e3e3;
  position: relative;
  text-align: center;
}

.delete-pro-text {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-decoration-line: underline;
  color: #201E29;
  opacity: 0.3;
}

.all-content-main-edit-profile-header {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding: 24px;
}

.group-media-slider img,
.group-media-slider video {
  border-radius: 5px;
}

.group-media-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 16px;
  display: flex;
}

.group-media-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.cstm-media-all-main {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px;
}

.cstm-joined-group {
  margin-bottom: 20px;
}

.cstm-sg-join {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.cstm-sg-join a {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--navyblue);
}

.cstm-sg-join a:hover {
  color: var(--yellow);
}

.cstm-joined-group ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-joined-group ul li {
  padding: 6px 0px;
  display: flex;
  align-items: center;
  position: relative;
}

.cstm-cgyj-jg .card-header button {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.cstm-cgyj-jg .card-header {
  border-bottom: none;
}

.cstm-cgyj-jg {
  margin: 10px 16px;
}

.cstm-cgyj-main {
  margin: 10px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 10px;
}

.cstm-cgyj-main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-cgyj-main ul li {
  padding: 6px 0px;
  display: flex;
  align-items: center;
  position: relative;
}

.common-groups-you {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  padding: 0px 16px;
}

.user-pt {
  margin: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 17px;
}

.user-pt.cstm-user-pt {
  border: none;
  padding: 0;
}

.user-pt-main {
  background: var(--navyblue);
  padding: 8px 12px;
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
}

.user-pt img {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 5px;
}

.sd-detilas-info-in:last-child {
  margin-bottom: 0px;
}

.sd-detilas-info-in {
  position: relative;
  margin-bottom: 16px;
}

.sd-map img {
  width: 100%;
}

.sd-detilas-info-in-icon {
  position: absolute;
  left: 0;
  line-height: 18px;
}

.sd-detilas-info-in-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  display: table;
  width: 100%;
  word-break: break-all;
}

.sd-detilas-info-in-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

.sd-detilas-info {
  padding: 16px;
}

.sd-detilas-title {
  padding: 12px 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.sd-detilas {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
}

.follow-bf {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  cursor: pointer;
}

.follow-af {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #FF4852;
  cursor: pointer;
}

.pro-followers-following-cont {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px 16px 0px 16px;
}

.pro-followers-following-cont .pro-group-members {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 18px;
}

.pro-followers-following-cont .pro-group-members-list {
  border-bottom: none;
  margin-bottom: 0px;
}

.pro-followers-following-cont .pro-group-members-list-left-img img {
  border-radius: 50px;
}

.pd-ng {
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #c1c1c1;
}

.pd-rs {
  color: #351BCE;
}

.profile-detilas-flw-in {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.profile-detilas-all-username-left2 {
  padding-left: 76px;
}

.profile-detilas-user-photo img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  object-fit: cover;
}

.profile-detilas-user-photo {
  position: absolute;
  left: 16px;
}

.profile-detilas-comm {
  cursor: pointer;
}

.gm-active {
  background: var(--navyblue) !important;
  color: var(--white) !important;
}

.group-media-main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
}

.group-media-main ul li button:hover {
  background: var(--navyblue);
  color: var(--white);
}

.acvite-gm {
  background: var(--navyblue) !important;
  color: var(--white) !important;
}

.group-media-main ul li {
  display: inline-block;
  margin-right: 16px;
  float: left;
}

.group-media-main ul li button {
  background: #FFFFFF;
  border: 1px solid #cfcfcf;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #091F48;
  height: 32px;
  padding: 0px 24px;
  margin-bottom: 18px;
}

.user-photo-img {
  vertical-align: middle;
  margin: -16px 8px -10px 0px;
  display: inline-block;
}

.user-photo-img img {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  object-fit: cover;
  vertical-align: inherit !important;
  margin: 0px !important;
}

.search-topics-box {
  padding: 16px 16px 0px 16px;
  position: relative;
}

.search-topics-box input[type="text"] {
  height: 40px;
  border-radius: 10px;
  padding: 10px 42px 10px 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  background-color: #f4f4f4;
}

.search-topics-box:after {
  content: '';
  height: 21px;
  width: 21px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%202C15.968%202%2020%206.032%2020%2011C20%2015.968%2015.968%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202ZM11%2018C14.867%2018%2018%2014.867%2018%2011C18%207.132%2014.867%204%2011%204C7.132%204%204%207.132%204%2011C4%2014.867%207.132%2018%2011%2018ZM19.485%2018.071L22.314%2020.899L20.899%2022.314L18.071%2019.485L19.485%2018.071Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 1;
  top: 26px;
  right: 30px;
  cursor: pointer;
  background-size: contain;
}

.group-topics-ls {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  position: absolute;
  padding: 11px 0px 0px 16px;
}

.loading-btn {
  position: relative;
}

.loading-btn-in {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffffeb;
  height: 54px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-btn-in img {
  width: 36px;
}

.loadind-post {
  text-align: center;
  position: relative;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 24px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.loadind-post img {
  width: 35px;
  position: absolute;
}

.loadind-post.cmt-loading {
  height: 50px !important;
}

.news-votes-cunt {
  position: absolute;
  right: 24px;
  top: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.newsfeed-agree-all {
  position: relative;
  padding-right: 80px;
  padding-left: 16px;
}

.selectedplan:before {
  content: '';
  height: 35px;
  width: 35px;
  position: absolute;
  background: url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_182_129)'%3e%3cellipse%20cx='8.49997'%20cy='8.19753'%20rx='4.85714'%20ry='4.74074'%20fill='white'/%3e%3cpath%20d='M2.02851%205.95322C1.91803%205.67969%201.80437%205.4254%201.70983%205.16383C1.59723%204.84609%201.46922%204.52836%201.40495%204.20023C1.24083%203.36352%201.77675%202.66253%202.64621%202.58348C3.05253%202.54708%203.46735%202.57308%203.87685%202.59596C4.49456%202.63081%204.48128%202.63705%204.6454%202.06554C4.77075%201.63029%204.89132%201.18567%205.08943%200.780572C5.33747%200.271992%205.78946%200.0093816%206.3838%200.045783C6.72426%200.0671039%207.02488%200.21219%207.29204%200.409798C7.64578%200.672928%207.99101%200.947499%208.332%201.22675C8.45788%201.33075%208.54445%201.32451%208.66874%201.21947C9.01291%200.924618%209.35921%200.630286%209.72198%200.357796C10.0263%200.128986%2010.3737%20-0.0192197%2010.772%200.000541097C11.3308%200.0291422%2011.7366%200.312553%2011.9533%200.795133C12.1296%201.19035%2012.2337%201.61729%2012.3585%202.0333C12.5556%202.69061%2012.3707%202.56736%2013.0973%202.56996C13.4617%202.56996%2013.8271%202.5242%2014.1904%202.5398C15.2351%202.58452%2015.8247%203.34948%2015.5623%204.34011C15.4481%204.77121%2015.2505%205.18047%2015.1024%205.60324C14.9605%206.00834%2014.9366%205.88094%2015.2771%206.11599C15.6069%206.34427%2015.9617%206.53876%2016.2863%206.77381C16.6411%207.0307%2016.9141%207.35832%2016.9815%207.80397C17.0194%208.01387%2017.0014%208.22981%2016.9291%208.43087C16.8568%208.63194%2016.7327%208.81132%2016.5688%208.95166C16.3006%209.18827%2015.9846%209.37547%2015.684%209.57568C15.4646%209.71973%2015.2325%209.84557%2014.9818%209.9917C15.062%2010.1997%2015.1411%2010.3978%2015.2118%2010.5975C15.3451%2010.9771%2015.5145%2011.3505%2015.5931%2011.7416C15.7684%2012.6095%2015.2144%2013.3074%2014.3099%2013.3755C13.9194%2013.3961%2013.5278%2013.3897%2013.1382%2013.3562C12.5104%2013.3162%2012.5173%2013.3089%2012.358%2013.8955C12.2518%2014.2897%2012.1524%2014.6901%2011.9984%2015.0676C11.7493%2015.6771%2011.0854%2016.1191%2010.2701%2015.8357C9.86744%2015.7007%209.49815%2015.4846%209.18606%2015.2013C9.01238%2015.0416%208.82011%2014.9017%208.64112%2014.7468C8.54499%2014.663%208.46425%2014.6615%208.36652%2014.7442C8.09565%2014.974%207.83008%2015.2122%207.54486%2015.4202C7.30851%2015.5949%207.06259%2015.7717%206.79331%2015.8882C6.19525%2016.1446%205.55258%2015.9433%205.17654%2015.4202C4.92637%2015.0723%204.81961%2014.6703%204.7187%2014.2658C4.66558%2014.0453%204.60185%2013.8258%204.55139%2013.6043C4.52059%2013.4696%204.45579%2013.4077%204.30548%2013.4176C3.96821%2013.4389%203.62987%2013.4535%203.29207%2013.4592C3.07332%2013.4705%202.85399%2013.4626%202.63665%2013.4358C1.66893%2013.2798%201.19197%2012.5856%201.43895%2011.6547C1.54517%2011.2429%201.73957%2010.8523%201.87979%2010.4478C2.03913%209.97974%202.08534%2010.1227%201.67796%209.84661C1.37309%209.63861%201.05228%209.45452%200.750067%209.24391C0.605123%209.14056%200.473974%209.01985%200.359684%208.88457C-0.127897%208.31723%20-0.127897%207.60168%200.403237%207.07126C0.664023%206.81125%200.991733%206.61261%201.29926%206.39992C1.52765%206.24339%201.77091%206.11026%202.02851%205.95322ZM7.57992%208.83517L6.57607%207.84193C6.37743%207.64537%206.13683%207.5476%205.85586%207.58504C5.51168%207.63029%205.2647%207.81385%205.1521%208.13939C5.0395%208.46492%205.10589%208.75821%205.35234%209.00262C5.8941%209.53859%206.43833%2010.0721%206.98505%2010.6032C7.43916%2011.0453%207.96764%2011.0167%208.3713%2010.5242C9.46367%209.19156%2010.5543%207.85684%2011.6431%206.52004C11.9618%206.12847%2011.915%205.62041%2011.5369%205.32399C11.1587%205.02758%2010.6414%205.0957%2010.3211%205.4852C9.79386%206.12899%209.2675%206.77312%208.74204%207.4176L7.57992%208.83517Z'%20fill='%2382CDB8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_182_129'%3e%3crect%20width='17'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  top: -18px;
  z-index: 999;
  background-repeat: no-repeat;
  background-size: contain;
  right: 5px;
  margin: auto;
}

.StripeElement {
  border-radius: 15px;
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 600;
  color: var(--black2);
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  padding: 17px 20px;
  width: 100%;
}

.upcoming-group-events-box-cont-sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 5px;
}

.upcoming-group-events-box-cont-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 5px;
}

.upcoming-group-events-box-wed {
  font-weight: 700;
  font-size: 12px;
  line-height: 8px;
  letter-spacing: 0.02em;
  color: #FF4852;
  margin-top: 12px;
}

.upcoming-group-events-box-cale {
  position: absolute;
  left: 16px;
  background: #FFFFFF;
  border: 1px solid #351BCE63;
  border-radius: 15px;
  height: 83px;
  width: 64px;
  text-align: center;
}

.upcoming-group-star {
  position: absolute;
  right: 16px;
}

.upcoming-group-events-box {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 16px 57px 16px 98px;
  position: relative;
  margin-bottom: 16px;
}

.view-active img {
  filter: brightness(0) invert(1);
  opacity: 1 !important;
}

.view-by-btn button img {
  opacity: 0.4;
}

.view-active {
  background: #091F48 !important;
}

.view-by-btn button {
  border-radius: 10px;
  border: none;
  background: #FFF;
  padding: 8px 9px;
  display: flex;
}

.view-by-btn {
  background: #FFFFFF;
  border: 1px solid rgba(9, 31, 72, 0.1);
  border-radius: 10px;
  display: flex;
}

.pro-uge-view-btn {
  display: flex;
  align-items: center;
}

.view-by-title {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 16px;
}

.pro-uge-view-check input {
  height: 16px !important;
  width: 16px !important;
}

.pro-uge-view-check {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  border-right: 1px solid #afafaf;
  margin-right: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
}

.pro-uge-view {
  display: flex;
  align-items: center;
}

.pro-events-top {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.pro-uge-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.pro-group-members-list:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.pro-group-members-list-right-upload {
  line-height: 20px;
  cursor: pointer;
}

.pro-group-members-list-right-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  margin-right: 22px;
}

.pro-group-members-list-left-file {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.pro-group-members-list-left-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--blue);
  margin-bottom: 5px;
}

.btn-uf img {
  margin-right: 5px;
  vertical-align: -5px;
}

.btn-uf {
  background: #091F48;
  border-radius: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 8px 18px;
  border: none;
}

.btn-uf:hover {
  background: var(--yellow);
}

.pro-group-members-list-left {
  padding-left: 75px;
}

.pro-group-members-list-right {
  display: flex;
  align-items: center;
}

.pro-group-members-list-left-img {
  position: absolute;
  margin-left: -75px;
  top: 0;
}

.pro-group-members-list-left-img img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 15px;
}

.pro-group-members-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 75px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  margin-bottom: 12px;
  position: relative;
}

.pro-group-members-search {
  position: relative;
}

.pro-group-members-search:after {
  content: '';
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11%202C15.968%202%2020%206.032%2020%2011C20%2015.968%2015.968%2020%2011%2020C6.032%2020%202%2015.968%202%2011C2%206.032%206.032%202%2011%202ZM11%2018C14.867%2018%2018%2014.867%2018%2011C18%207.132%2014.867%204%2011%204C7.132%204%204%207.132%204%2011C4%2014.867%207.132%2018%2011%2018ZM19.485%2018.071L22.314%2020.899L20.899%2022.314L18.071%2019.485L19.485%2018.071Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 12px;
  cursor: pointer;
  background-size: cover;
}

.search-members-input {
  width: 276px !important;
  height: 36px !important;
  border-radius: 10px !important;
  padding: 0px 40px 0px 15px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 0.02em !important;
  background: #f4f4f4 !important;
}

.pro-group-members-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.pro-group-members {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.pro-map {
  margin-bottom: 20px;
}

.pro-map img {
  width: 100%;
  border-radius: 15px;
}

.pro-post-list-main-in-link-view button {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #091F48;
  border: none;
  background: transparent;
  padding: 0px;
}

.pro-post-list-main-in-link-view button:hover {
  color: #ffcc00;
}

.pro-post-list-main-in-link-unfollow {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #091F48;
  cursor: pointer;
}

.pro-post-list-main-in-link {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pro-post-green {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #82CDB8;
  background: #FFFFFF;
  border: 1px solid #82CDB8;
  border-radius: 10px;
  padding: 2px 8px;
  margin: 0px 5px 5px 0px;
  display: inline-block;
}

.pro-post-blue {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #351BCE;
  background: #FFFFFF;
  border: 1px solid #351BCE;
  border-radius: 10px;
  padding: 2px 8px;
  margin: 0px 5px 5px 0px;
  display: inline-block;
}

.pro-post-list-main-in-hobbies {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  margin-bottom: 3px;
}

.pro-post-list-main-in-cont {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.9;
  margin-bottom: 18px;
}

.pro-post-time-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.pro-post-user-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.pro-post-list-main-in-user-right {
  /* padding-left: 75px;
     */
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.pro-post-list-main-in-user-left img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.pro-post-list-main-in-admin {
  position: absolute;
  right: 13px;
  top: -12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  background: #FFCC00;
  border-radius: 10px;
  padding: 3px 10px;
}

.pro-post-list-main-in-user {
  display: flex;
  margin-bottom: 10px;
  min-height: 60px;
  align-items: center;
  gap: 12px;
}

.pro-post-list-main {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  list-style: none;
}

.pro-post-list-main-in {
  background: #FFFFFF;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  padding: 16px 10px;
  position: relative;
}

.pro-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 15px;
}

.cstm-grup-admin {
  margin-bottom: 16px;
}

.cstm-grup-admin .pro-title {
  margin-bottom: 24px;
}

.pro-about-list {
  margin-bottom: 15px;
}

.pro-about-list:last-child {
  margin-bottom: 0px;
}

.pro-about-list-cont {
  padding-left: 28px;
}

.pro-about-list-name img {
  margin-left: -28px;
  position: absolute;
}

.pro-about-list-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  padding-left: 27px;
}

.pro-about {
  background: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px;
}

.pd-invite-in {
  left: -166px !important;
}

.pd-invite-in ul li {
  padding: 8px 12px;
}

.pd-invite-in ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.pd-invite-in-sub {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #838fa2;
  padding-left: 20px;
  display: table;
  width: 100%;
}

.pd-invite-in-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: flex;
  width: 100%;
  padding-left: 20px;
  align-items: center;
}

.pd-invite-in-title img {
  position: absolute;
  width: 14px;
  margin-left: -20px;
}

.pd-invite-in {
  min-width: 300px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
}

.pd-dottod-in {
  min-width: 132px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  left: -118px !important;
}

.pd-dottod-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.pd-dottod-in ul li a {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: block;
}

.pd-dottod-in ul li a:hover {
  color: var(--yellow);
}

.profile-detilas-cmn {
  position: relative;
}

.pd-joind-in {
  min-width: 132px;
  padding: 5px 0px;
  margin-top: 12px;
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
}

.pd-joind-in ul li a {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: block;
}

.pd-joind-in ul li a:hover {
  color: var(--yellow);
}

.pd-joind-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.pd-joind-btn {
  background: var(--navyblue);
  box-shadow: 0px -4px 8px -4px rgb(0 0 0 / 15%);
  border-radius: 10px;
  padding: 10px 16px;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: var(--white);
}

.pd-joind-btn:hover {
  background: var(--yellow);
  color: var(--white);
}

.pd-joind-btn i {
  margin-left: 20px;
  font-size: 20px;
  vertical-align: bottom;
  font-weight: 700;
}

.pd-dottod-btn {
  background: transparent;
  border: none;
  padding: 5px 8px 5px 8px;
  line-height: 10px;
}

.pd-invite-btn {
  border: 1px solid #201E29;
  border-radius: 10px;
  background: #FFF;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  padding: 9px 16px;
}

.pd-invite-btn:hover {
  background: var(--yellow);
  color: #FFF;
  border: 1px solid var(--yellow);
}

.pd-invite-btn i {
  margin-left: 20px;
}

.profile-detilas-all-username-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.profile-detilas-user-icon-list img {
  margin-right: 7px;
  vertical-align: -5px;
}

span.profile-detilas-user-icon-list {
  margin-right: 17px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}

.profile-detilas-user-icon-list {
  margin-right: 17px;
}

.profile-detilas-user-title {
  font-weight: 700;
  font-size: 24px;
  color: #091F48;
  margin-bottom: 8px;
}

.profile-detilas-all-nav {
  padding: 12px;
}

.profiledt-menu li a {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #838fa2;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 10px;
}

.profiledt-menu li a:hover {
  background-color: #351BCE;
  color: #FFF;
}

.profiledt-menu li a.active {
  background-color: #351BCE;
  color: #FFF;
}

.profile-detilas-all {
  background: #FFFFFF;
  margin: -96px 16px 24px;
  position: relative;
  border-radius: 5px;
}

.profile-detilas-all-username {
  padding: 16px;
  border-bottom: 1px solid #cfcfcf;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile-bg-img-mn {
  width: 100%;
  border-radius: 5px;
  height: 250px;
  object-fit: cover;
  background: #FFF;
}

.social-checked:before {
  position: absolute;
  content: "\f058";
  font-family: FontAwesome;
  left: 29px;
  font-size: 26px;
  margin-top: 2px;
}

.um-membership-details-in.selectedplan {
  border: 1px solid var(--black);
}

.cstm-login input[type="text"],
.cstm-login input[type="email"],
.cstm-login input[type="password"],
.cstm-login input[type="number"],
.cstm-login input[type="date"],
.cstm-login input[type="time"],
.cstm-login input[type="file"] {
  border-radius: 10px;
  background: rgb(24 22 33);
  border: none;
  font-style: normal;
  font-weight: 600;
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  font-family: 'Inter', sans-serif;
}

.cstm-login .um-right-in-label {
  color: rgba(255, 255, 255, 0.7);
}

.cyt-lets-get-started-link {
  position: relative;
  z-index: 1;
}

.topics-img-title {
  font-weight: 700;
  font-size: 18px;
  color: #091F48;
}

.topic-file-image-left {
  margin-right: 18px;
}

.topic-file-image-left img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 50px;
}

.topic-file-image {
  display: flex;
  margin-top: 35px;
  align-items: center;
  margin-bottom: 40px;
}

.cyp-btm-btn .btn2 {
  vertical-align: top;
  margin-left: 20px;
}

.ct-down-box {
  position: relative;
}

.ct-down-box-in {
  position: absolute;
  background: #FFF;
  z-index: 1;
  border: 1px solid #d2d2d4;
  margin-top: -1px;
  width: 100%;
  display: none;
}

.ct-down-box-in ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.ct-down-box-in ul li {
  padding: 3px 20px;
  font-size: 14px;
  cursor: pointer;
}

.ct-lbl-main .form-group {
  margin-bottom: 0px;
}

.ct-fl-main {
  position: relative;
}

.ct-fl-main:before {
  content: '#';
  position: absolute;
  font-size: 25px;
  color: #091f48;
  left: 28px;
  top: 11px;
  font-weight: 500;
}

.ct-fl-main input {
  padding-left: 60px !important;
}

.cyt-lets-get-started-link a {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #091F48;
  margin-right: 14px;
}

.cyt-lets-get-started-link a:hover {
  color: var(--yellow);
}

.create-yuor-topic h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #091F48;
  margin-bottom: 16px;
}

.cyt-cont {
  margin-bottom: 32px;
  display: table;
  width: 100%;
}

.view-more-comments-link {
  text-align: center;
  padding-bottom: 6px;
}

.view-more-comments-link a {
  color: #2a72d1;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.view-more-comments-link a:hover {
  color: #000;
}

.emoji-picker {
  position: absolute;
  right: 0;
  top: 40px;
}

.pu-progress-fil {
  background: #E6F5F1;
  border-radius: 30px;
  width: 100%;
  height: 5px;
}

.pu-progress-bar {
  background: #82CDB8;
  border-radius: 30px;
  height: 5px;
}

.pu-progress-title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.post-uploading-in-progress {
  background: #FFFFFF;
  border: 1px solid rgba(9, 31, 72, 0.3);
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 16px 20px 20px 20px;
}

.post-close-msg {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
  position: absolute;
  right: 20px;
  color: #d5e7ff;
  font-size: 24px;
}

.post-close-msg:hover {
  color: #ffcc00;
}

.post-sucessfully {
  background: #351BCE;
}

.post-alert {
  background: #FF4852;
}

.post-msg-all {
  padding: 18px;
  display: flex;
  border-radius: 15px;
  margin-bottom: 20px;
  align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
  position: fixed;
  width: 52.1%;
  top: 12%;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}

.post-msg-all a {
  color: #FFF;
  text-decoration: underline;
  margin: 0px 5px;
}

.post-msg-all a:hover {
  color: #ffcc00;
}

.post-msg-all img {
  margin-right: 8px;
}

.newsfeed-votes-main {
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding: 0px 16px;
}

.cstm-poll-will-close {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #351BCE;
  cursor: pointer;
}

.cstm-votes-ct {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
  margin-right: 20px;
}

.newsfeed-agree-main-color {
  position: absolute;
  height: 48px;
  z-index: 0;
  left: 0;
  width: 0%;
  transition: width 0.2s ease;
}

.newsfeed-agree-main-title {
  z-index: 1;
  position: relative;
}

.newsfeed-agree-main-ps {
  z-index: 1;
  position: relative;
}

.newsfeed-agree-main {
  display: flex;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 5px;
  height: 48px;
  padding: 6px 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #201E29;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.newsfeed-agree-dis {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  padding: 16px;
  margin-bottom: 16px;
}

.new-lbl {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 16px;
  padding: 3px 12px;
  background: #FF4852;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
  border-radius: 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

.announcements-list-image~span.new-lbl {
  top: 24px;
}

.announcements-list-image {
  margin-bottom: 16px;
  position: relative;
}

.announcements-list-image img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.announcements-list-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  margin-bottom: 10px;
}

.announcements-list-read a {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #351BCE;
}

.announcements-list-read a:hover {
  color: #ffcc00;
}

.announcements-list-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 4px;
}

.cstm-announcements-list {
  border-top: 1px solid rgba(0, 0, 0, .125);
  padding: 0px 16px;
  border-radius: 0px 5px;
}

.cstm-announcements-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-announcements-list ul li {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 16px;
  /* margin-bottom: 18px;
     */
  padding-top: 16px;
}

.cstm-announcements-list.cstm-announcements-list-main ul li {
  position: relative;
}

.cstm-announcements-list.cstm-announcements-list-main ul li:last-child {
  border-bottom: none;
}

.cstm-events-list-left-months {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #091F48;
  background: #e7f1fa;
  border-radius: 0px 0px 13px 13px;
  height: 21px;
}

.cstm-events-list-left-nubmer {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #091F48;
}

.cstm-events-list-right-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
}

.cstm-events-list-right-title a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  white-space: nowrap;
}

.cstm-events-list-right-join button {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #351BCE;
  border: none;
  background: transparent;
  padding: 0px;
  display: inherit;
}

.cstm-events-list-right-join button:hover {
  color: #ffcc00;
}

.cstm-events-list-right-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  line-height: 20px;
}

.cstm-events-list-left {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #351BCE63;
  border-radius: 15px;
  height: 64px;
  width: 64px;
  text-align: center;
}

.cstm-events-list-right {
  padding-left: 74px;
  min-height: 64px;
}

.cstm-events-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-events-list ul li {
  display: block;
  align-items: center;
  padding: 12px 16px;
}

.cstm-events-list {
  border-top: 1px solid #d8d8d8;
  padding: 4px 0px;
}

.cstm-newsfeed-post .newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px 16px;
  margin-top: 0;
}

.cstm-newsfeed-post .react-input-emoji--input {
  text-transform: none;
}

.cstm-newsfeed-post .react-input-emoji--placeholder {
  font-weight: normal;
  text-transform: none;
}

.newsfeed-write-your-comments-icon button {
  padding: 0px;
  border: none;
  margin: 5px 16px 0px 0px;
}

.newsfeed-write-your-comments-icon button {
  padding: 0px;
  border: none;
}

.newsfeed-write-your-comments-tx textarea {
  border-radius: 10px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 80px 10px 16px;
  text-transform: capitalize;
  height: 40px;
}

.newsfeed-write-your-comments-icon {
  position: absolute;
  right: 0;
  top: 0;
}


.newsfeed-post-right-cmt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.cstm-newsfeed-post .newsfeed-post-right-cmt {
  padding: 0px 16px 16px;
}

.newsfeed-post-right-topik {
  margin-bottom: 16px;
}

.cstm-newsfeed-post .newsfeed-post-right-topik {
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.topik-in {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #351BCE;
  cursor: pointer;
}

.newsfeed-post-right-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #201E29;
  margin-bottom: 8px;
  word-break: break-word;
}

.cstm-newsfeed-post .newsfeed-post-right-text {
  padding: 0px 16px;
}

.yesicon {
  margin: 0px 3px;
}

.topics-select-bar {
  margin-bottom: 20px;
}

.topics-select-bar select {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  background-color: #ffffff;
  border: 1px solid #201E29;
}

.csstm-add-topic-listing {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.tag-csstm-add-topic-listing {
  height: 100%;
  overflow: hidden;
}

.csstm-add-topic-listing .topics-search-label {
  overflow: auto;
  flex-grow: 1;
  max-height: 140px;
  margin-bottom: 20px;
}

.csstm-add-topic-listing.tag-csstm-add-topic-listing .topics-search-label {
  overflow: auto;
  flex-grow: 1;
  max-height: 200px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 80px;
}

.newfeed-dp button {
  background: transparent;
  padding: 0px;
  border: none;
}

.user-name-date {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #201E29;
  opacity: 0.7;
}

.newsfeed-post-right-header-name {
  display: flex;
  flex-direction: column;
}

.user-name-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 5px;
}

.newsfeed-post-right-header {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 110px;
  min-height: 60px;
  margin-bottom: 16px;
}

.cstm-newsfeed-post .newsfeed-post-right-header {
  padding-right: 110px;
  padding-top: 23px;
  margin-bottom: 16px;
  padding-left: 90px;
}

.newsfeed-post-right-header-icon {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
}

.cstm-newsfeed-post .newsfeed-post-right-header-icon {
  right: 24px;
}

.newsfeed-post {
  background: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 16px;
  position: relative;
}

.newsfeed-post-right {
  padding-left: 72px;
}

.cstm-newsfeed-post .newsfeed-post-right {
  padding-left: 0px;
}

.newsfeed-post-left {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  cursor: pointer;
}

.newsfeed-post-left img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.newsfeed-select-in {
  left: -124px !important;
  padding: 10px;
}

.newsfeed-select:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 6px;
  color: #000;
  font-size: 15px;
  cursor: pointer;
  font-weight: 200;
}

.newsfeed-select {
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
}

.newsfeed-sort-title {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  margin-right: 4px;
}

.newsfeed-sort {
  display: flex;
  align-items: center;
}

.newsfeed-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.newsfeed-main {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
  align-items: center;
}

.what-post-btn-all {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.what-post {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 16px;
}

.what-post-left {
  width: 48px;
  height: 48px;
}

.what-post-left img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.what-post-right {
  flex: 1;
}

.what-post-right-input {
  margin-bottom: 16px;
}

.what-post-right-input input {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px;
  text-transform: capitalize;
}

.what-is-happening-main {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 26px;
}

.nbr-rd {
  background: #FF4852;
  border-radius: 30px;
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  margin-left: 8px;
  padding: 2px 5px;
  min-height: 17px;
  display: inline-block;
  vertical-align: 2px;
}

.sort-by-main img {
  margin-left: 10px;
  cursor: pointer;
}

.sort-by-main {
  padding: 5px 20px 0px 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.cp-btn button.cp-btn-dotted {
  overflow: hidden;
}

.cp-btn button.cp-btn-dotted img {
  margin-right: 0px;
  margin-top: 0px;
}

#feeling,
#editfeeling {
  background: rgba(0, 0, 0, 0.3);
}

#topics {
  background: #000000db;
}

select.poll-duration-select {
  background-color: transparent;
  border: 1px solid rgba(32, 30, 41, 0.3);
}

.poll-duration-main {
  margin-bottom: 20px;
}

.addpoll-delete {
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  border: none;
  background: transparent;
  right: 16px;
  padding: 0px;
  top: 12px;
}

.add-poll-main-box2 input {
  background: transparent;
  padding-right: 44px;
}

.plus-add-btn {
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #351BCE;
  border: none;
  background: transparent;
  right: 16px;
  padding: 0px;
}

.plus-add-btn:hover {
  color: #000;
}

.plus-add-btn img {
  margin-right: 6px;
}

.add-poll-main-box input {
  background: transparent;
  padding-right: 85px;
}

.add-poll-main-box {
  background: #351BCE17;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 10px;
}

.add-poll-main-box2 {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.add-poll-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 14px;
}

.add-poll-main {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 15px;
  padding: 10px 20px;
  margin: 16px 0px 20px;
}

.create-topics-box-id {
  margin-right: 10px;
  margin-bottom: 6px;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #351BCE;
}

.feelings-emoji {
  margin-top: 10px;
  margin-bottom: 14px;
}

.feelings-emoji-close {
  background: #4d4b54;
  mix-blend-mode: multiply;
  border-radius: 15px;
  color: #FFF;
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  cursor: pointer;
}

.feelings-emoji-icon {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
  border: 1px solid #351BCE;
  border-radius: 15px;
  background: #FFF;
  display: inline-block;
  justify-content: flex-start;
  padding: 5px 8px;
  margin-right: 8px;
}

.feelings-emoji-icon::first-letter {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 4px;
}

.remove-srarred-in b {
  font-size: 18px;
  vertical-align: -2px;
  margin-right: 4px;
}

.remove-srarred-img {
  cursor: pointer;
}

.remove-srarred-in {
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  border-radius: 5px;
  padding: 7px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  min-width: auto;
  width: 130px;
  cursor: pointer;
  left: -16px !important;
}

.remove-srarred-in:hover {
  border: 1px solid #2a72d1;
  color: #2a72d1;
}

.cstm-files-main .cstm-sg-dotted {
  top: 0px;
}

.cstm-sg-date {
  position: absolute;
  right: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
  bottom: 10px;
}

.cstm-sg-ttl-name {
  line-height: 17px;
  flex: 1 1;
}

.cstm-sg-sb {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #201E29;
  opacity: 0.7;
}

.cstm-sg-ttl-main {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 165px;
  white-space: nowrap;
  display: block;
}

.cstm-sg-name {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 125px;
  white-space: nowrap;
}

.cstm-sg-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.cstm-sg-name a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
}

.cstm-sg-dotted {
  position: absolute;
  right: 20px;
  cursor: pointer;
  display: flex;
}

.all-content-main-right .cstm-starred-group {
  border-top: 1px solid #d8d8d8;
}

.cstm-starred-group {
  padding: 10px 0px 16px 0px;
}

.cstm-starred-group.cstm-left-starred-group {
  padding-top: 0px;
}

.cstm-starred-group ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 8px;
}

.cstm-starred-group ul li {
  padding: 6px 46px 6px 16px;
  display: flex;
  align-items: center;
  position: relative;
}

img.sctm-pt-mn {
  border-radius: 15px;
  width: 40px;
  height: 40px;
  object-fit: cover;
}

img.sctm-pt-star {
  position: absolute;
  right: -8px;
  top: 0px;
}

.cstm-sg-list {
  position: relative;
  margin-right: 12px;
}

.modal-content .btn:hover {
  background: var(--yellow);
  border: 1px solid var(--yellow);
}

.cstm-lict-box-in ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-lict-box-in ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 16px;
  width: 100%;
  display: inline-block;
}

.cstm-lict-box-in ul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.cstm-all-content-center.all-content-main-center {
  max-width: 694px;
  grid-area: newsfeed;
}

.all-content-main-right {
  overflow: auto;
  height: calc(100vh - 96px);
  position: fixed;
  right: 16px;
}

.all-content-main-right::-webkit-scrollbar {
  width: 6px;
  background: #FFF;
}

.all-content-main-right:-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8e8e800;
}

.all-content-main-right::-webkit-scrollbar-thumb {
  background: #e8e8e800;
  border-radius: 10px;
}

.all-content-main-right:hover::-webkit-scrollbar-thumb {
  background: #c9c9c9;
}

.cstm-ctg-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.cstm-ctg-list ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #848fa4;
  padding: 16px;
  width: 100%;
  display: inline-block;
}

.cstm-ctg-listul li a:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.all-content-main-right-sidebar {
  width: 100%;
}

.all-content-main-right-sidebar .card-header {
  padding: 0px;
  border: none;
}

.all-content-main-right-sidebar .card {
  box-shadow: none;
  background: #FFFFFF;
  border-radius: 5px;
  border: none;
  margin-bottom: 8px;
}

.cstm-topic-star-listing .cstm-sg-ttl-main {
  width: 220px;
}

.all-content-main-right-sidebar .card-header button {
  width: 100%;
  border: none;
  padding: 16px;
  text-align: left;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48 !important;
  text-decoration: initial;
  background-color: #FFF;
  border-radius: 5px 0px;
}

.all-content-main-right-sidebar .card-header button.btn-link.collapsed {
  border-radius: 5px;
}

.all-content-main-right-sidebar .card-header button i {
  float: right;
  font-size: 23px;
}

.all-content-main-right-sidebar .card-header button:hover {
  background: #e7f1fa;
  text-decoration: inherit;
  color: #091F48;
}

.all-content-main-right-sidebar .active2-sd {
  font-weight: 700 !important;
  color: #091F48 !important;
  background: #e7f1fa !important;
}

li.logout-only a {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #FF4852 !important;
  justify-content: space-between;
}

.mn-close {
  display: none;
}

.header-ft-search-select {
  width: 28%;
  border-left: 1px solid #bdbdbd;
  padding-left: 20px;
}

.header-ft-search-select select {
  height: 24px;
  padding: 0px;
  background-color: transparent;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #201E29;
}

.create-pp-post-public-gl:before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url(http://localhost:3000/static/media/public.2c073a7….svg);
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 15px;
}

select.cp-public-select {
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 8px;
  height: 40px;
  background-color: #FFF;
  padding-right: 38px;
  padding-left: 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}

.create-pp-post-public-gl:before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99984%2018.3334C5.39734%2018.3334%201.6665%2014.6026%201.6665%2010.0001C1.6665%205.39758%205.39734%201.66675%209.99984%201.66675C14.6023%201.66675%2018.3332%205.39758%2018.3332%2010.0001C18.3332%2014.6026%2014.6023%2018.3334%209.99984%2018.3334ZM8.0915%2016.3892C7.26935%2014.6453%206.79306%2012.7586%206.689%2010.8334H3.38484C3.54699%2012.1158%204.07811%2013.3236%204.91364%2014.3098C5.74918%2015.2961%206.85318%2016.0185%208.0915%2016.3892ZM8.35817%2010.8334C8.484%2012.8659%209.06484%2014.7751%209.99984%2016.4601C10.9601%2014.7305%2011.521%2012.808%2011.6415%2010.8334H8.35817ZM16.6148%2010.8334H13.3107C13.2066%2012.7586%2012.7303%2014.6453%2011.9082%2016.3892C13.1465%2016.0185%2014.2505%2015.2961%2015.086%2014.3098C15.9216%2013.3236%2016.4527%2012.1158%2016.6148%2010.8334ZM3.38484%209.16675H6.689C6.79306%207.24157%207.26935%205.35482%208.0915%203.61091C6.85318%203.98165%205.74918%204.70404%204.91364%205.69033C4.07811%206.67661%203.54699%207.88433%203.38484%209.16675ZM8.359%209.16675H11.6407C11.5205%207.19225%2010.9598%205.26969%209.99984%203.54008C9.03957%205.26962%208.47863%207.19218%208.35817%209.16675H8.359ZM11.9082%203.61091C12.7303%205.35482%2013.2066%207.24157%2013.3107%209.16675H16.6148C16.4527%207.88433%2015.9216%206.67661%2015.086%205.69033C14.2505%204.70404%2013.1465%203.98165%2011.9082%203.61091Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  position: absolute;
  z-index: 111;
}

.create-pp-post-public-gl {
  position: relative;
}

.create-pp-post-cont-text textarea {
  background-color: transparent;
  padding: 0px;
  border-radius: 0px;
  height: auto;
  margin-top: 5px;
  min-height: 30px;
  margin-bottom: 20px;
}

.csm-main-pp-post .create-topics-box {
  margin-top: 30px;
}

.cstm-cp ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cstm-cp ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  padding: 8px 10px;
}

.cstm-cp ul li:hover {
  color: #2a72d1;
}

.cstm-cp ul li img {
  margin-right: 4px;
}

.cstm-cp-dp {
  position: relative;
}

.cstm-cp-dp:hover .cstm-cp {
  display: block;
}

.cp-btn-disable {
  pointer-events: none;
  opacity: 0.6;
  border: 1px solid #6e6e6e;
}

.cp-btn-disable img {
  filter: grayscale(100%);
}

.cstm-cp {
  position: absolute;
  right: -3px;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.3);
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  border-radius: 5px;
  top: -43px;
  width: 129px;
  cursor: pointer;
  display: none;
  z-index: 2;
}

.what-are-you-feeling {
  display: flex;
  flex-wrap: wrap;
}

.wayf-main img {
  margin-right: 6px;
}

.wayf-main::first-letter {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 6px;
}

.wayf-main {
  width: 33.3%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #46444e;
  align-items: center;
  padding: 8px 12px;
  border-radius: 15px;
}

.wayf-main:hover {
  cursor: pointer;
  background: #82CDB8;
  border-radius: 15px;
}

.topics-search-label-in {
  background: rgba(19, 114, 209, 0.1);
  border: 1px solid rgba(32, 30, 41, 0.2);
  border-radius: 20px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091F48;
  display: inline-block;
  padding: 8px 12px;
  margin: 0px 8px 8px 0px;
  cursor: pointer;
}

.topics-search-label-in:hover {
  border: 1px solid #2a72d1;
}

.topics-search-label-in button {
  border: none;
  background: transparent;
  padding: 0px;
  font-size: 18px;
  margin-left: 6px;
  vertical-align: -2px;
}

.add-topics-btn .btn {
  width: auto;
  padding: 10px 42px;
  margin: 0px;
}

.add-topics-btn {
  margin-top: 20px;
  text-align: right;
}

.csstm-add-topic-listing .topics-search-ovr {
  overflow: auto;
  flex-grow: 1;
  margin-top: 16px;
}

.topics-search-ovr::-webkit-scrollbar,
.topics-search-label::-webkit-scrollbar,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar {
  width: 6px;
}

.topics-search-ovr::-webkit-scrollbar-track,
.topics-search-label::-webkit-scrollbar-track,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.topics-search-ovr::-webkit-scrollbar-thumb,
.topics-search-label::-webkit-scrollbar-thumb,
.create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.cstm-add-topic-btn {
  max-width: 160px;
  margin: 16px 0px 0px auto;
  width: 100%;
}

.tso-post {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201E29;
}

.tso-id {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #091F48;
  display: block;
  width: 100%;
}

.topics-search-ovr-in {
  padding: 6px 16px;
}

.topics-search-ovr-in:hover {
  background: #F3F5F7;
  border-radius: 15px;
  cursor: pointer;
}

.topics-search-bar input {
  background-color: #f4f4f4;
  border-radius: 15px;
  height: 48px;
  padding-right: 48px;
}

.topics-search-bar img {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
}

.topics-search-bar {
  position: relative;
  margin-bottom: 20px;
}

.back-btn-mn {
  opacity: 0.5;
  padding: 0px;
  border: none;
  margin-right: 16px;
  background: transparent;
}

.back-btn-mn:hover {
  opacity: 1;
}

.create-pp-cunt {
  position: absolute;
  top: 0;
  z-index: 2;
  background: #0000009c;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  color: #FFFFFF;
}

.create-pp-post-img3-left {
  width: 67%;
  position: relative;
}

.create-pp-post-img3-right-in {
  position: relative;
  width: 100%;
  max-height: 159px;
  overflow: hidden;
  height: 100%;
}

.create-pp-post-img3-right-in img,
.create-pp-post-img3-right-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.create-pp-post-img3-left img,
.create-pp-post-img3-left video {
  border-radius: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 320px;
}

.create-pp-post-img3 {
  margin-top: 12px;
}

.create-pp-post-img3 {
  display: flex;
  justify-content: space-between;
  gap: 2px;
}

.create-pp-post-img3-left {
  width: 65%;
  overflow: hidden;
}

.create-pp-post-img3-right {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.create-pp-post-img2-in img,
.create-pp-post-img2-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 340px;
}

.create-pp-post-img2-in {
  width: 50%;
  position: relative;
}

.create-pp-post-img2 {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  gap: 2px;
}

.bx-close {
  background: #201e29a3;
  border-radius: 15px;
  color: #FFF;
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  font-size: 18px;
  height: 24px;
  width: 24px;
  padding: 0px;
  line-height: normal;
  cursor: pointer;
  z-index: 1;
}

.bx-close:hover {
  background: #351BCE;
}

.create-pp-post-img1 {
  margin-top: 12px;
  position: relative;
}

.create-pp-post-img1 img,
.create-pp-post-img1 video {
  border-radius: 15px;
  width: 100%;
}

.create-pp-post-img1 div {
  width: 100% !important;
  height: 100% !important;
}

.cr-pp-name {
  display: none;
}

.create-pp-post-public-btn button {
  margin: 0px;
  padding: 12px 70px;
}

.cp-public-gl {
  border: 1px solid rgba(32, 30, 41, 0.3);
  border-radius: 8px;
  background: #FFF;
  height: 40px;
  padding: 0px 35px 0px 15px;
  display: flex;
  align-items: center;
  min-width: 140px;
  position: relative;
}

.cp-public-gl:after {
  font-family: FontAwesome;
  position: absolute;
  content: "\f107";
  right: 15px;
  font-size: 19px;
}

.create-pp-post-public {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  align-items: center;
}

.cp-public-gl img {
  margin-right: 8px;
}

.cp-btn button {
  background: #FFF;
  border-width: 1px;
  border-radius: 25px;
  padding: 6px 16px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #091F48;
}

.cp-btn button span {
  line-height: 20px;
}

.cp-btn-photos {
  border: 1px solid #82CDB8;
}

.cp-btn-videos {
  border: 1px solid #FF4852;
}

.cp-btn-feelingn {
  border: 1px solid #351BCE;
}

.cp-btn-topics {
  border: 1px solid #091F48;
}

.cp-btn-dotted {
  border: 1px solid #FFCC00;
}

.cp-btn button img {
  margin-right: 7px;
  margin-top: -4px;
}

.cp-btn button:hover {
  border: 1px solid #000000;
  background: #f2f2f2;
}

.create-pp-post-btn {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.create-pp-post-cont-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #201E29;
}

.create-pp-post-btn span.cp-btn {
  width: 20%;
}

.create-pp-post-btn span.cp-btn:nth-child(4) {
  width: 25%;
}

.create-pp-post-btn span.cp-btn:nth-child(5) {
  width: 15%;
}

.create-pp-post-btn button {
  margin: 0px !important;
  width: 100%;
}

.create-pp-post-cont {
  border-radius: 15px;
  background: rgb(32 30 41 / 6%);
  padding: 10px 20px 20px 20px;
  margin-bottom: 18px;
}

.poll-duration-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 8px;
  display: flex;
}

.cr-pp-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50px;
}

.create-pp-post-left {
  position: absolute;
}

.create-pp-post-right {
  padding-left: 65px;
}

.create-ps-title-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
}

.create-ps-title-title.ccstm-creatr-post-main h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0px;
}

.create-ps-title-title.ccstm-creatr-post-main {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.create-ps-title-title.ccstm-creatr-post-main select {
  height: auto;
  padding: 2px 32px 2px 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1px;
  margin-left: 5px;
  margin-right: 10px;
  color: #091F48;
  font-weight: 600;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.create-ps-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  align-items: center;
}

.create-ps-title-title.ccstm-creatr-post-main input[type="text"] {
  height: auto;
  padding: 2px 10px 2px 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1px;
  margin-left: 5px;
  margin-right: 10px;
  color: #091F48;
  font-weight: 600;
  width: fit-content;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.create-ps-title-close .close {
  font-weight: 200;
  font-size: 21px;
}

form-check.um-cp-check {
  padding: 0px;
  margin-bottom: 10px;
}

span.um-fm-tl {
  margin-left: 5px;
}

select {
  border-radius: 15px;
  background: var(--grey2);
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--input);
  height: 48px;
  padding: 10px 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAICAYAAADqSp8ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABySURBVHjarNPRCcAgDEXRaydwpU7maI7gKt3g9aPpR220hfhAEAweMDFxJQMHPyKJSDbDKlAmdQVoVhtOtss0QIudNSBLIrK+0Ad2P+kK0ENf2GqwR+X1LQqmQU+r7fd+eqNTmiaDhPdVouAJAAD//wMAwPDg02RxKxQAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

.create-popup-post .modal-dialog {
  max-width: 730px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.create-popup-post .modal-content {
  border-radius: 15px;
  padding: 16px;
  max-height: calc(100vh - 124px);
  overflow: auto;
  position: relative;
}

.create-post-content-inner-main {
  height: 100%;
  position: relative;
}

span.um-ulpoad-close {
  float: right;
  font-size: 28px;
  margin-top: 5px;
  cursor: pointer;
}

.um-upload-msg .list-group-item-success {
  background: #82cdb8;
  border-radius: 15px;
  border: none;
  font-weight: 600;
  margin-bottom: 10px;
}

.um-upload-msg img {
  margin-right: 14px;
  color: #000;
}

.um-drap-main-box img {
  width: 100%;
  margin-bottom: 20px;
}

.cstm-sm-form textarea:focus {
  box-shadow: 0 0 0 1px #351BCE;
  border: 1px solid #351BCE !important;
}

.create-pp-post.csm-main-pp-post {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.create-pp-post.csm-main-pp-post .create-pp-post-right {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
}

.create-pp-post.csm-main-pp-post .create-pp-post-cont {
  flex-grow: 1;
  overflow: auto;
}

.um-channels-th {
  display: flex;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
  margin-top: 5px;
  color: var(--blue);
}

.um-channels {
  margin-bottom: 20px;
}

.um-channels-td-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: var(--black);
  width: 39%;
  padding: 0px 1% 0px 3%;
}

.um-channels-td-checkbox {
  display: flex;
  width: 10.3%;
  justify-content: center;
}

.um-channels-td {
  background: #ffffff;
  border-radius: 15px;
  margin-bottom: 12px;
  display: flex;
  padding: 15px 0px;
  align-items: center;
}

.um-channels-td-checkbox .form-check-input {
  position: initial;
  margin: 0px;
  height: 18px;
  width: 18px;
}

.um-thank-you-left:before,
.um-thank-you-left:after {
  display: none;
}

.um-calendar-box-top {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: var(--text2);
  margin-bottom: 10px;
}

.um-calendar-box-bottom {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
}

.um-calendar {
  display: flex;
  align-items: center;
}

.um-calendar-box {
  background: #ffffff;
  border-radius: 15px;
  padding: 12px 16px;
  margin-right: 16px;
  text-align: center;
}

.um-drap-main {
  padding-left: 32px;
  margin-top: 15px;
}

.um-drap-main h3 {
  color: var(--black);
  font-weight: 700;
  line-height: 20px;
}

.um-drap-main h4 {
  line-height: 18px;
  margin-bottom: 20px;
}

.um-checkbox-main {
  margin-top: 12px;
}

.um-checkbox .form-check-input {
  margin: 15px 0px 0px 15px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.um-checkbox {
  margin-bottom: 12px;
}

.um-checkbox .form-check-label {
  margin-bottom: 0;
  width: 100%;
}

.um-cl-sl {
  width: 100%;
  background: #ffffff;
  border-radius: 15px;
  height: 48px;
  padding: 14px 18px 14px 45px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  cursor: pointer;
  border: 1px solid var(--white);
}

.form-check-input:checked+.um-cl-sl {
  border: 1px solid var(--black);
}

.um-ck-ac {
  pointer-events: none;
  background: #ffffff;
  border-radius: 15px;
  height: 48px;
  padding: 14px 18px 14px 42px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  width: 104px;
  cursor: pointer;
  border: 1px solid var(--white);
}

.form-check-input:checked+.um-ck-ac {
  border: 1px solid var(--black);
}

.um-radio {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
  width: 168px;
}

.um-radio .form-check-label {
  margin-bottom: 0;
  cursor: pointer;
}

.um-radio .form-check-input {
  margin: 15px 0px 0px 15px;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.um-radio-main {
  margin-top: 12px;
}

.um-questions:before {
  display: none;
}

body .um-questions:after {
  content: "";
  position: absolute;
  background-image: url(/assets/questions-C0_Ba25y.png);
  height: 407px;
  width: 308px;
  z-index: 0;
  bottom: 0;
  right: 0;
}

.um-right-in-label b {
  color: var(--black);
}

.um-number {
  position: absolute;
  right: 0;
  line-height: 40px;
}

.um-number b {
  color: var(--black);
}

.um-credit-cards img {
  right: 12px;
  top: 6px;
  position: absolute;
}

.um-payment-left:before {
  display: none;
}

body .um-payment-left:after {
  content: "";
  position: absolute;
  background-image: url(/assets/payment-gWWoSXLA.png);
  height: 275px;
  width: 279px;
  z-index: 0;
  bottom: 52px;
  right: 25px;
}

.um-total-amout {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.um-total-amout-label {
  margin-right: 8px;
}

.um-cstm-rac-in-content {
  color: var(--black);
  font-weight: 600;
  width: 42%;
  text-align: right;
  word-break: break-word;
}

.um-plan-information .um-ysp-right {
  color: var(--text3);
}

.um-plan-information {
  box-sizing: border-box;
  border-radius: 15px;
  padding: 24px 24px 10px 24px;
  width: 100%;
  display: flex;
  background: var(--navyblue);
  margin-bottom: 30px;
}

.um-right-in-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-cstm-rac {
  margin-bottom: 32px;
}

.um-cstm-rac-in-label {
  width: 48%;
}

.um-cstm-rac-in-content {
  color: var(--black);
  font-weight: 600;
  width: 45%;
  text-align: right;
}

.um-total-amout-content {
  color: var(--black);
  font-weight: 600;
}

.um-cstm-rac-in {
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
}

.um-birthade {
  position: relative;
}

.um-birthade:before {
  content: "\f133";
  position: absolute;
  font-family: FontAwesome;
  right: 18px;
  color: var(--black);
  top: 10px;
  font-size: 21px;
  cursor: pointer;
}

.um-fm-tl i {
  color: var(--text);
  opacity: 0.7;
  cursor: pointer;
}

.um-captcha {
  margin-bottom: 40px;
  margin-top: 5px;
}

.um-ysp-price {
  margin-bottom: 16px;
  color: var(--white);
}

.um-ysp-price-in {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
}

.um-ysp-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  background: var(--yellow);
  margin-bottom: 20px;
}

.um-ysp-price sup {
  font-weight: 600;
  font-size: 24px;
  margin-right: 6px;
  top: -15px;
}

.um-ysp-left {
  width: 50%;
}

.um-ysp-right {
  width: 50%;
  color: var(--text2);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.um-ysp {
  background: var(--black);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  border-radius: 15px;
  max-width: 547px;
  padding: 24px;
  width: 100%;
  display: flex;
}

.um-left {
  background-color: var(--black);
  height: 100vh;
}

.cstm-um-main.cstm-login .um-left {
  background-image: url(/assets/mds-login-bg-B3DpCnlm.png);
  background-size: contain;
  background-position: right center;
  height: 100%;
  background-repeat: no-repeat;
  min-height: 100vh;
  height: 100%;
  display: table;
}

.cstm-um-main.cstm-login .um-left::before,
.cstm-um-main.cstm-login .um-left::after {
  display: none;
}

.cstm-um-main .um-left,
.cstm-um-main .um-right {
  min-height: 750px;
}

.um-right {
  overflow: auto;
  height: 100vh;
  display: flex;
}

.um-right::-webkit-scrollbar {
  /* width: 10px;
     */
  width: 0px;
}

.um-right::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--grey2);
}

.um-right::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.um-right::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
  cursor: pointer;
}

.um-right-in {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 456px;
  margin: auto;
  width: 100%;
  padding-top: 20px;
}

.um-logo {
  margin-top: 28px;
}

.um-title {
  font-style: normal;
  font-weight: 800;
  font-size: 56px;
  line-height: 72px;
  color: var(--white);
  margin-bottom: 18px;
}

.um-title h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 42px;
  line-height: 54px;
  color: var(--white);
  margin-bottom: -4px;
}

.um-title2 {
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
  color: var(--white);
  margin-bottom: 24px;
}

.um-title2 h2 {
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
}

.um-left-in-mn {
  padding-left: 50px;
  padding-top: 150px;
  padding-bottom: 50px;
}

.um-left-in-mn.csmt-um-left-in-mn.login-um-left-in-mn {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.cstm-um-main.login-um-main .um-left-in {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.um-text {
  margin-bottom: 30px;
  max-width: 440px;
  width: 100%;
  color: var(--text2);
}

.cstm-um-main.login-um-main .um-text {
  max-width: 100%;
}

.um-text p {
  margin-bottom: 30px;
  max-width: 440px;
  width: 100%;
  color: var(--text2);
}

.cstm-um-main.login-um-main .um-text p {
  max-width: 100%;
}

.um-left:before {
  content: "";
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWkAAAERCAYAAAC5ClbiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA7tSURBVHgB7d09cxRHGsDxp0c6kA1ULVUWXpeDW/kLmNAZIrMji+wushQ6MnwCRHaZIbsMkd1FiMwZIuMiy9llGoIr9ELVLVWCWwTa57pXWrFIK+3uaF6emfn/AoOkxXZbnr96e3pmXHN27qk4mRcAgCluSlqRAADMItIAYBiRBgDDiDQAGEakAcAwIg0AhhFpADDqwwe9SqQBwKipKWkQaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGEakAcAwIg0AhhFpADCMSAOAYZE4bQkAwCRm0gBgGJEGAMOINAAYRqQBwDAiDQCGEWkAMIxIA4BhRBoADCPSAGAYkQYAw4g0ABhGpAHAMCINAIYRaQAwjEgDgGHTgmpx8sKprHdVY+ek/fHT7ro6aYjKDakSP14/pjVVbQ+O13+h5b/WYrwoOyJdBU6e6b6uvvsgK+123D7rpY1Gq3Hhgsz7t1AL/g/+JGXkxytOVzodWR013qDZbM1LVxZV3I/O/yeQsqnbePEJ17zW2uj9FEb5HBy8y5ub8Zok4A/mVjiY/d/orpRBSuP18fqlFPGq23hxUqQ3iXQ5xf6bt5T04D2udzDvu4c+CvNiU/rj7cqy4XcSdRsvTuMjPXX5UuO2/+bxU7YkVGTdRfqDP4DXJSW7u+327tv2I///gp9wuXmxxM8mO3t689Wr+N+Skt5437RXGS/Mc/KImXSp6KPN7XhRMvTVF63bGrlfxYTsx9ucbS2K8+8iTKjbeDFSmElfunR12f94nRHY5mdY/gBekIz5GfXzK581XvsD+XspkBO3urm98VfJmB/vOuOFWX4mHXFCoRTizjvNPNB9L1/F953qAylO/L+97pLkhPHCMi5mKQP/lmecrVdpuvg+nGjyJ7CKUMB4X+7Et/2EJbV1/onUbbyYCJE2z634k4Sx5CwO0ehqbrO7j4oZb6BdvSM5Uz+jrdN4MTkibV3UvScF2XwVr4Wr2yQnKtKu23jdlNyXguQ9XiRDpE0rblZ5RDW3aPZOnjHefOU4XiRDpA3b127hJ3d6sy3RWHLAePOX53iRDJG2K97ZiU2c2HEqTyR7jLcgOY0XCRFps9yaGKEqq5I5xluUfMaLpIi0Ueq6f4gRMx+y36rFeIuTx3iRHJE2yjk7B07YjtfbeZEhxlucPMaL5Ig0xuJEa3UQM15YQaSNcs5tSI0wXmA4Im2Uqs5JjTBeYDgibVS3a+3GV64lGWK8RXMtgUlE2igXHipqxNezreuSMcZbnDzGi+SItFVq51FW7/MICuMtzHtDPzBwEpE2y90IT/YWAyKVHyVzjLco+YwXSRFpo8LDGGamxcTbUHUu8wcOMN4COZ57aBmRtsy5u1Kw8Ey83J7ew3hz13vmobDcYRmRtszJfPOL1rwUKc+QMN78GfhBgbMRaesKPIi+nP3mF8l7lsV4c8MsuhymLl+6uiywy595v3S58frNm/ZzyVGz0WrJtPwj9yfJM95cHIzXPRQeRG1beFq4wD51d2dz3Mva23VwwT0t7EnyjDf7f+QF91iYRZcCkS6BEI8p5x73Zj85mLkQ/SoFHsCMN1vNa9889P9MLmApCSJdHq0w28vyQA4zynAA+3nWohSP8WbA0HgxJiJdLi3/NvX3wxM+qQpxuOgjYewAZrwpCeP98trc7wS6fIh0yfTWTZ172Jz95mFas66wqyHEweJbYMZ7fpbHi9Fc89qcCkopPE3DqVuV9917m+04nuTPhrf6F6dl0UUu/21nCdVtvD3qVpKOd+ZPsuAP8Z/CfmxBOUV6k0hXhcqaqj7pOlk77SnUvZnZn8IBG91QpwuF7WZIA+M9oT9ef0B/62fji6UeLw4Q6UqLBz/w3+RGxQ/aePADxotK8JGeFlRVa/ADJ5XXGvyA8aIqOHEIAIYRaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGEakAcAwIg0AhhFpADCMSAOAYUQaAAwj0gBgWBRupC4AAJMiJ0qkAcAoljsAwDAiDQCGEWkAMIxIA4BhRBoADCPSAGAYkQYAw4g0ABhGpAHAMCINAIYRaQAwjEgDgFHOuQ0iDQCGRU4cd8EDAKMiVe4nDQBWsdwBAIYRaQAwjEgDgGFEGgAMI9IAYBiRBgDDiDQAGBY5x8UsAGBVpNJ9LQAAk1juAADDiDQAGEakAcColy83XoRIxwIAMImZNAAYpHJwh9LI/y4WAIAp7ijSAAB7nLwIvzCTBgCDVPVwJj1NpAHAnMMJdDTT4fFZAGCNc4dr0nE7bvfPIgIAbOiKrIdfo8O/xAIAMEP7yx29D0T/EACAGTs78ceZtDCTBgAz9HCpI4gOPxMLAMAIfdH/3UGkp2RNAAAmuOMz6c3NOGaHBwAYEX2cOB9dFu70Y7kBAMXpdI6vSUuYXrPDAwCKFk4attvx0cpGNPgFAQAUyon7pMVHkZ55L6sCAChUV7pPBj8+inTcm15rLACAwkSRDJ9JB/7k4RMBABTDybOw227wU59EWpUlDwAojOra8U99EumZD7LOfmkAKMb+kInyJ5EO69LslwaAQsT9myoNGvKMQ30kAIBcqerQc4InIh224rHkAQD5clNyf9jnT0SaJQ8AyFe4mPD4ro6+aPif0HsCAMiFU31w2teGRnrzVbzGkgcA5OSM20VHp33ByellBwCkxa2cttQRnBrpmb3hi9gAgBRF3TOXl0+NdO9eHsoTWwAgM0MuAz8uOuuLnEAEgAx1dWXUS9yoFzRn5576V80LACBN8eb2xtyoF0WjXsBsGgAyMGZbR86kA2bTAJCqsWbRweiZdMBsGgDSM0FTx5pJB8ymASAFYUfH1sb8uC8fbyYdTOmSAADOx+niJC+fGveFu7vt9uVLDT/zdvMCAEjArfhZ9ES3gx5/Ji1HVyHGAgCYVDzq6sJhJop07yrELsseADAxf7Jw1NWFw4x94nDQV9e+eayiCwIAGMfYW+6Om2gm3Xdxrxtm07EAAEaL9KYklCjSLHsAwLiSLXP0jb2747jdt+34yueNq+LcdwIAOCnsid6OF+UcEs2k+17uxLf9ojbPQwSAk+JJ90QPc65IBxrpLR61BQCf6oreOc8yR9+5Ix3+JVxXbwkA4JDe296OVyUFidekB/XWpz9rvPbr098LANSYE7e6ub3xs6QklUgHPtTPuWwcQM3FnT39odNpdyQlqUU62H3TXrv8eWPOz6ivCwDUSxz2Q796FW9KihJdcTgKtzUFUCdh88S06s3/7MSp73Y794nDYWbe6y225gGoCxVdyiLQQSaRDlckXtzTm4QaQOWpLqW1k2OYTCIdEGoAVadO72zuxCuSocwiHXwMtcvspwwAFCEEemsrvi8ZS3V3xzDtTruz++a//+Q+HwAqwy9xbG3Hf5ccZB7pvt237d/YRw2gzMIuDqf6c9ZLHINyi3QQ9lFzZSKAMupvs3u5E/8mOcpkn/QoX8+2ru8799j/tiUAYF/vQpU0bpg0qUIiHTSbrZZ03VMh1AAsc/Ks804X2uFhJwXIdblj0O5uu+2XPx6wTg3AKlV94E8Q/iXNe3FMqrBI9x3e7+PF4f0+GgIABeufINzaif8mBStsueO43vLHvnvIPT8AFMkHet1FequI9edhCp9J9/WWP962H4XdH+rcd/6nx4wAQI56yxs78a3QIzHCzEx6ELNqADkLuzeW/Ox5TYwxGem+5mxr0a9V3xV2gADIjN7r7Mn9onZvjGJmuWMYv/yxfvlK44lfJLrqf57wIAEA6XHyrLf3eSteLXL3xiimZ9KDwhKI67rHflGfWAM4D7NLG8OUJtJ9LIEASKK3rU70weZ2vCwlUrpI9xFrAOPox9nyuvNZShvpPmINYJiyx7mv9JHu68U6cov+O3NDANRXOCHY1ZU8byeapcpEuu/gDnty2w8txLolACovzJpF9ZGbktWynBAcV+UiPSjMrp1zC/4b+KMAqJ4wa3a60unIapmXNM5S6Uj3NRqtxoULMh+JLDDDBsqrt87s5A/d19V3H2SlqmEeVItIHxeWRD6oj3bk5rsiNxx33wPscvJCu7oaljL8jHm9DmEeVMtIHxei/d5Jy/lwu8hdV5VvCTeQv6OZclfX1cna3p6s1S3KxxHpU4QlkpmZ3tWNLen6gIuPt+uFu+X/T/qzAEjOz44lXPmnEveCHEkcRbJu5faglhDpBJrXWsv+P91dQeoO9rbKE1UNM6rcZ1D+XVTDn2yu0LsojaUg2vXfy+mj72E8tS/t/SlpE+LJTAtgwcFZ+uWtim2fAs6LSKNw6vTO1lZ8XwCcQKRRLNWlre1qXBkGZCESoCg+0FW5dBfICpFGMQg0MBYijfwRaGBsRBr5ItDARIg08kOggYkRaeSDQAOJEGlkj0ADiRFpZItAA+dCpJEdAg2cG5FGNgg0kAoijQzoPQINpINII2U+0NvxsgBIBZFGigg0kDYijZQQaCALRBopINBAVog0zolAA1ki0jgHAg1kjUgjIQIN5IFIIwECDeSFSGNCBBrIE5HGBAg0kDcijTERaKAIRBpjINBAUYg0RiDQQJGINM5AoIGiEWmcgkADFhBpDEGgASuINI4h0IAlRBoDCDRgDZHGIQINWESkIQQasItI1x6BBiwj0rVGoAHriHRtEWigDIh0LRFooCyIdO0QaKBMiHStEGigbIh0bRBooIyIdC0QaKCsiHTlEWigzIh0pRFooOyIdGURaKAKiHQlEWigKoh05RBooEqIdKUQaKBqiHRlEGigioh0JRBooKqIdOkRaKDKiHSpEWig6oh0aRFooA6IdCkRaKAuiHTpEGigToh0qRBooG6IdGkQaKCOiHQpEGigroi0eQQaqDMibRqBBuqOSJtFoAEQaaMINIADRNocAg3gIyJtCoEG8CkibQaBBnASkTaBQAMYjkgXjkADOB2RLhSBBnA2Il0YAg1gNCJdCAINYDxEOncEGsD4iHQSKrEkQqABTIZIJ5Eo0gQawOScIJHmtbkN/0trvFcTaADJMJNOqqtL472QQANIbkqQyO7bdnzls8Zrce77019FoAGcD5E+Bx/q55evNB75NeqrfuWo4T/VUJG2c/IviXRpcyteEQAAAFTT/wG1AcMfGqn1UgAAAABJRU5ErkJggg==);
  height: 273px;
  width: 361px;
  z-index: 0;
  right: 0;
}

.um-left:after {
  content: "";
  position: absolute;
  /* background-image: url(../Images/pl.png);
     */
  /* background-image: url(../Images/ppl-img.svg);
     */
  height: 100%;
  width: 100%;
  z-index: 0;
  bottom: 0;
  right: 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 38%;
}

.um-left-in {
  position: relative;
  z-index: 1;
}

.um-people {
  display: flex;
  align-items: center;
}

.um-people {
  display: flex;
  align-items: center;
}

.um-people-photo {
  margin-right: 44px;
}

span.um-people-photo-in img {
  border: 2px solid #ffffff;
  box-sizing: border-box;
  border-radius: 50px;
  height: 60px;
  width: 60px;
  object-fit: cover;
}

.um-people-joined a {
  font-weight: 700;
  color: var(--white);
  text-decoration: underline;
}

.um-people-joined a:hover {
  color: var(--yellow);
}

span.um-people-photo-in {
  margin-right: -20px;
  float: left;
}

.um-right-in-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-right-in-sub {
  display: flex;
  width: 100%;
  padding-bottom: 15px;
}

.um-not {
  padding-top: 8px;
}

.um-not a {
  font-weight: 700;
}

.um-rmb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.um-right-in-remember label {
  margin-bottom: 0px;
  cursor: pointer;
}

.um-right-in-remember {
  display: flex;
  align-items: center;
}

a.lets-get {
  font-weight: 700;
  text-decoration-line: underline;
  color: var(--white);
  margin-right: 8px;
}

a.lets-get:hover {
  color: var(--yellow);
  text-decoration-line: inherit;
}

body .um-meme-det-only {
  min-height: 410px;
}

.um-right-in2 {
  display: flex;
  flex-direction: column;
  max-width: 605px;
  margin: auto;
  width: 100%;
  height: 100%;
  padding: 50px 0px;
  position: relative;
}

.um-title-how {
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: var(--black);
  margin-bottom: 16px;
}

.um-rgt-btn {
  padding-bottom: 30px;
  padding-top: 10px;
  display: block;
  width: 100%;
}

.um-rgt-btn .btn2 {
  float: right;
}

.um-member-step {
  margin-bottom: 40px;
  overflow-x: auto;
  width: 100%;
  overflow-y: hidden;
  min-height: 330px;
}

.um-member-step-in-box {
  width: 240px;
  background: #ffffff;
  border-radius: 15px;
  margin-right: 16px;
  padding: 16px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.um-member-step-in-box-number {
  background: #ffcc00;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: var(--black);
  text-align: center;
  width: auto;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  right: 25px;
  top: -11px;
}

.um-member-step-in-box-icon {
  margin-top: 15px;
  margin-bottom: 22px;
}

.um-member-step-in-box-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 7px;
  width: 208px;
}

.um-member-step-in-box-content {
  font-size: 14px;
  line-height: 24px;
}

.um-member-step-in {
  display: flex;
}

.um-member-step::-webkit-scrollbar {
  height: 10px;
}

.um-member-step::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--grey2);
}

.um-member-step::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}

.um-member-step::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
  cursor: pointer;
}

a.read-more {
  font-weight: 700;
  text-decoration: underline;
}

.back-btn {
  border: none;
  padding: 0px;
  background: transparent;
  color: var(--black);
  cursor: pointer;
}

.back-btn:hover {
  color: var(--yellow);
}

.back-btn img {
  margin-right: 3px;
  vertical-align: -1px;
}

.um-back {
  margin-bottom: 13px;
}

.um-membership-details {
  display: flex;
  gap: 20px;
  padding-top: 40px;
  margin-bottom: 0;
}

.um-membership-details-in {
  background: var(--white);
  border-radius: 15px;
  padding: 33px 16px 20px 16px;
  position: relative;
  border: 1px solid var(--white);
  cursor: pointer;
}

.um-membership-details-in:hover {
  border: 1px solid var(--black);
}

span.um-md-price {
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  color: var(--title);
}

.um-membership-details-in-price sup {
  font-weight: 600;
  font-size: 24px;
  color: var(--black);
  margin-right: 6px;
  top: -15px;
}

.um-annual-payment {
  background: var(--yellow);
}

.um-quarterly-payments {
  background: var(--aqua);
}

.um-membership-details-in-lable {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  display: inline-block;
  border-radius: 10px;
  padding: 3px 10px;
  text-transform: capitalize;
}

.um-save {
  position: absolute;
  right: 20px;
  top: -44px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--white);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABfCAYAAACOTBv1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAwMSURBVHgB7V1Ndhu5ES5Ak1jJxp4TTPsEozmB6UUS2xtLnpe1qRPYOoHFE1g6gel18mR6459kYeoEVk7g9gnGXo2ciECqCugmGg30D9kUJbO/9yT+AI1uFgpVhUKhAHCNoe/tDuAaQ8IVhr73aFhdY+vZctevF1eW+MjVCf5/XFM+0A8e/VTRzLOa8rVibcTXu7u3DAEjkH+4BSAGcdEizfcz2Au2b65LoOoZ8P7r7Jy1EV9MJl9Ai1fRCup/t2zNsGgR4qF5hZ/DDdjrlLwNUcgP4s3JZ1gT1it2pEj03x49D5aJrYz4Ye7Xese8wm6piEeUMNeoi1uh5lEfPMNrg2WXhZUSXw92a36cSJFzn0aI61wrC7JfP/g7ET4xTcCtsuiQ89EiZekZ9INduv4Q36WwRqyW87fl00q5DpCaF/ki0FGJ835YKFeznUJNR+7b+w3zMo+7uR0ljbgT4itEwPrg3qNDWCFWLXZSkqvRDtAq+/EJ3JCVZiN1ZP4+k/f5Z1fue+0IT7Rsy+eQdazWZxB6LH5e+QGUCpZ3hRVzvpoA/9BYB6DYyd+i+PnrriO/dbG+hic592fyfl7G1/E9REkH5CLJ2v3D+T3FF6/unPD03P+FKawQKyU+WzSgpxDvgLR4AYqfrI6QN4tlyMEkxlx575Tpv5Acl4OYErXtPqu6f4HwAKdiOvkCK8TqrR0hXtt3SbkDVFqsS4QTL/i9VmUiIvejvN+FEKQcQJm4BGtqsjhKvIvSvOki4eleE1gxliY+iQo0F5/GKyj3RyReB6TlC9C0jLVHnSOwA0KQECAu3V/f1A9+pWuGpbLZBXN2ifB8LxUlPrVXFJGLQUAHQFn6CV+myMkj8W6SRsoT5yuso+7CNnyBc/lbuUH8XgJ0YodXtCXenYgg4fH5sKw0ObPzBxyZIgmVt0VXYmcEzFnE1QFnltCvvW8S/sHnzMlluUoc3tUEKNYWdkqE8DRaXpeqE6cL+dFO3kbQyaN1BH1/7yO6CzIrZOyOAjOJ4h/pI+2U0G1AI8J0fFIulHfFu39OuRpZWH+SL5yZdNoF1/NdoCtofeB8GvIosHIRO2Ea5HD64eua4hv7Pyl9j52SE56YZhu5vejC6ITrzSN0CH1v70PuU8m/hCP4pkawLY6w7DFcdZDI+aaHyO3k+/EVf2dcT/ihaUX2h8zQxyLUcUip2lqjEvFx8oTcQ5wzhusAIX5DRiFuTwKlUa7P6YOM1nR+0Irz9X00ATXQ9HyMMv0lixO/Toj7vw/ELKCBcV8LmuAdiPcnR9AQrcUOEnfsiI8U/1CxnoyLDxNUrtcd+4XfeR/1mRZPHEYbY/k+tEB74uMKFNrmaHL5djsNSTUlkfQdcj9zPVs+2/IJi9KioZDCufqlrTtiIYXL8k0jd5ctlRR4sgWn+PcCvhegOEFK3QwQHdiK00j4qB6MY2Frx5H/m42Wct7FUqYmTqyOjNzbUGh9LN6/egoLImhqslz/hnauog/qlPzaQXl2Qx/COS9sJLB5SHE+cBgqYN3wRxigO+IOfhJUL0S/Ss4vWDa86iOmfmeYBQyeBa5nproOeHLeIza+Zm4Wjeb4q2G8mRrYdcyyn9ztjC2ZbJj8H/ESY4nYDhqIpEYyP9oBPWKguc9hXaXGCrfvgMZoRHhCO/fCvd0hhXlAjxgKs+A6tJ/h0rQa2L+9OQq2DqSAZ2pf/GvSat039+eTxq4JcDL3eYs3ELgEGFx/3UAQ4ZEeTQjPgVhO8FfO+ca2F4fOpCm1JfY1j7FxA0t7HUCWD5ueLAlMjBC9FxTuKBJbx7yiBeTa/CWxE13X7LE4tECzVBxkK2QZojK/t246AI0IhdZPxPdTM8PlUInDa7H8d/WAnl01rPJ2Np1kDQEiQUk9ijDy/6CJydliktWPglp4CrUOzUNHzin0A714AhbyXW8A0N+jx21Ws+amJnH2DE2kLbnDMS2KzaaEQ7WlSPpJVQuwoiUTnc3zFD9/ZUec5NilNNMDwqzJckwNeuh6mb5yGJ1wjGu+RwWZ72weuAM9ugata4+R6JPoJIvgKNd+NCwDI35egtia+BMsU1wDOxpoUeBn6NEUp0jZCfyuKhVwc1OTtuOoi6e9qRlBDZeH0MjU5Ci02eyxFUM9QjDW4B1cVn3YNBtKWOZnC8JSPuTdfb2ZuQhSoAAypV7Hoj/mdr7ZBDDEWdpDXhDuCd4xaFemeJmFVNI3goeIkE9COQx6rArYEUofzzmfFKpWCQ4TEwpBu7p77l8eZlL1Hw61EejXdzm/6jpj4cx2eMe34Kjj3tysBxF6yoSWW2fizT/OYhXbRi+QiHrVj4gAaIOdwrXcf0/Oml7S0J/v7L7oUYdxbD+yj7qVrEFP9IUxruuECt8O5yoYQo9lMY51gufV7Im+Qoz9TmDi271GFGU8hB6rxjjrBGdzhBpBts+U0ioqHbBocB7A0IPewVbAGIy/3iRQ0n4SpYs0dFH7WE1Kn6J0v45bxqF4dzJqc0FzlzKLJsqD2Vs+UVCCJKEOmu5MbGbn09ZPk5EvgR51SCmXUJMOqPXnGzFT2vTcI44EyfqpMvuWRTxWs7eAugAtmB/ElhKrJlnlSGXjofuMNc7AZIOlRteeFnctsGGBwDSiDXGcijLkeExjYigQIv4rmpAKGyVzSafGDYqE1rMzvwF9/9GrDV8HKCW7MJ5gNNOFotfE7lSkALSRH79ZJj6KmyYhb0j454FkQJsHDUfi/clBbbUAXVvb+dwQZeDmRNA9LFrb+IQF8u30hI+gdQe0SnBnk4MeBgtZ+YopfNegFSqIieRDoy+bozHxOVOg71YwD3JKqRDhd3Ub1pyP/jIg3p78iEp0j/IqlEv1uM0JRs1nuMXkRqWgTxtWuAEbpNlsnNI7Oxcia28IWXBxi+XEBrGauc3/ORZ/aB9iU2bBwZRelk4DMB3xUxMXQ31qRwE7SPDq/GEmB2UCm4HsoIWCeWkJPaY/u5mc/tKqhhYyNV3YHv8UaNlsAqCs39dxBmzS/R5DdDvsXPwsig7S+QbTOI6NAlbTa+t64HS/+PzAhkRAuYql9ygvRXxreibOV6cmCfTJvhFT8pqvdolnJE5MtijqBLtaZcoGTTyXla3DgvDSe6VI6H03Lj0qjsxdv1ybEXGufnT1XWFPMoumxdI6Epbg/PxUHnIY3S5vCJCDyIWj2Ck96wOf6xKenbqnFAEp1pMxp/UVnGuTJpYLm9cLEZ97X+uvJNcrsir5RyYR9+xz/VBOsnVCix3zXFB2kFHIfAA42Tri0y/QBF/0aNilrZ0QAvmUU5BqT7yZnNng249QfhIztFcpjqqOA5GQ0DmJ4SXT5S2bEFZ0WpCjaDWHRd8lwpvPWfiJh5naZ+KsEiYl416wTMFdrsLP6SVz0nIliVs7J37xeDw00b7NvJmeGgQuG1VkasIFnZY6guLhIw4we4pFSLzsOHVS2Fa/4H2P7VeD+nMe22MFnC8H9s2ITLTSzFh7S22Uf3KuN5JSc5onOqcQRsSFq6f2Oh8J/WN5PSesgXe0Kx2wJt5yXswR2APSoGN0T3yhaYjuRxVxUdme1iT+TE2iIOcYP7fMKMkAh4vU3j+NNWwIy1aOgQ4bAXNF3P1OzE6Jb2x/HU1vaLYe5coupWRANU0aztaBAyKz45RCHC6kra/2oQrbeg+yDgoe7WqbY8tmtt8kAWAbdEp8ng2+qXClzpVtWuv10+K104nlekrbMnIBeDi/OLPPMy1wt/+8fHYjKtds9FilG6zLM93FJlMxXPJJ0FbZktlZ90PELBdHXNcVLzhJy/zlJQLTUUuunpG6cnGb284sIP+00RXjcomveYfjQeXoMBiXO8eV+8JzdIm5QhZo6bgldC9fuXrILSBxuRv+Lpn4KEoimfY4749BasPVvQpqTlT/0Mht5bZZ9ifd0LlijpmMRq6LmFW1Elwa8Ym4lcdbnOeK+GVQJHHwFuPUL3fO3TU2vn8plWeK+c/eObtuvYYJqLvCpRHfEKgWaZwAudgZh4vtubu5pePBjI4UrhAuWeHWIh73omeZ+TgNlt9QY361Z9z6sJZNtenZIw70pr6oLt/7ANcIV43zqyFVpdUCsx9qYyavEv4PFhmd6yVOkPIAAAAASUVORK5CYII=);
  height: 95px;
  width: 95px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.um-membership-details-in-price {
  margin-top: 22px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--grey2);
  width: 250px;
}

a.linked-agreement {
  font-weight: 800;
  text-decoration: underline;
}

.webfooter {
  visibility: hidden;
  display: none;
}

.modal-content.cstm-modalcontent {
  padding: 20px;
}

span.msg-btn button {
  margin: 0;
}

/* 03-08-2022 */
.postdetailcontet {
  align-self: center;
  text-align: left;
  padding-left: 0;
}

.postdetailcontet h5 {
  font-size: 16px;
  font-weight: 700;
  color: #091F48;
  margin: 0;
}

.postdetailcontet p {
  font-weight: 400;
  font-size: 12px;
  color: #201E29;
  opacity: 0.7;
  margin: 0;
}

.postdetailtext1 {
  font-size: 14px;
  font-weight: 400;
  color: #201E29;
  text-align: left;
  margin: 0;
  padding-bottom: 8px;
}

.postdetailtext2 {
  font-size: 14px;
  font-weight: 700;
  color: #351BCE;
  text-align: left;
  margin: 0;
  padding-bottom: 26px;
}

.PostDetailLike {
  text-align: left;
}

.msg-popup .modal-content {
  padding: 30px 40px 30px 40px;
  width: 88%;
  margin: auto;
}

.postdetail {
  padding: 16px;
}

.border-bottom1 {
  border-bottom: 1px solid #CCCCCC;
  margin: 16px 0;
  padding: 0;
}

.header-chat-cont-head-top.post-detail {
  margin: 0;
  padding: 21px 21px 0 21px;
}

.cstm-starred-group ul li:last-child {
  padding-bottom: 0px;
}

.header-chat-cont-head-top.post-detail.post-detail-cstm {
  padding-top: 0;
}

.postdetail.cstm-postdetail {
  padding: 16px 16px 0 16px;
}

.um-back.cstm-um-back {
  margin-bottom: 10px;
}

.uic-title.cstm-uic-title {
  margin-bottom: 10px;
}

.gl-title-sub.cstm-gl-title-sub {
  margin-bottom: 0;
}

.error.cstm-error {
  margin: -14px 0 0 0;
}

.col-sm-6.form-group.cstm-fromgroup {
  margin-top: 9px;
}

.gl-title-sub.cstm-gl-title-sub {
  margin-bottom: 0;
}

.create-pp-post-img1 img {
  max-height: 675px;
  object-fit: contain;
  border-radius: 0px;
  height: 100%;
}

.create-pp-post-img1 video {
  max-height: 675px;
  object-fit: contain;
  border-radius: 0px;
  height: 100%;
}

.cstm-user-social-main {
  display: grid;
  align-items: center;
  height: 100vh;
  min-height: 650px;
}

.cstm-main-header {
  text-align: center;
}

.social-icon-main-row {
  display: flex;
  justify-content: center;
  gap: 15px;
  height: 100%;
}

.social-connet-main {
  display: flex;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.cstm-main-header h2 {
  line-height: 50px;
  color: #000000;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.social-col-main {
  width: 48%;
}

.cstm-main-social-box {
  min-height: 240px;
  height: 100%;
  border-radius: 13px;
  text-align: center;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
}

.main-soical-box-facebook {
  background-color: #4267B2;
  border: 1px solid #4267B2;
  transition: 0.3s ease-in-out;
}

.main-soical-box-linkdin {
  background-color: #0077b5;
  border: 1px solid #0077b5;
  transition: 0.3s ease-in-out;
}

.cstm-social-facebook-btn {
  background-color: transparent;
  border: 0;
  font-size: 38px;
}

.cstm-social-linkdin-btn {
  background-color: transparent;
  border: 0;
  font-size: 38px;
}

.box-label-content-facebook {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.box-label-content-linkedin {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.cstm-icon-main-facebook {
  font-size: 65px;
  color: #ffffff;
}

.cstm-icon-main-linkedin {
  font-size: 65px;
  color: #ffffff;
}

.main-soical-box-facebook:hover {
  background: #4267b2f2;
}

.main-soical-box-linkdin:hover {
  background-color: #0077b5e6;
}

.cstm-main-header p {
  margin: 0;
  padding-bottom: 20px;
}

.checkmark i {
  color: #ffffff;
  font-size: 35px;
}



/* New page */
.new-login-box-wrapper {
  height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.new-login-page .um-logo {
  margin: 18px 12px;
}

.new-login-page .cstm-sim-title {
  margin-bottom: 20px;
  letter-spacing: -0.36px;
}

.new-login-page .cstm-simplity {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}

.new-login-page .um-logo img {
  height: 28px
}

.new-login-page .btn-facebook {
  background-color: #0866FF;
}

.new-login-page .btn-facebook:hover {
  background: var(--color-bg-brand-strong-hovered, #0735AB);
}

button.apple-btn.new-login-page-btn:hover {
  background-color: #000000;
}

.new-login-page .cstm-register-now {
  font-size: 15px;
  margin: 32px 0 0;
}

button.new-login-page-btn {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.new-login-page-btn svg {
  margin-right: 6px;
  flex-shrink: 0;
}

.new-login-page .cstm-register-now a {
  color: var(--color-text-brand-strong, #0B42CF);
  font-weight: 700;
}

.new-login-page .cstm-apple-btn {
  margin-top: 12px;
}

@media(max-width:1440px) {
  .cstm-um-main.cstm-login .um-left {
    background-image: url(/assets/mds-login-bg-B3DpCnlm.png);
    background-size: cover;
  }

  .cstm-my-videos-list-box-img {
    width: 27%;
  }

  .cstm-my-videos-list-box-info {
    width: 73%;
  }
}

@media (max-width: 1250px) {
  .um-comm-prefe .col-sm-4 {
    flex: 100%;
    max-width: 100%;
  }

  .um-comm-prefe .col-sm-4:nth-child(2) {
    margin: 20px 0px;
  }
}

@media (max-width: 1200px) {
  .um-ysp-price sup {
    font-size: 18px;
    top: -12px;
  }

  .um-ysp-price-in {
    font-size: 36px;
    line-height: 42px;
  }

  .um-save {
    font-size: 14px;
    line-height: 18px;
    height: 75px;
    width: 75px;
  }

  .um-membership-details-in-price sup {
    font-size: 18px;
    top: -10px;
  }

  span.um-md-price {
    font-size: 32px;
    line-height: 42px;
  }

  .um-left:before {
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: right top;
  }

  .um-left:after {
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  .login-um-main .um-left:after {
    background-size: 38%;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  body .um-questions:after {
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  span.um-people-photo-in img {
    height: 40px;
    width: 40px;
  }

  .um-title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .um-title2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .um-left-in-mn {
    padding-left: 0px;
    padding-top: 110px;
  }
}

@media (max-width: 999px) {
  .cstm-vh-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
  }

  .cstm-my-videos-history-list-main-box-img {
    width: 45%;
    margin-right: 10px;
  }

  .cstm-my-videos-history-list-main-box-info {
    width: 55%;
  }

  .search-user-input {
    width: 200px !important;
  }

  .hf-m {
    display: flex !important;
  }

  .webfooter {
    visibility: visible;
    display: block;
  }

  .um-title h1 {
    font-size: 42px;
    line-height: 64px;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
  }

  .um-captcha {
    margin-bottom: 20px;
  }

  .um-rgt-btn .btn3 {
    width: 100%;
    margin-bottom: 20px;
  }

  .um-membership-details {
    margin-bottom: 20px;
  }

  .um-member-step {
    margin-bottom: 20px;
  }

  .um-rgt-btn .btn2 {
    width: 100%;
  }

  .um-logo {
    -webkit-filter: grayscale(1) invert(0.95);
    filter: grayscale(1) invert(0.95);
  }

  .um-logo {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .um-left {
    background-color: transparent;
  }

  .um-left-in-mn {
    display: none;
  }

  .um-left:before,
  .um-left:after {
    display: none;
  }

  .login-um-main .um-left:before,
  .login-um-main .um-left:after {
    display: block;
  }

  .um-rgt-btn {
    padding-bottom: 0;
  }

  .um-right-in2 {
    padding: 30px 0px;
  }

  .um-left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .um-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  span.um-people-photo-in img {
    height: 30px;
    width: 30px;
  }

  .um-people-photo {
    margin-right: 34px;
  }

  .um-left-in-mn {
    padding-left: 0px;
    padding-top: 45px;
  }

  .um-right {
    overflow: auto;
    height: inherit;
    display: flex;
  }

  .um-left {
    height: 100%;
  }

  .all-content-main-right,
  .sidebar-icon,
  .sidebar2-icon,
  .sidebar-icon.sidebarweb,
  .all-content-main-left,
  .header-ft-search-search input,
  .header-ft-search-select,
  span.header-ft-name-user {
    display: none;
  }

  .all-content-main-center {
    width: 100%;
  }

  .what-post-btn-all .cp-btn {
    margin-right: 2px;
  }

  .cp-btn button {
    font-size: 0 !important;
    padding: 8px !important;
    margin-right: 10px !important;
  }

  button.cp-btn-photos img,
  button.cp-btn-videos img {
    padding-right: 4px;
  }

  .newsfeed-post-right {
    padding-left: 0;
  }

  .newsfeed-post-right-header-name {
    padding-left: 70px;
  }

  .all-content-main {
    padding: 100px 0 0px 0;
  }

  .what-is-happening-main,
  .newsfeed-main {
    margin: 0 16px 24px 16px;
  }

  .newsfeed-post-right-header-icon {
    flex-direction: row-reverse;
  }

  .span.header-ft-photo-user {
    order: 2;
  }

  .header-ft-menu-view {
    order: 1;
  }

  .header-ft-search-search:after {
    height: 36px;
    width: 33px;
    top: -11px;
    right: -279px;
    background-repeat: no-repeat;
  }

  .newsfeed-write-your-comments-tx .react-input-emoji--button svg {
    margin-top: 1px;
  }

  .newsfeed-select-in {
    left: 0px !important;
  }

  .webfooter {
    visibility: visible;
    background-color: #fff;
    padding: 8px 0 20px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #b9b9b9;
    display: none;
  }

  .footer-icon {
    padding: 0 19px;
  }

  .newsfeed-post-right-cmt {
    margin-top: 19px;
  }

  .post-msg-all {
    width: 100%;
  }

  .profile-detilas-all-username {
    display: block;
  }

  .profile-detilas-all-username-left2 {
    padding-bottom: 22px;
  }

  .um-billing-info-right {
    width: 50%;
  }

  .cancle-subscription-link {
    margin-left: 0;
  }

  .um-billing-info-right-upgrade button {
    margin-bottom: 7px;
  }

  .profile-detilas-user-title {
    font-size: 18px;
  }

  .search-members-input {
    width: 258px !important;
  }

  .page-not-found {
    font-size: 18px;
  }

  .header-menu-dp.footer-menu ul li a {
    font-size: 16px;
    line-height: 17px;
  }

  .profile-bg-img-mn {
    height: 200px;
  }

  .profile-detilas-user-icon {
    margin-bottom: 15px;
  }

  .allpost-main {
    margin-bottom: 5rem;
  }

  .cstm-um-main .um-left,
  .cstm-um-main .um-right {
    min-height: auto;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    height: 100vh;
    min-height: 450px;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    background: var(--black);
  }

  .um-main.cstm-um-main.login-um-main .um-left .um-logo {
    filter: none;
  }

  .cstm-um-right-2 .um-right-in2 {
    max-width: 100%;
  }

  .cstm-um-right-2 .um-right-in2 .um-rgt-btn {
    text-align: center;
  }

  .cstm-um-right-2 .um-right-in2 .um-rgt-btn .btn2 {
    max-width: 200px;
    float: none;
    margin: auto;
  }
}

@media (max-width: 768px) {
  .header-ft-search-search:after {
    right: -258px;
  }
}

@media (max-width: 767px) {
  .something-icon {
    height: 18px;
  }

  .cstm-try-contact-btn button {
    width: 135px;
    padding: 5px;
    font-size: 13px;
  }

  .cstm-try-contact-btn {
    margin-top: 12px;
    gap: 12px;
  }

  .cstm-login-screen-popup p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .cstm-login-screen-popup h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .cstm-somr-icom img {
    width: 80px;
  }

  .cstm-somr-icom {
    margin-bottom: 10px;
  }

  .cstm-login-screen-popup .modal-content {
    padding: 20px;
  }

  .cstm-menu-responsive {
    display: block !important;
  }

  .cstm-hd-as {
    display: block !important;
  }

  .cstm-conten-listing-pg-only .cstm-cv-video {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 160px;
  }

  .edit-profile {
    padding-top: 54px !important;
  }

  .cstm-cstm-vpp-photo img {
    height: 320px;
  }

  .cstm-replace-pp .ReactCrop__child-wrapper img {
    height: 320px;
  }

  .globle-model-box {
    background: rgba(0, 0, 0, 0.5) !important;
  }

  .cstm-tabs-mv-cont {
    min-height: 200px;
    position: relative;
  }

  .cstm-my-videos-list-box-dt {
    background: #FFF;
    position: absolute;
    right: 8px;
    cursor: pointer;
    top: 8px;
    border-radius: 8px;
  }

  .cstm-my-videos-tabs ul li a {
    font-size: 13px;
    padding: 8px 10px;
  }

  .cstm-my-videos-list {
    margin-bottom: 70px;
  }

  .cstm-my-videos-list-box-info {
    width: 100%;
    padding: 0px;
    margin-top: 10px;
  }

  .cstm-my-videos-list-box-img {
    width: 100%;
  }

  .cstm-my-videos-list-box {
    flex-direction: column;
  }

  .cstm-profile-ct {
    min-height: inherit;
  }

  .cstm-ac-se-nav ul li a svg {
    margin-right: 2px;
  }

  .cstm-ac-se-nav ul li a {
    width: max-content;
  }

  .cstm-ac-se-nav ul {
    display: flex;
    overflow: auto;
  }

  .btn4 {
    height: 42px;
    padding: 8px 22px;
  }

  .cstm-profile-sd {
    display: none;
    width: 100%;
    z-index: 3;
    background: #FFF;
    top: 54px;
    padding: 10px 15px 0px 15px;
    margin: 0px;
    height: 50px;
  }

  .cstm-profile-ct {
    flex-direction: column;
  }

  .all-content-main-edit-profile {
    width: 100%;
  }

  .apple-btn {
    height: 42px;
  }

  .cstm-sim-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #201E29;
    margin-bottom: 32px;
  }

  .cstm-didn span {
    font-size: 14px;
  }

  .cstm-didn {
    font-size: 14px;
  }

  .cstm-wlm-sub {
    font-size: 14px;
  }

  .cstm-wlm-email {
    background: rgba(19, 114, 209, 0.1);
    font-size: 14px;
    padding: 5px 20px;
  }

  .cstm-wlm-title {
    font-size: 24px;
  }

  .cstm-wlm-field {
    gap: 5px;
  }

  .cstm-wlm-field input {
    padding: 5px !important;
    height: 42px !important;
    width: 42px !important;
    border-radius: 8px !important;
    font-size: 20px !important;
  }

  .cstm-wlm-main {
    padding: 40px 20px 0px 20px;
  }

  .cstm-ca-search-box {
    display: block;
  }

  .cstm-ca-search-box .owl-nav {
    display: none;
  }

  .emptymsg {
    margin-top: 20px;
  }

  .cstm-ttl2 {
    height: inherit;
  }

  .uic-fl-search i {
    top: 11px;
  }

  .search-user-input {
    width: 100% !important;
  }

  .um-title h1 {
    font-size: 32px;
    line-height: 50px;
    text-align: center;
  }

  .cstm-um-main.login-um-main .um-text p {
    text-align: center;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
  }

  .um-not.cstm-um-note {
    text-align: center;
    color: rgba(255, 255, 255, 0.24);
  }

  .login-um-left-in-mn .um-login-sec {
    max-width: 450px;
    margin: auto;
  }

  .create-ps-title-title {
    font-size: 14px;
  }

  .topics-search-bar img {
    top: 8px;
  }

  .create-pp-post-cont {
    padding: 10px;
  }

  .addpoll-delete {
    top: 8px;
  }

  .add-poll-main {
    padding: 10px 10px;
  }

  .create-pp-post-public-btn {
    margin-left: 10px;
  }

  .wayf-main {
    width: 50%;
  }

  .create-pp-cunt {
    font-size: 16px;
  }

  .cp-public-gl:after {
    right: 0px;
  }

  .cp-public-gl {
    border: none;
    padding: 0px 25px 0px 0px;
    display: flex;
    min-width: 90px;
  }

  .create-pp-post-public-btn button {
    margin: 0px;
    padding: 2px 30px;
    height: 48px;
  }

  .cp-btn button {
    font-size: 0;
    padding: 6px 6px;
    margin-right: 16px;
  }

  .cp-btn button img {
    margin-right: 0;
  }

  .create-pp-post-btn {
    justify-content: flex-start;
  }

  .create-pp-post-right {
    padding-left: 0;
  }

  .cr-pp-img {
    width: 40px;
    height: 40px;
  }

  .create-pp-post-left {
    position: inherit;
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #091F48;
    margin-bottom: 16px;
  }

  .cr-pp-name {
    display: block;
    margin-left: 8px;
  }

  .cr-pp-name {
    display: block;
    margin-left: 8px;
  }

  .um-member-step-in {
    width: 100%;
  }

  /* */
  .selectedplan:before {
    right: 0;
  }

  .um-membership-details {
    padding-top: 0;
  }

  /* */
  .um-member-step-in-box {
    width: 180px;
  }

  .um-credit-cards img {
    right: 10px;
    top: 10px;
    width: 100px;
  }

  .um-plan-information {
    padding: 15px 15px 10px 15px;
    flex-direction: column;
  }

  .um-back {
    margin-bottom: 18px;
  }

  .um-ysp-left {
    width: 100%;
  }

  .um-ysp-right {
    width: 100%;
  }

  .um-ysp {
    padding: 15px;
    flex-direction: column;
  }

  .um-cp-check .form-check-label {
    padding: 8px 12px;
  }

  .um-cp-check .form-check-input {
    top: 15px;
  }

  .um-membership-details {
    flex-direction: column;
  }

  .um-left {
    height: inherit;
  }

  input[type="checkbox"],
  input[type="radio"] {
    height: 21px;
    width: 21px;
  }

  .btn,
  .btn-facebook {
    border-radius: 8px;
    height: 42px;
  }

  .btn2 {
    height: 42px;
    padding: 8px 22px;
  }

  .btn3 {
    height: 42px;
    padding: 8px 22px;
  }

  select {
    border-radius: 8px;
    height: 40px;
    padding: 10px 15px;
  }

  input:not(.MuiInputBase-input)[type="text"],
  input:not(.MuiInputBase-input)[type="email"],
  input:not(.MuiInputBase-input)[type="password"],
  input:not(.MuiInputBase-input)[type="number"],
  input:not(.MuiInputBase-input)[type="date"],
  input:not(.MuiInputBase-input)[type="time"],
  input:not(.MuiInputBase-input)[type="file"] {
    /* border-radius: 8px;
    height: 40px;
    padding: 10px 15px; */
  }

  span.um-people-photo-in {
    margin-right: -10px;
  }

  .um-right-in-title {
    font-size: 24px;
    line-height: 30px;
  }

  .um-people-photo {
    margin-bottom: 15px;
  }

  .um-people {
    align-items: flex-start;
    flex-direction: column;
  }

  .um-title {
    font-size: 24px;
    line-height: 30px;
  }

  .um-title2 {
    font-size: 24px;
    line-height: 30px;
  }

  .um-title-how {
    font-size: 20px;
    line-height: 26px;
  }

  .all-content-main-right,
  .sidebar-icon,
  .sidebar2-icon,
  .sidebar-icon.sidebarweb,
  .all-content-main-left,
  .header-ft-menu-icon.header-noti-box,
  .header-ft-search-search input,
  .header-ft-search-select,
  span.header-ft-name-user {
    display: none;
  }
}

@media (max-width: 600px) {
  .cstm-cv-video {
    grid-gap: 10px;
  }

  .um-title h1 {
    font-size: 32px;
    line-height: 50px;
    text-align: left;
  }

  .login-um-left-in-mn .um-login-title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: left;
  }

  .cstm-um-main.login-um-main .um-text p {
    text-align: left;
  }

  .um-channels-main {
    overflow: auto;
  }

  .um-channels {
    width: 600px;
  }

  .um-left {
    height: inherit;
  }

  .cstm-um-main .um-left,
  .cstm-um-main .um-right {
    min-height: auto;
  }

  .header-ft-search-search:after {
    height: 36px;
    width: 33px;
    top: -11px;
    right: -60px;
    background-repeat: no-repeat;
  }
}

.sidebar2-icon2 i {
  transform: rotate(180deg);
}

.cstm-vd-box-in22 {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}

@media(max-width : 1365.98px) {


  .profile-detilas-all-username {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-detilas-all-username-left,
  .profile-detilas-all-username-right {
    width: 100%;
  }

  .profile-detilas-all-username-left {
    margin-bottom: 16px;
  }

  .profile-detilas-cmn {
    flex-grow: 1;
  }

  .pd-joind-btn {
    width: 100%;
    text-align: center;
  }

  .dropdown-menu.pd-joind-in.show {
    width: 100%;
  }

  button.pd-invite-btn {
    width: 100%;
    text-align: center;
  }

  .profile-detilas-cmn.pd-dottod {
    flex-grow: 0;
  }

  .pd-joind-btn i,
  .pd-invite-btn i {
    margin-left: 8px;
  }

  .profile-detilas-all-nav ul.nav.profiledt-menu {
    flex-wrap: nowrap;
    overflow: auto;
  }

  .profile-detilas-all-nav .profiledt-menu li a {
    white-space: nowrap;
  }

  .profile-detilas-all-nav {
    padding: 12px 12px 0px;
  }

  .profiledt-menu li a {
    border-radius: 0px !important;
    border-bottom: 3px solid #ffffff;
  }

  .profiledt-menu li a.active {
    background-color: white;
    color: #351BCE;
    border-bottom: 3px solid #351BCE;
    border-radius: 0px !important;
    /* font-weight: 800;
         */
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar-track {
    background: transparent;
  }

  body .profile-detilas-all-nav ul.nav.profiledt-menu::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
  }
}

@media(max-width : 1199.98px) {
  .cstm-saved-single-video-title {
    font-size: 14px;
    line-height: 120%;
  }

  .cstm-saved-single-video-in {
    padding: 12px;
  }

  .cstm-cl-recent {
    padding-bottom: 6px;
  }

  span.cstm-vh-info-dt {
    /* margin: 0px 5px;
         */
    font-size: 8px;
  }

  .cstm-vh-info {
    font-size: 12px;
    line-height: 130%;
  }

  .cstm-my-videos-history-list-main-box-info {
    padding-right: 28px;
  }

  .cstm-hv-op-drop-dt img {
    padding: 3px;
  }

  .cstm-vh-title {
    font-size: 14px;
    line-height: 130%;
  }

  .cstm-video-history-col-2 {
    width: 180px;
  }

  .cstm-clear-all-watch-history {
    padding: 6px 35px 6px 10px !important;
  }

  .cstm-video-history-search img {
    right: 10px;
  }

  .cstm-all-content-library-main-only .all-content-main-left {
    width: 180px;
  }

  .cstm-videos-history-only {
    padding: 8px 210px 8px 10px;
  }

  .all-content-main.cstm-all-content-main {
    grid-template-columns: minmax(0, 6fr) minmax(500px, 500px) minmax(0px, 6fr);
  }

  .cp-btn button span {
    display: none;
  }

  .cp-btn {
    width: 20%;
  }

  .cp-btn button {
    width: 100%;
  }
}

@media(min-width : 1500px) {
  .cstm-um-main .um-left-in {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .um-left-in-mn.csmt-um-left-in-mn {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .um-left-in-content-sec {
    max-width: calc(100% - 40%);
  }

  .csmt-um-left-in-mn .um-text {
    max-width: 100%;
  }

  .um-text p {
    margin-bottom: 24px;
    max-width: 100%;
    width: 100%;
    color: var(--text2);
    font-size: 16px;
  }

  .cstm-login .um-text {
    margin-bottom: 24px;
  }

  .csmt-um-left-in-mn .um-people {
    margin-bottom: 20%;
  }

  .um-right-in.csmt-um-left-in-mn .um-right-in-title {
    font-size: calc(28px + (60 - 48) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right-in.csmt-um-left-in-mn .um-right-in-sub,
  .um-right-in.csmt-um-left-in-mn .um-not {
    font-size: calc(16px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-title2 h2 {
    font-size: calc(28px + (50 - 22) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (60 - 16) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-text.um-text-2 {
    margin-bottom: 30%;
  }

  .um-right-in2 .um-title-how {
    font-size: calc(16px + (60 - 50) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right-in2 p {
    font-size: calc(16px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));
  }

  .um-right.cstm-um-right-2 .um-right-in2,
  .um-right.cstm-um-right-2-1 .um-right-in2 {
    max-width: 80%;
  }

  .cstm-um-right-2 .um-right-in2:before,
  .cstm-um-right-2 .um-right-in2:after {
    content: '';
    flex: auto;
  }
}

.all-content-main-left-sidebar.global-left-side .global-das {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.global-left-side .cstm-starred-group {
  padding-top: 0px;
}

.all-content-main-left-sidebar.global-left-side .card:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.all-content-main-left-sidebar.global-left-side .card:last-child .card-header {
  border-bottom: 0px;
}

.global-result {
  padding: 12px 16px;
  background: rgb(211, 239, 231);
  border-radius: 0;
}

.global-result span {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #091F48;
  margin-bottom: 0;
  opacity: 0.9;
}

.global-result p {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #091F48;
  margin-bottom: 0;
}

.mobile.global-result,
.global-result-buttom {
  display: none;
}

@media (max-width:767.98px) {

  .cstm-cl-mv-ldr {
    display: block;
  }

  .cstm-contant-page {
    word-wrap: break-word;
  }

  .form-group {
    margin-bottom: 12px;
  }

  .um-right-in-label {
    margin-bottom: 2px;
  }

  .cstm-contant-page p {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 18px;
  }

  .cstm-contant-page h1 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .cstm-contant-page h2 {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .cstm-per-inf-title {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .cstm-ac-se-nav ul li a {
    padding: 4px 8px !important;
    font-size: 13px;
  }

  .all-content-main-edit-profile {
    width: 100%;
    padding-left: 0;
  }

  .header-menu-dp ul li a {
    margin: 0px 5px;
  }

  .cstm-history-top-title img {
    display: none;
  }

  .cstm-hv-op-drop {
    top: 12px;
    right: 0px;
  }

  .cstm-hv-op-drop-dt img {
    width: 25px;
  }

  span.cstm-vh-info-dt {
    font-size: 7px;
  }

  .cstm-vh-info {
    font-size: 11px;
  }

  .cstm-video-history-col-1 .cstm-cl-title {
    margin-bottom: 6px;
  }

  .cstm-vh-title {
    margin-top: 0;
  }

  .cstm-manage-history-title {
    margin-bottom: 6px;
  }

  .cstm-cawh {
    padding-bottom: 6px;
  }

  .cstm-video-history-search {
    margin-bottom: 6px;
  }

  .cstm-video-history-col-2 {
    width: 100%;
    position: fixed;
    left: 0;
    padding: 0px 15px;
    background: #FFF;
    top: 98px;
    display: none;
  }

  .cstm-videos-history-only {
    padding: 0px 15px 8px 15px;
    width: 100%;
  }

  .cstm-history-top-title {
    font-size: 16px;
  }

  .cstm-my-videos-only {
    padding: 10px 15px 15px 15px;
  }

  .icon-box {
    font-size: 12px;
  }

  .cstm-cv-video-in {
    margin-bottom: 20px;
  }

  body.menuview .all-content-main-left {
    width: 100% !important;
  }

  body.menuview .card-header button.btn-link .cstm-tlp {
    width: inherit;
    font-size: inherit;
    position: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inherit;
    color: inherit;
    background: inherit;
    border-radius: inherit;
    padding: 0px;
    left: inherit;
    top: inherit;
    z-index: inherit;
  }

  body.menuview .cstm-all-content-library-main-only .card-header button.btn-link {
    padding: 4px 8px !important;
    font-size: 13px !important;
  }

  .cstm-cv-video {
    display: block;
  }

  .cstm-cl-bottom {
    margin-bottom: 6px;
  }

  .cstm-cl-search img {
    right: 12px;
    top: 8px;
  }

  .cstm-cl-title {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .cstm-all-content-library-main-only .all-content-main-left {
    display: none !important;
    width: 100%;
    z-index: 3;
    top: 54px !important;
    padding: 10px 15px;
  }

  .mobile.global-result {
    display: flex;
    position: sticky;
    top: 76px;
    z-index: 10;
    align-items: center;
    gap: 10px;
  }

  .global-menu-btn button {
    border: none;
    background-color: #ffffff;
    outline: none;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);
  }

  .global-result-inner {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .global-result-inner span {
    font-size: 14px;
  }

  .mobile.global-result p {
    font-size: 14px;
    line-height: 20px;
  }

  .all-content-main-left.cstm-all-content-main-left.glob-hidden {
    position: fixed;
    left: -100%;
    top: 76px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    max-height: calc(100vh - 80px);
  }

  .all-content-main-left.cstm-all-content-main-left.glob-hidden.active {
    left: 0%;
  }

  .global-das {
    display: none !important;
  }

  .global-left-side .global-result {
    display: flex;
    justify-content: space-between;
  }

  .global-left-side .global-result button {
    padding: 0 !important;
    border: none;
    background-color: #ffffff;
    outline: none;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);
  }

  .glob-hidden .all-content-main-left-sidebar .card-header button {
    padding: 10px;
  }

  .glob-hidden .all-content-main-left-sidebar .card-header button img {
    margin-right: 6px;
  }

  .global-result-buttom {
    display: block;
  }

  .global-search-active {
    height: 100vh;
    overflow: hidden;
  }

  .video-details-tabing .cstm-vd-tabs .nav {
    flex-wrap: nowrap;
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    flex-direction: row;
    width: 100%;
  }

  .cstm-vd-tabs {
    overflow: hidden;
  }

  .video-details-tabing .cstm-vd-tabs .nav li a {
    display: block;
  }
}

.cstm-rpp-main .desk-globle-model-box-inner {
  max-width: fit-content;
  width: 100%;
  max-height: 100%;
}

.cropImgDis {
  min-width: 300px;
  max-width: 600px;
  height: 100%;
}

.mds-purchase-details {
  background: #FFFFFF;
}

.mds-purchase-details .cstm-per-inf-title {
  padding: 0 0px 16px;
  margin-bottom: 0;
}

.mds-purchase-details .cstm-to-delete-request {
  padding: 16px 16px;
  max-width: 660px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.mds-purchase-details .cstm-sub-title {
  font-weight: 600;
  font-size: 16px;
}

.mds-purchase-cancel {
  display: block;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #351BCE !important;
}

.mds-plan-details-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mds-plan-details p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #111928;
}

.mds-plan-price h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  color: #111928;
  margin-bottom: 0;
}

.mds-cancel-membership-model {
  max-width: 360px !important;
  padding: 24px 20px 14px 20px;
  position: relative;
}

.mds-cancel-membership-model h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  margin-bottom: 12px;
  text-align: center;
}

.mds-cancel-membership-model p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  margin-bottom: 16px;
}

.mds-model-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mds-model-button button {
  padding: 10px 18px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  border: transparent;
  background: #fff !important;
  transition: 0.5s all;
}

.mds-model-button button.button-do-not-cancel {
  color: #201E29;
}

.mds-model-button button.button-do-not-cancel:hover {
  color: #351BCE;
}

.mds-model-button button.model-button-cancel {
  color: #351BCE;
}

.mds-model-button button.model-button-cancel:hover {
  color: #240ea7;
}@media only screen and (max-width: 1500px) {
  body .newsmanagement-main {
    padding: 0px 24px;
  }
}

@media (max-width: 1400px) {
  .partners-meet-slider {
    margin: 0px -24px -20px -24px !important;
  }
}

@media (max-width: 1200px) {
  .cstm-cl-top {
    flex-direction: column;
    gap: 12px;
    align-items: start !important;
  }

  .mds-partners-head {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0px !important;
  }

  .mds-partners-head-left {
    gap: 12px !important;
  }

  body .cstm-search-part-input {
    width: 320px !important;
  }

  .mds-partners-head-right-sort ul.cstm-drop-list {
    left: 0;
  }

  .partners-details-post-card {
    margin-right: 24px !important;
    padding: 12px 12px 48px !important;
    max-width: 35% !important;
  }
}

@media (max-width: 1100px) {
  .fresh-updates-slider button.slick-arrow {
    top: 29% !important;
  }

  .submit-your-document-btn {
    padding: 8px 15px !important;
  }

  .btn-unlock-section .partners-details-btn-main {
    padding: 12px 20px !important;
  }

  .news-details-main-list {
    margin-bottom: 40px !important;
  }

  .news-details-test-edit {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .news-details-pg-title {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  body .partners-meet-slider button.slick-arrow {
    top: 27% !important;
  }

  .partner-explore-offer-content {
    padding: 32px !important;
    min-height: auto !important;
  }

  .partner-explore-offer-content h1 {
    max-width: 450px !important;
    font-size: 32px;
    line-height: 32px;
  }

  .partner-explore-offer-content p {
    margin-bottom: 24px !important;
    max-width: 400px !important;
  }

  .partner-explore-offers-btn {
    padding: 8px 15px !important;
  }

  .partnes-banner-title {
    font-size: 36px !important;
    line-height: 42px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mds-about-partner-title {
    font-size: 30px !important;
    line-height: 38px !important;
  }

  .get-details-btn {
    padding: 8px 24px !important;
  }

  .partners-details-btn-main {
    padding: 8px 15px !important;
  }

  .partners-details-related-posts li {
    padding: 16px 60px 16px 16px !important;
  }
}

@media (max-width: 999px) {

  .see-offers-btn {
    padding: 4px 12px;
    font-size: 14px;
  }

  .fresh-updates-slider {
    margin: 0px -12px !important;
  }

  .all-content-main-section-in {
    padding-left: 0;
  }

  .doc-management-main {
    padding: 12px 16px !important;
  }

  .cstm-conten-listing-pg-only .cstm-cv-video {
    padding-right: 16px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
  }

  body .newsmanagement-main {
    padding: 16px;
  }

  .partners-details-main {
    padding: 12px 16px 48px !important;
  }

  .mds-partners {
    padding: 16px !important;
  }

  .category-slider-menu-in {
    height: 100vh;
  }

  .category-slider-menu {
    height: 100vh;
  }

  .any-category-could-slider {
    margin: 0px !important;
  }

  .partners-meet-slider {
    margin: 0px -12px -20px -12px !important;
  }

  .header-ft.cstm-header-bar .header-inner-ft {
    padding: 0px 16px 0px 6px !important;
  }

  .all-content-main-center {
    padding-left: 0px !important;
  }

  .groups-left-sidebar .sidebar-main {
    left: -100%;
    transition: 0.8s all;
  }

  .menuview .sidebar-main {
    left: 0;
  }

  .partners-news-main {
    padding: 16px !important;
  }

  .mds-partners-title {
    font-size: 30px !important;
    line-height: 42px !important;
  }
}

@media (max-width: 767.98px) {
  .mds-partners-head-right-sort ul.cstm-drop-list {
    width: 160px;
  }

  .docs-menu-section li {
    width: 100%;
  }

  .docs-menu-section li a {
    width: 100%;
  }

  .docs-menu-section {
    flex-direction: column !important;
  }

  .all-docs-main-section-search-right {
    width: 100% !important;
  }

  .all-docs-main-section-filters button {
    font-size: 12px !important;
    padding: 3px 12px !important;
  }

  .all-docs-main-section {
    padding: 12px 0px !important;
  }

  .all-docs-main-section-search-left {
    width: 100% !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .all-docs-main-section-search {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .table-fn-pagination-cont li a {
    line-height: 14px !important;
    font-size: 12px !important;
  }

  .pagination-right-arrow {
    min-width: 30px !important;
    width: 30px !important;
    padding: 5px !important;
  }

  .fresh-updates-slider {
    margin: 0px -24px !important;
  }

  .fresh-updates-slider .slick-slide {
    padding: 12px 12px !important;
  }

  .doc-management-main-banner-loading {
    margin-bottom: 12px !important;
  }

  h2.fresh-updates-title {
    font-size: 24px !important;
    line-height: 28px !important;
    padding: 12px 0px !important;
  }

  a.submit-your-document-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .doc-management-main-banner {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
  }

  .table-fn-pagination-cont li {
    height: 22px !important;
    width: 22px !important;
  }

  .table-fn-pagination {
    flex-direction: column;
    gap: 15px;
  }

  input.cstm-cl-search-input {
    width: 100% !important;
    height: 36px !important;
  }

  img.search-icon-field {
    right: 32px !important;
    top: 24px !important;
  }

  .select-partners-pp-search-img {
    padding: 0px 16px 16px 16px !important;
  }

  .select-partners-pp-search-field {
    padding: 16px !important;
  }

  .btn-footer-pp-only {
    padding: 16px !important;
  }

  .select-partners-pp-only {
    padding: 16px !important;
  }

  .leave-review-offer {
    padding: 16px !important;
  }

  .leave-review-offer-left {
    min-width: 125px !important;
  }

  .select-partners-pp-search-img {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
  }

  .partners-details-popup-your-review {
    padding: 24px 16px !important;
  }

  .btn-unlock-section span {
    min-width: auto !important;
  }

  .cstm-cl-only-sk {
    padding: 8px 16px 0px 16px !important;
  }

  .news-details-main-newsroom {
    padding: 16px !important;
  }

  .newsroom-text {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .news-details-pg-date {
    font-size: 12px !important;
  }

  .news-details-main-list-info h4 {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 5px !important;
  }

  /* .news-details-main-list-img img {
    min-width: 100px !important;
    height: 80px !important;
  }

  .news-details-main-list-img {
    max-width: 120px !important;
    height: 80px !important;
  } */

  .news-details-main-list ul li {
    gap: 12px !important;
  }

  .news-details-pg-h3 {
    margin-bottom: 24px !important;
  }

  /* .news-details-pg-line {
    margin: 20px 0px !important;
  } */

  .news-details-pg-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .cstm-cl-top {
    flex-direction: column;
  }

  .trending-posts-main-box {
    padding: 16px 48px 16px 40px !important;
  }

  .trending-posts-main {
    padding: 12px 0px 24px 0px !important;
  }

  .trending-posts-main-all {
    padding: 12px 0px !important;
  }

  .cstm-news-banner {
    margin-bottom: 12px !important;
  }

  .trending-posts-date {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .trending-posts-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .cstm-news-banner-loading {
    height: 150px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-prev {
    right: 60px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-arrow {
    height: 30px !important;
    width: 30px !important;
    bottom: 24px !important;
    background-size: 18px !important;
  }

  body .cstm-news-banner .slick-slider button.slick-next {

    right: 16px !important;
  }

  .cstm-news-banner .slick-slide img {
    height: 150px;
  }

  .reviews-list-p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  button.btn-cancel {
    padding: 7px 24px !important;
    font-size: 14px !important;
  }

  button.btn-review {
    padding: 8px 24px !important;
    font-size: 14px !important;
  }

  .partners-details-popup-main-footer {
    padding: 12px 16px !important;
  }

  .partners-details-popup-leave-a-review {
    padding: 16px !important;
  }

  .partners-details-post-card-preferred {
    padding: 6px !important;
  }

  .get-details-btn {
    padding: 5px 24px !important;
    font-size: 14px !important;
  }

  .get-details-btn {
    padding: 3px 14px !important;
    font-size: 14px !important;
  }

  .partners-details-btn-main {
    padding: 3px 14px !important;
    font-size: 14px !important;
  }

  .partners-details-popup-main-cont {
    padding: 12px 16px 0px !important;
  }

  .partners-details-popup-offer-details-cont h3 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 6px !important;
  }

  .partners-details-popup-main-head {
    padding: 12px 16px !important;
  }

  .partners-details-popup-offer-details img {
    height: 100px !important;
  }

  .partnes-popup-offer-banner-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .partners-details-popup-offer-details-cont {
    padding: 16px !important;
  }

  .partnes-banner-title {
    font-size: 24px !important;
    line-height: 38px !important;
  }

  .partners-details-banner-img {
    height: 220px !important;
  }

  .partners-details-banner-img img {
    height: 220px !important;
  }

  .partners-details-reviews-list {
    margin: 16px 0px !important;
  }

  .partners-details-h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .partners-details-related-videos-cont h4 {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .partners-details-related-videos-cont h6 {
    font-size: 11px !important;
    line-height: 15px !important;
  }

  .related-videos-year-view {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .partners-details-related-videos-img {
    width: 100px !important;
    height: 80px !important;
  }

  ul.partners-details-related-videos li {
    gap: 12px !important;
  }

  .partners-details-about-cont hr {
    margin: 20px 0px !important;
  }

  .mds-other-offers-only {
    grid-gap: 20px 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  }

  .partners-details-related-posts {
    grid-template-columns: initial !important;
  }

  .partners-details-main-left-right {
    margin-top: 30px !important;
  }

  .partners-details-about-cont {
    max-width: 100% !important;
    margin: 0px !important;
  }

  .mds-about-partner-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .partners-details-post-card {
    margin-right: 0 !important;
    padding: 12px 24px 36px !important;
    max-width: 100% !important;
    margin-bottom: 60px !important;
    position: relative !important;
    top: initial !important;
  }

  .partners-details-reviews {
    margin-bottom: 24px !important;
  }

  .partners-details-post-card-logo {
    padding: 6px 0px 24px 0px !important;
  }

  .partners-details-main-left-right {
    flex-direction: column-reverse !important;
  }

  .mds-partners-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .mds-partners-head {
    gap: 12px !important;
  }

  .cstm-search-part {
    width: 100%;
  }

  body .cstm-search-part-input {
    width: 100% !important;
  }

  .mds-partners-head-left {
    gap: 12px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .see-offers-btn {
    padding: 2px 12px !important;
    font-size: 13px !important;
  }

  .category-slider-close {
    height: 54px !important;
  }

  .partners-browse-all-box {
    gap: 8px !important;
  }

  .partners-browse-all-box h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .any-categoty-title h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .partners-explore-offers-banner-loading {
    height: 250px;
    width: 100%;
  }

  .partners-browse-all-box {
    min-height: 250px !important;
  }

  .partners-explore-offers-banner {
    margin-bottom: 12px !important;
  }

  body .partners-meet-slider .slick-slide {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .partners-meet-slider {
    margin: 0px -15px 0px -15px !important;
    padding: 0px 15px !important;
  }

  .mds-partners-cont {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  }

  .any-categoryh4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .any-categoty-title {
    padding: 12px 0px !important;
  }

  .any-category-could-slider {
    margin: 0px !important;
    padding: 12px 0px !important;
  }

  .partners-have-an-awesome {
    padding: 24px !important;
    margin: 20px 0px !important;
    gap: 16px !important;
  }

  .partners-have-an-awesome h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .mds-partners-cont {
    grid-gap: 20px 12px !important;
    padding: 12px 0px !important;
  }

  .partners-title-sub {
    padding: 12px 0px !important;
    gap: 6px !important;
  }

  .partners-title-sub h2 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  .partners-title-sub p {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  .parners-link-all {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  .partner-explore-offers-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .partner-with-us-btn {
    padding: 5px 14px !important;
    font-size: 14px !important;
  }

  .partner-explore-offer-content p {
    margin-bottom: 16px !important;
  }

  .partner-explore-offer-content h1 {
    margin-bottom: 8px !important;
  }

  .title-x-large {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .partner-explore-offer-content {
    min-height: auto !important;
  }

  .partner-explore-offer-content {
    padding: 16px !important;
  }

  body .all-content-main {
    padding: 64px 0 0px 0 !important;
  }

  .sidebar-main {
    height: calc(100vh - 54px) !important;
  }

  .header-ft-element-sec {
    justify-content: flex-end !important;
  }

  .header-ft-search {
    display: none !important;
  }

  hr.cstm-ssv-line {
    display: none;
  }

  .cstm-saved-single-video-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-bottom: 10px;
  }

  .cstm-saved-single-video-lbl {
    display: none;
  }

  .cstm-ssv-description {

    display: none;
  }

  .cstm-saved-single-video-desc {
    display: none;
  }

  .cstm-saved-single-video-in {
    height: inherit;
    margin-bottom: 12px;
  }

  .cstm-saved-single-video-gallery-img {
    display: none;
  }

  .cstm-my-videos-history-list-main-box-info {
    padding-right: 12px;
  }

  .cstm-all-content-library-main-only .card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: auto;
  }

  .cstm-all-content-library-main-only .card-header button.btn-link {
    padding: 4px 8px !important;
    font-size: 13px !important;
    width: max-content;
  }

  .cstm-all-content-library-main-only .card-header button img {
    display: none !important;
  }

  body.menuview .all-content-main-center {
    padding-left: 0px !important;
  }

  .dropdown-menu.header-menu-dp {
    margin-left: 0;
  }

  .cstm-sg-ttl-main {
    width: 195px;
  }

  .newsfeed-sort-all.show ul li {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 12px;
  }

  .newsfeed-sort-all.show .dropdown-menu.newsfeed-select-in.show {
    left: 0px !important;
    border: transparent;
  }

  .loadind-post {
    height: 50px;
  }

  .shard-post-icons {
    padding-right: 0px;
    padding-top: 12px;
  }

  .post-shared-date-info {
    padding-top: 4px;
  }

  .shared-post-user-details {
    padding: 12px 8px;
  }

  .um-main.cstm-um-main.login-um-main .um-left {
    height: 100vh;
    min-height: 450px;
    /* height: var(--doc-height); */
    height: calc(var(--vh, 1vh) * 100);
  }

  /* Header */
  .header-ft-element-sec {
    justify-content: flex-end;
  }

  .header-ft-search {
    height: 40px;
    width: 40px;
    padding: 0px;
    max-width: 40px;
  }

  .header-ft-search-search {
    position: relative;
    width: 100%;
    padding-left: 0px;
  }

  .cstm-edit-delete-poll-inner {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }

  .cstm-edit-delete-poll ul li a,
  .cstm-save-dash-btn button,
  .cstm-link-dash-btn button {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px;
  }

  .cstm-save-dash-btn button img,
  .cstm-link-dash-btn button img {
    margin-right: 0;
  }

  .dropdown-menu.show {
    opacity: 1;
  }

  .all-content-main.cstm-all-content-main {
    grid-template-columns: minmax(0, 0fr) minmax(250px, 1fr) minmax(0px, 0fr);
  }

  .all-content-main.cstm-all-content-main {
    column-gap: 0px;
  }

  .what-is-happening-main,
  .newsfeed-main {
    width: calc(100% - 16px);
    margin: 0px auto 16px;
  }

  .what-post {
    align-items: center;
  }

  .what-post-right-input {
    margin-bottom: 0;
  }

  .what-post-btn-all.what-post-btn-all-desktop {
    display: none;
  }

  .what-post-btn-all.what-post-btn-all-mobile {
    display: flex !important;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #e5e5e5;
  }

  .what-post-btn-all-mobile .cp-btn button span {
    display: block;
    margin-top: -2px;
  }

  .what-post-btn-all-mobile .cp-btn {
    display: flex;
    width: 40%;
    align-items: end;
  }

  .what-post-btn-all-mobile .cp-btn button {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 12px !important;
    justify-content: center;
    max-width: inherit;
    margin-right: 0px !important;
    height: 36px;
  }

  .what-post-btn-all-mobile .cp-btn button span {
    display: block;
    margin-top: 0;
  }

  .what-post-btn-all-mobile .cp-btn.cstm-cp-dp {
    width: 20%;
  }

  .what-post-btn-all-mobile .cp-btn.topics {
    display: none;
  }

  .newsfeed-post-left img {
    height: 48px;
    width: 48px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header {
    padding: 12px 48px 8px 74px;
    margin-bottom: 8px;
  }

  .newsfeed-post-right-header-name {
    padding-left: 0px;
  }

  .user-name-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
  }

  .user-name-date {
    font-size: 10px;
    line-height: 14px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 14px;
  }

  .newfeed-dp {
    margin-left: 12px;
  }

  .newfeed-dp-save {
    order: 3;
  }

  .newfeed-dp-link {
    order: 2;
  }

  .cstm-dtl-poll {
    order: 1;
  }

  .create-pp-post-btn span.cp-btn {
    width: 20% !important;
  }

  .cstm-edit-delete-poll ul li img {
    margin-right: 6px;
    width: 20px;
  }

  .newsfeed-agree-main {
    height: auto;
    padding: 6px 16px;
    min-height: 48px;
  }

  .newsfeed-agree-main .newsfeed-agree-main-title {
    z-index: 1;
    text-align: left;
  }

  .newsfeed-agree-main .newsfeed-agree-main-color {
    height: 100%;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered {
    width: 100%;
    height: 100vh;
    margin: 0;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered .list-group-item-success {
    color: #0f5132;
    background: #2f2f2f;
  }

  .create-popup-post .cstm-img-peview-model .modal-content {
    height: 100%;
    max-height: 100%;
    background: #2f2f2f;
    border-radius: 0px;
  }

  .cstm-img-peview-model.modal-dialog.modal-dialog-centered .awssld {
    max-height: 100%;
    height: 100%;
  }

  .create-popup-post .cstm-img-peview-model .awssld__wrapper {
    max-height: 100%;
  }

  .cstm-img-peview-model .awssld__bullets {
    display: flex;
    position: absolute;
    bottom: 12px;
    z-index: 10;
  }

  .cstm-img-peview-model .awssld__bullets button {
    width: 8px;
    height: 8px;
  }

  .cstm-img-peview-model .item.cstm-cl-items {
    height: 100%;
    max-height: calc(100vh - 140px);
    padding-bottom: 0px;
  }

  .cstm-img-peview-model .awssld__content {
    background-color: #2f2f2f;
  }

  .cstmcloseBnt {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 35px;
    margin: 8px 4px 0 auto;
    background: transparent;
    color: #ffffff;
    border: none;
    cursor: pointer;
  }

  .cp-btn button img {
    margin-right: 0;
    margin-bottom: -2px;
  }

  .bijausernoclass {
    display: block;
  }

  .bijausernoclass .cstm-edit-dash-btn,
  .bijausernoclass .cstm-delete-dash-btn,
  .newfeed-dp.newfeed-dp-link,
  .newfeed-dp.newfeed-dp-save {
    display: none;
  }

  .userpoteclass .cstm-link-dash-btn,
  .userpoteclass .cstm-save-dash-btn {
    display: block;
  }

  .newsfeed-post-left {
    top: 12px;
  }

  /* create post model box */
  .modal.create-popup-post .modal-dialog {
    transform: none;
    top: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
  }

  .create-popup-post .modal-content {
    border-radius: 0;
    max-height: 100%;
    height: 100%;
  }

  .create-popup-post .create-post-content-inner-sub {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .create-pp-post.csm-main-pp-post {
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-right {
    max-height: 100%;
    flex-grow: 1;
    height: 100%;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-cont {
    /* height: calc(100vh - 387px); */
    height: calc((var(--vh, 1vh) * 100) - 387px);
    border-radius: 5px;
    /* min-height : 150px; */
    transition: height 1s ease;
  }

  .create-pp-post.csm-main-pp-post .create-pp-post-cont::-webkit-scrollbar,
  .csstm-add-topic-listing .topics-search-ovr::-webkit-scrollbar,
  .csstm-add-topic-listing .topics-search-label::-webkit-scrollbar,
  .edit-post-content-inner-main .edit-img-inner-main::-webkit-scrollbar {
    width: 0px;
  }

  .responsive-cr-heading-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }

  .responsive-cr-heading-in {
    display: flex;
    align-items: center;
    gap: 8;
  }

  .responsive-cr-heading-in .cr-pp-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #091f48;
  }

  .responsive-cr-heading-sec .close {
    font-weight: 200;
    font-size: 21px;
  }

  .res-create-ps-title .close,
  .res-csm-main-pp-post .create-pp-post-left {
    display: none;
  }

  .create-ps-title-title.ccstm-creatr-post-main {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
  }

  .create-ps-title {
    align-items: start;
    margin-bottom: 4px;
  }

  .bx-close {
    font-size: 10px;
    height: 20px;
    width: 20px;
  }

  .create-popup-post .create-pp-post-img3,
  .create-popup-post .create-pp-post-img2 {
    gap: 8px;
    flex-direction: column;
  }

  .create-popup-post .create-pp-post-img3-left,
  .create-popup-post .create-pp-post-img3-right,
  .create-popup-post .create-pp-post-img2-in {
    width: 100%;
    overflow: hidden;
  }

  .create-popup-post .create-pp-post-img3-right {
    gap: 8px;
  }

  .create-popup-post .create-pp-post-img3-right-in,
  .create-popup-post .create-pp-post-img2-in img,
  .create-popup-post .create-pp-post-img2-in video {
    max-height: 320px;
  }

  .create-pp-cunt {
    font-size: 24px;
  }

  .modal.create-popup-post .create-pp-cunt {
    font-size: 48px;
  }

  .create-ps-title-title.ccstm-creatr-post-main h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
  }

  .create-ps-title-title.ccstm-creatr-post-main select,
  .create-ps-title-title.ccstm-creatr-post-main input[type="text"] {
    max-width: 100%;
    width: 100%;
    height: 40px;
    margin: 0 0 12px 0px;
  }

  .create-pp-post-cont-text textarea {
    margin-bottom: 16px;
  }

  .topics-search-label {
    margin-bottom: 8px;
  }

  .add-poll-main {
    margin-bottom: 16px;
  }

  .create-pp-post-btn {
    gap: 12px;
  }

  .create-pp-post-public-btn {
    margin-left: 0px;
    width: 100%;
  }

  .create-pp-post-public-btn button {
    width: 100%;
    max-width: 100%;
  }

  .add-poll-main-box input[type="text"] {
    padding: 10px 83px 10px 15px;
  }

  .add-poll-main-box2 input[type="text"] {
    padding-right: 54px;
  }

  .edit-img-cstm-btn-right button {
    margin: 0;
  }

  .csstm-add-topic-listing {
    max-height: calc(100vh - 80px);
    flex-grow: 1;
  }

  .modal-content.cstm-topic-model-box .create-ps-title {
    margin-bottom: 16px;
  }

  .csstm-add-topic-listing .topics-search-ovr {
    /* overflow: auto; */
    flex-grow: 1;
    margin-top: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .csstm-add-topic-listing .topics-search-label {
    overflow: auto;
    flex-grow: 0;
    max-height: 140px;
    background: #f4f4f4;
    border-radius: 8px;
    padding: 10px 10px 5px;
    margin-bottom: 20px;
  }

  .tag-a-friend {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
  }

  .csstm-add-topic-listing .edit-img-cstm-btn-right {
    margin-top: 20px;
  }

  .csstm-add-topic-listing .topics-search-ovr-in {
    padding: 12px 16px;
  }

  img.crt-post-dott,
  .cstm-cp-dp:hover .cstm-cp {
    display: none;
  }

  .crt-post-poll {
    display: block;
  }

  .msg-popup.create-popup-post .edit-img-modal-dialog .modal-content {
    padding: 16px;
  }

  .edit-post-content-inner-sub {
    height: auto;
    max-height: calc(100vh - 34px);
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount3,
  .editimgcount4,
  .editimgcount5,
  .editimgcount0 {
    width: 100%;
  }

  .editimgcount0 .edit-post-content-inner-sub {
    width: 100%;
  }

  .edit-post-content-inner-main {
    height: 100%;
    display: flex;
    height: auto;
  }

  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 100%;
  }

  .edit-cstm-img-inner-bg {
    background-position: center !important;
    background-size: cover !important;
  }

  .edit-post-content-inner-main.editimgcount2 {
    display: flex;
    height: auto;
    align-items: center;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }

  .edit-img-cstm-btn-left .cp-btn {
    width: auto;
  }

  .edit-img-cstm-btn-left .cp-btn button img {
    margin-right: 0;
    margin-bottom: -3px;
    padding: 0;
  }

  .post-uploading-in-progress {
    width: calc(100% - 16px);
    margin: auto auto 16px;
  }

  .post-msg-all {
    padding: 10px;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    position: fixed;
    width: 95%;
    left: 2.5%;
    right: 2.5%;
    top: 10%;
    z-index: 99;
    height: 40px;
    transform: translateX(0%);
  }

  .post-close-msg {
    padding: 0;
    font-size: 16px;
  }

  .newsfeed-post-right-cmt {
    margin-top: 10px;
  }

  .cmt-other-cunt,
  .cstm-ppl-comments {
    display: none;
  }

  .newsfeed-post-right-cmt-right .newfeed-img-name,
  .newsfeed-post-right-cmt-right .newfeed-img-name {
    margin-left: 0px;
  }

  .newsfeed-post-right-cmt-right {
    display: flex;
    gap: 12px;
  }

  /* Post Comment */
  .comment-main-box-right-box-name-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .comment-main-box {
    margin-left: 6px;
  }

  .comment-main-box-left img {
    height: 32px;
    width: 32px;
  }

  .comment-main-box-right {
    padding-left: 40px;
  }

  .comment-main-box-right-icon-left .newfeed-img-name {
    margin-right: 8px;
  }

  span.comment-time-st.res-comment-time-st {
    display: flex;
    gap: 2px;
    align-items: center;
  }

  .cstm-all-content-center.all-content-main-center {
    max-width: 100%;
  }

  .res-comment-time-st-inner {
    width: 50px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .cstm-delete-modelbox {
    justify-content: center;
  }

  .cstm-delete-modelbox h1 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .cstm-delete-modelbox .msg-icon {
    margin-bottom: 16px;
  }

  .cstm-delete-modelbox .msg-btn.cancle button.btn {
    background: transparent;
    color: #919191 !important;
    border: 1px solid #919191;
    box-shadow: none;
  }


  .globle-model-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #ffffff;
    overflow: hidden;
    padding: 76px 0px;
    z-index: 10;
  }

  .globle-model-box .globle-back-btn {
    background: none;
    border: none;
    padding: 16px 8px 10px 16px;

  }

  .globle-model-box .card {
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 16px;
  }

  .globle-model-box .card-header {
    padding: 0px;
  }

  .globle-model-box .card button {
    box-shadow: none;
    padding: 12px 16px;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #091F48 !important;
    text-decoration: none;
    background-color: #FFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .globle-model-box .cstm-starred-group.glob-cstm-starred-group ul {
    height: calc((var(--vh, 1vh) * 100) - 270px);
    overflow: auto;
  }

  .globle-model-box .collapse .cstm-starred-group.cstm-starred-group-sad {
    border-bottom: none;
    padding: 8px 0px 16px;
  }

  .globle-model-box .card button i {
    float: right;
    flex-grow: 1;
    font-size: 23px;
    text-align: right;
  }

  /* group post */
  .all-content-main.cstm-all-content-main.grup-cstm-all-content-main {
    padding-top: 70px;
  }

  .grup-cstm-all-content {
    grid-area: newsfeed;
  }

  .profile-detilas-all {
    margin: -46px 0px 24px;
  }

  .pro-group-members {
    flex-wrap: wrap;
  }

  .search-members-input {
    width: 100% !important;
  }

  .pro-map {
    margin-bottom: 16px;
    min-height: 130px;
  }

  .pro-map img {
    height: 100%;
    min-height: 240px;
  }

  .cstm-grup-admin .pro-title {
    margin-bottom: 16px;
    margin-top: 24px;
  }

  .pro-post-list-main-in {
    padding: 8px 8px;
    display: flex;
    width: 100%;
    align-items: center;
  }

  .pro-post-list-main-in-user {
    flex-grow: 1;
    margin-bottom: 0px;
  }

  .pro-post-list-main-in-link {
    align-items: end;
    flex-direction: column;
    gap: 5px;
  }

  .pro-post-list-main-in-link-view button {
    font-weight: 600;
  }

  .pro-post-list-main-in-link-unfollow {
    font-weight: bold;
  }

  .upcoming-group-events-box-cont-title {
    font-size: 14px;
    line-height: 20px;
    padding-right: 54px;
  }

  .upcoming-group-events-box-cont-sub {
    font-size: 12px;
    line-height: 18px;
    padding-right: 48px;
  }

  .upcoming-group-events-box-cont-brn {
    gap: 6px;
    padding-right: 16px;
  }

  .upcoming-group-events-box-cont-brn button {
    font-size: 12px;
    line-height: 14px;
  }

  .upcoming-group-events-box {
    padding: 16px 0px 16px 88px;
  }

  .pro-events-top {
    flex-wrap: wrap;
    padding: 0px 16px;
  }

  .pro-events-top .pro-uge-title {
    margin-bottom: 8px;
  }

  .pro-uge-view {
    width: 100%;
    justify-content: space-between;
  }

  .pro-events-top .pro-uge-view-check {
    margin-right: 0px;
    width: 50%;
  }

  .upcoming-group-events-box-cale {
    left: 12px;
  }

  .upcoming-group-star {
    top: 16px;
  }

  .upcoming-group-star img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
  }

  .profile-details-tabs .tab-pane {
    margin-bottom: 50px;
  }

  .group-media-slider img,
  .group-media-slider video {
    border-radius: 5px;
  }

  .files-post-tab-inner .pro-group-members-list-left-img img {
    height: 40px;
    width: 40px;
  }

  .files-post-tab-inner .pro-group-members-list-left-title {
    font-size: 14px;
    line-height: 20px;
  }

  .files-post-tab-inner .pro-group-members-list-left-img {
    margin-left: 0;
    left: 0px;
  }

  .files-post-tab-inner .pro-group-members-list-left {
    padding-left: 48px;
    flex-grow: 1;
    width: 70%;
  }

  .files-post-tab-inner .btn-uf {
    font-size: 12px;
    line-height: 19px;
  }

  .files-post-tab-inner .pro-group-members-list-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    flex-wrap: wrap;
    width: 30%;
    gap: 10px;
  }

  .files-post-tab-inner .pro-group-members-list-right-date {
    margin-right: 0;
  }

  /*  Content Library */
  .all-content-main.cstm-all-content-main.cstm-all-library-content-main {
    column-gap: 0;
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) !important;
  }

  .cstm-content-archive-main-top {
    flex-wrap: wrap;
  }

  .cstm-content-archive-main-top h3 {
    margin-bottom: 10px;
  }

  .cstm-content-archive-main-top .uic-fl-search {
    margin-right: 0px;
    width: 100%;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec {
    position: relative;
    width: 100%;
  }

  .cstm-content-sorting {
    display: none;
  }

  .cstm-back-video-detail-cl .back-link {
    padding: 0px 0px 16px 16px;
  }

  .cstm-content-sorting select.cstm-content-archive-sort-select {
    width: 90px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input {
    width: 100% !important;
    padding-right: 45px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search i {
    top: 12px;
  }

  .cstm-content-archive-main-top {
    padding: 16px;
  }

  .cstm-gallery-img {
    border-radius: 5px !important;
  }

  .cstm-cv-video-in video {
    object-fit: cover;
  }

  .cstm-cl-items-list {
    font-size: 12px;
    line-height: 16px;
  }

  /* content library video */

  .video-js.vjs-fullscreen .vjs-tech {
    object-fit: contain;
  }

  /* .cstm-back-video-detail-cl .cstm-content-details-video {
        position: sticky;
        top: 76px;
        z-index: 20;
        width: 100%;
    } */
  .cstm-all-library-video-details .all-content-main-right {
    display: block;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-video-details {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
    margin-bottom: 0px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-left {
    width: 100%;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    border-top: 1px solid #cccccc;
    margin-top: 24px;
    padding-top: 16px;
  }

  .cstm-vd-cnt-left h4 {
    font-size: 17px;
    padding-bottom: 8px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt .cstm-video-innr-text-tag {
    margin-top: 12px;
  }

  .cstm-vd-cnt-right button,
  .cstm-vd-cnt-right .mark-btn-watched {
    width: 49%;
  }

  .cstm-vd-cnt-right .mark-btn-watched button {
    width: 100%;
  }

  .videodetailicon-sec {
    margin-top: 16px;
    flex-direction: row;
    width: 100%;
  }

  .videodetailicon {
    display: block;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
  }

  .videodetailicon-i {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto auto 4px;
  }

  .video-details-tabing .profile-details-tabs .tab-pane {
    margin-bottom: 4px;
    margin-top: 20px;
  }

  .cl-v-comment-sec .newsfeed-post-right-write,
  .cl-v-comment-sec .comment-main,
  .cl-v-comment-sec .view-more-comments-link {
    display: none;
  }

  .cl-v-comment-sec.res-v-comment .newsfeed-post-right-write,
  .cl-v-comment-sec.res-v-comment .comment-main,
  .cl-v-comment-sec.res-v-comment .view-more-comments-link {
    display: block;
  }

  .cstm-vd-tabs {
    padding-top: 24px;
    margin-bottom: 9px;
  }

  .cl-v-comment-sec .comment-main-title {
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
  }

  .cl-v-comment-sec.res-v-comment .comment-main-title {
    padding-bottom: 0px;
  }

  .cl-v-comment-sec .cmt-arrow-down {
    transform: rotate(180deg);
    display: block;
  }

  .cl-v-comment-sec.res-v-comment .cmt-arrow-down {
    transform: rotate(0deg);
  }

  .react-input-emoji--button {
    display: none !important;
  }

  .cstm-all-library-video-details .all-content-main-center,
  .cstm-back-video-detail-cl {
    margin-bottom: 0px;
  }

  .related-videos-main {
    margin: 0px 0px 0px;
  }

  .cstm-back-video-detail-cl .newsfeed-post-right-write {
    border-top: 0px;
    margin-top: 0px;
    padding-bottom: 4px;
  }

  .cstm-all-library-video-details .comment-main {
    margin-top: 16px !important;
    padding: 0 0px 0px 8px;
  }

  .cstm-all-library-video-details .react-input-emoji--placeholder {
    font-size: 13px;
  }

  .related-videos-contant-in {
    grid-template-columns: minmax(0, 136px) minmax(0, 1fr);
    padding: 0px 6px 12px 10px;
  }

  .related-videos-contant-in-right {
    padding: 0px;
    justify-content: start;
    gap: 6px;
  }

  .rvc-views-comment {
    display: flex;
    align-items: center;
  }

  .cstm-views-lk {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
  }

  .rvc-title {
    margin-bottom: 4px;
  }

  .related-videos-contant {
    margin-bottom: 60px;
  }

  .loading-video-loader-heading-sec {
    flex-direction: column;
  }

  .loading-video-loader-heading {
    width: 100%;
  }

  .loading-video-loader-left {
    width: 100%;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-video-details .all-content-main-right.cstm-all-content-main-right {
    margin-top: 16px;
  }

  .cl-v-comment-sec.res-v-comment .view-more-comments-link {
    padding: 0px 0px 16px;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-top: 5px;
    flex-grow: 1;
    padding-bottom: 0px;
  }

  .res-profile-detilas-all .profile-detilas-user-photo {
    position: absolute;
    left: 16px;
    top: 15px;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-size: 16px;
    padding-right: 32px;
    position: relative;
  }

  .res-profile-detilas-all .profile-detilas-comm .btn2 {
    display: none;
  }

  .res-profile-detilas-all .res-edit-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
  }

  .rs-joined-group {
    display: block;
  }

  .rs-group-media-inner-ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    width: 100%;
    gap: 12px;
    border-radius: 5px;
    margin-bottom: 8px;
    flex-wrap: wrap;
  }

  .rs-group-media-inner-ul li {
    padding: 8px 8px 12px;
    border: 1px solid #cecece;
    width: 48%;
    border-radius: 5px;
  }

  .rs-group-media-inner-li-div {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 4px;
  }

  .rs-group-media-inner-li-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .rs-group-media-inner-details {
    height: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .rs-group-media-inner-li-img-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #091F48;
    margin-bottom: 10px;
  }

  /* Edit profile */
  .all-content-main-edit-profile {
    grid-area: newsfeed;
  }

  .all-content-main.cstm-all-content-main.edit-profile {
    column-gap: 0;
    grid-template-columns: minmax(0, 0fr) minmax(0, 12fr) !important;
    display: block;
  }

  .all-content-main-edit-profile-header {
    padding: 16px;
  }

  .cstm-edit-profile {
    font-size: 16px;
    line-height: 24px;
  }

  .back-btn img {
    vertical-align: -2.5px;
  }

  .all-content-main-edit-profile-main {
    padding: 15px;
    gap: 15px;
  }

  .all-content-main-edit-profile-upload {
    width: 100%;
  }

  .cstm-profile-upload-cont {
    width: 100%;
    margin-bottom: 30px;
  }

  .cstm-profile-upload-con .form-group {
    margin-bottom: 16px;
  }

  .um-comm-prefe .col-sm-4:nth-child(2) {
    margin: 12px 0px;
  }

  .um-cp-check .form-check-label {
    padding: 6px 12px;
  }

  .cstm-profile-upload-cont .btn {
    margin: 0;
  }

  .globle-model-box.globle-search-model-box {
    padding: 16px 16px 0;
    display: block;
  }

  .globle-search-heading-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .globle-search-heading-sec h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #091F48;
    margin-bottom: 0;
  }

  .globle-model-box.globle-search-heading-sec .globle-back-btn {
    border: none;
    padding: 8px;
  }

  .globle-search-model-box .header-ft-search {
    height: 48px;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    flex-wrap: wrap;
    background-color: #f4f4f4;
  }

  .globle-search-model-box .header-ft-search-search {
    width: 100%;
  }

  .globle-search-model-box .header-ft-search-select {
    display: block;
  }

  .globle-search-model-box .header-ft-search-search input {
    display: block;
    height: 48px;
  }

  .globle-search-model-box .header-ft-search-search-down {
    top: 0;
    position: relative;
    background: #FFFFFF;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    overflow: auto;
    margin-top: 8px;
    flex-grow: 1;
    height: 100%;
  }

  .globle-search-model-box .header-ft-search-search-down ul {
    height: calc(100% - 120px);
    overflow: scroll;
  }

  .globle-search-model-box .header-ft-search-search-down ul li {
    padding: 10px 16px 10px 16px;
    border-radius: 15px;
  }

  .cstm-change-password {
    display: block;
  }

  /* Billing info */
  .um-billing-info.cstm-um-billing-info {
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 0;
  }

  .cstm-um-billing-info .um-billing-info-details {
    flex-direction: column;
  }

  .cstm-um-billing-info .um-billing-info-left,
  .cstm-um-billing-info .um-billing-info-right {
    width: 100%;
  }

  .cstm-um-billing-info .um-billing-info-left {
    display: flex;
    justify-content: space-between;
  }

  .cstm-um-billing-info .um-billing-info-price {
    margin-bottom: 10px;
  }

  .cstm-um-billing-info .um-billing-info-lable {
    font-size: 12px;
    line-height: 16px;
  }

  .cstm-um-billing-info .um-billing-info-right-upgrade {
    margin-top: 16px;
  }

  .cstm-um-billing-info .cancle-subscription-link {
    margin-left: 16px;
  }

  .um-payment-info {
    border-radius: 0px;
    padding: 16px;
  }

  .um-billing-information {
    border-radius: 0px;
  }

  .um-billing-informatio-title {
    padding: 16px;
  }

  .um-billing-information-table {
    padding: 12px 16px 24px;
  }

  /* Upgrade Plan Model box */
  .globle-model-box {
    padding: 0px;
    z-index: 30;
  }

  .desk-globle-model-box-inner {
    max-height: 100%;
    overflow-y: hidden;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only h2.globle-hsk {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 40px;
  }

  .desk-globle-model-box .um-membership-details {
    flex-grow: 1;
    justify-content: start;
    overflow-y: auto;
  }

  .um-membership-details-in {
    padding: 20px 16px 20px 16px;
  }

  .desk-globle-model-box .um-membership-details-in {
    background-color: #E8F1FB;
    width: 100%;
  }

  .desk-globle-model-box .um-membership-details-in-price {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .desk-globle-model-box .um-membership-details-in.selectedplan span.um-md-price {
    font-size: 32px;
    line-height: 42px;
  }

  .desk-globle-model-box .um-membership-details-in p {
    margin-bottom: 8px;
  }

  .up-sbmit-btn {
    margin-bottom: 10px;
    margin-top: 5px;
  }

  .selectedplan:before {
    top: 16px;
    right: 16px;
  }

  .desk-globle-model-box-inner .globle-back-btn {
    padding: 0;
    margin: 5px 0 0 auto;
  }
}

@media (max-width: 575.98px) {

  .trending-posts-sub-title {
    font-size: 16px !important;
    line-height: 21px !important;
  }

  .news-updates-details-box-title {
    padding: 16px 16px 0px !important;
    height: auto !important;
  }

  /* .news-updates-top-img img {
    height: 250px !important;
  } */

  .news-updates-details-box {
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  .news-updates-details {
    flex-direction: column !important;
  }

  .news-updates-details-box-date {
    padding: 0px 16px 16px !important;
  }

  .news-updates-top-title {
    padding: 16px 16px 0px !important;
  }

  .news-updates-top-date {
    padding: 0px 16px 16px !important;
  }

  .what-post-btn-all-mobile .cp-btn.feeling {
    display: none;
  }

  .rvc-views-comment {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .rvc-dave {
    margin-bottom: 0;
  }

  .category-slider-menu {
    left: 0px !important;
  }

}



@media (min-width : 576px)and (max-width: 767.98px) {

  .editimgcount3,
  .editimgcount4,
  .editimgcount5 {
    width: 90%;
    margin: auto;
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount0 {
    width: 70%;
    margin: auto;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 10px;
  }

  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount4 .edit-img-inner-main .list-group-item,
  .editimgcount4 .edit-img-inner-main .edit-cstm-img-inner-sec,
  .editimgcount3 .edit-img-inner-main .list-group-item,
  .editimgcount3 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 48%;
  }

  .cstm-all-content-main-right .related-videos-contant {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(242px, 1fr)) !important;
    list-style: none;
    transition: 0.5s all;
    grid-area: auto;
    gap: 0;
  }

  .related-videos-contant-in {
    grid-area: auto;
  }

  .related-videos-contant-in {
    display: block;
  }

  .related-videos-contant-in-left {
    height: 150px;
    aspect-ratio: 16/9;
    width: 100%;
  }

  .related-videos-contant-in-right {
    margin-top: 10px;
    margin-bottom: 12px;
  }


}

@media (min-width: 768px) and (max-width: 1023.98px) {

  .header-ft-search {
    height: 42px;
    max-width: 360px;
    background-color: #f4f4f4;
    padding: 0px;
  }

  .header-ft-search-search input,
  .header-ft-search-select {
    display: block;
  }

  .header-menu-dp {
    margin-top: 15px;
  }

  /* .header-ft-menu-icon {
    margin-right: 20px;
  } */

  /* Dashboard */
  .what-post-right .cp-btn-dotted img {
    width: 16px;
    height: 16px;
  }

  .all-content-main {
    padding: 86px 0px 0px 16px;
  }

  .all-content-main.cstm-all-content-main {
    column-gap: 1rem;
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .all-content-main-left.cstm-all-content-main-left {
    display: block;
  }

  .all-content-main-left.cstm-all-content-main-left {
    top: 86px;
    max-height: calc(100vh - 86px);
  }

  /* Footer main */
  .webfooter {
    width: auto;
    padding: 0;
    border-radius: 50px;
    right: 16px;
    bottom: 20px;
    border: 1px solid #242424;
    box-shadow: 1px 7px 10px 5px #2424242e;
  }

  .webfooter .footer-icon {
    display: none;
  }

  .webfooter .header-ft-menu-view .footer-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  /* newsfeed section post */
  .what-post {
    gap: 12px;
  }

  .what-is-happening-main,
  .newsfeed-main {
    margin: 0px 0px 20px;
  }

  .newsfeed-post-right-header-name {
    padding-left: 0px;
  }

  .newsfeed-post-left img {
    height: 56px;
    width: 56px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header {
    padding-top: 20px;
    padding-left: 84px;
    padding-right: 130px;
  }

  .user-name-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 16px;
    top: 20px;
  }

  .comment-main-box-right-box-name-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
  }

  .newsfeed-write-your-comments-tx .react-input-emoji--button {
    top: 4px;
  }

  .cstm-img-peview-model .awssld__controls button {
    transform: translateY(-50%) scale(0.7);
    transform-origin: top center;
  }

  .cstm-img-peview-model .awssld__controls button.awssld__prev {
    margin-left: 10px;
  }

  .cstm-img-peview-model .awssld__controls button.awssld__next {
    margin-right: 10px;
  }

  .cstm-edit-delete-poll {
    left: -30px !important;
  }

  .create-popup-post button.cp-btn-photos img,
  .create-popup-post button.cp-btn-videos img {
    padding-right: 4px;
  }

  .create-popup-post .cp-btn button {
    font-size: 13px !important;
    padding: 8px !important;
    margin-right: 10px !important;
  }

  .newsfeed-post-right-header-icon {
    flex-direction: row;
  }

  .editimgcount3,
  .editimgcount4,
  .editimgcount5 {
    width: 90%;
    margin: auto;
  }

  .editimgcount1,
  .editimgcount2,
  .editimgcount0 {
    width: 70%;
    margin: auto;
  }

  .edit-img-cstm-btn-left {
    display: flex;
    gap: 10px;
  }

  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 48%;
  }

  .create-pp-post-cont-text textarea {
    margin-bottom: 10px;
  }

  .add-poll-main {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .what-post button img,
  button img {
    margin-right: 0px;
    margin-top: 0px;
  }

  /* video details */
  .all-content-main.cstm-all-content-main.cstm-all-library-video-details {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-right: 16px;
  }

  .cstm-all-library-video-details .all-content-main-right {
    display: block;
  }

  .cstm-all-content-main-right .related-videos-contant {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(242px, 1fr)) !important;
    list-style: none;
    transition: 0.5s all;
    grid-area: auto;
    gap: 0;
  }

  .related-videos-contant-in {
    grid-area: auto;
  }

  .related-videos-contant-in {
    display: block;
  }

  .related-videos-contant-in-left {
    height: 150px;
    aspect-ratio: 16/9;
    width: 100%;
  }

  .related-videos-contant-in-right {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .all-content-main-center {
    margin-bottom: 0;
  }

  .related-videos-main {
    height: 100%;
    margin: 0px 0px 0px;
  }

  .related-videos-contant-in {
    padding: 0px 8px 12px 8px;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0px 23px;
  }

  .um-membership-details-in p {
    font-size: 14px;
    line-height: 17px;
  }

  .um-member-step .globle-hsk {
    font-size: 24px;
    line-height: 46px;
  }

  .desk-globle-model-box .um-membership-details {
    padding-top: 10px;
  }

  .um-membership-details-in-lable {
    font-size: 12px;
    line-height: 16px;
  }

  .desk-globle-model-box .um-membership-details-in {
    width: 200px;
    padding-top: 20px;
  }

  .desk-globle-model-box .um-membership-details-in-price {
    margin-top: 14px;
    margin-bottom: 4px;
    padding-bottom: 10px;
    border-bottom: none;
    /* width: 200px; */
  }

  body .desk-globle-model-box .um-meme-det-only {
    min-height: auto;
  }

  .up-sbmit-btn {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 20px;
  }
}

@media (max-width: 1023.98px) {
  .tab-content.header-noti-cont-tabs-main {
    overflow: auto;
    max-height: calc(100vh - 140px);
  }

  /* anouncement model */
  .an-globle-model-box,
  .for-globle-model-box,
  .noti-globle-model-box {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #2f2f2fbd;
    z-index: 30;
    padding: 0px;
  }

  .an-globle-model-box-inner {
    width: 100%;
    height: 100%;
    max-width: 400px;
    background: #fff;
    margin-left: auto;
  }

  .an-globle-back {
    padding: 0 8px 0 0;
    border: none;
    background: none;
  }

  .an-globle-model-heading {
    padding: 16px 8px 16px 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d2d2d4;
    position: sticky;
    top: 0;
  }

  .an-globle-model-heading h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    position: relative;
    color: #091F48;
  }

  .an-globle-model-heading-sec {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .an-globle-model-heading-sec span {
    height: auto;
    background: #FF4852;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1px 14px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
  }

  .an-globle-model-box ul,
  .for-globle-model-box ul {
    padding: 0px 16px 16px;
    list-style-type: none;
    overflow: auto;
    height: 100%;
  }

  .an-globle-model-box ul li,
  .for-globle-model-box ul li {
    padding: 12px 0px;
    list-style-type: none;
    border-bottom: 1px solid #d2d2d4;
    position: relative;
  }

  .for-globle-model-box ul li {
    display: flex;
  }

  .for-globle-model-box ul li.cstm-sg-ttl-main {
    width: 100%;
    white-space: normal;
    display: block;
  }

  .an-globle-model-box ul li:last-child,
  .for-globle-model-box ul li:last-child {
    border-bottom: none;
  }

  .announcements-list-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
  }

  .other-user .res-profile-detilas-all .res-edit-icon {
    display: none;
  }

  .other-user .profile-detilas-all-username-right {
    padding-top: 24px;
  }

  .other-user .profile-detilas-comm {
    order: 2;
  }

  .other-user .profile-detilas-cmn.pd-joind {
    order: 1;
  }

  .other-user .profile-detilas-cmn.pd-dottod {
    order: 3;
  }

  .for-globle-model-box .cstm-sg-list {
    margin-right: 12px;
  }

  .noti-globle-model-box .header-noti-box-in {
    position: relative;
    display: block;
    left: 0px;
    height: 100%;
    border: none;
  }

  .noti-globle-model-box .header-noti-box-cont {
    border: none;
    box-shadow: none;
    width: 100%;
  }

  .noti-globle-model-box .header-noti-box-cont-title {
    display: none;
  }

  .noti-globle-model-box img.noti-usr-photo {
    height: 48px;
    width: 48px;
    border-radius: 50%;
  }

  .noti-globle-model-box .head-noti-user {
    left: 0;
  }

  .noti-globle-model-box .header-noti-box-cont-tabs-cont ul li {
    padding-left: 65px;
    margin-bottom: 12px;
  }

  .head-noti-new {
    font-size: 10px;
    line-height: 13px;
  }
}


@media (min-width: 768px) and (max-width: 1199.98px) {

  /* left side bar */
  .all-content-main-left-sidebar .card-header button {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-sg-ttl-main {
    max-width: 118px;
    width: 100%;
  }

  .cstm-starred-group ul li {
    padding: 6px 46px 6px 12px;
    gap: 12px;
  }

  .cstm-sg-list {
    margin-right: 0px;
  }

  img.sctm-pt-mn {
    border-radius: 12px;
    width: 32px;
    height: 32px;
  }

  img.sctm-pt-star {
    width: 16px;
    height: 16px;
  }

  li.cstm-opend-group {
    margin-top: 0px;
    border-radius: 4px 4px 0px 0px;
  }

  li.cstm-starred-group-sad-li.cstm-opend-group {
    padding-top: 10px !important;
  }

  .cstm-opend-group-topis {
    padding: 2px 8px 8px;
  }

  .cstm-opened-topic-list .group-topics-ls {
    padding: 8px;
  }

  .cstm-opened-topic-list .sort-by-main {
    padding: 8px 4px 0px 0px;
    align-items: center;
  }

  .sort-by-main img {
    margin-left: 4px;
  }

  .search-topics-box input[type="text"] {
    height: 32px;
    padding: 10px 34px 10px 16px;
  }

  .search-topics-box:after {
    height: 16px;
    width: 16px;
    top: 18px;
  }

  .cstm-opened-topic-list .cstm-starred-group .cstm-sg-dotted {
    right: 12px;
  }

  .cstm-opened-topic-list .cstm-starred-group ul li {
    padding: 6px 32px 6px 12px;
  }

  .cstm-opened-topic-list .cstm-starred-group ul li .cstm-sg-dotted {
    right: 8px;
  }

  .cstm-opened-topic-list .cstm-starred-group {
    padding-bottom: 4px;
  }

  .cstm-opened-topic-list .cstm-starred-group .cstm-sg-ttl-main {
    max-width: 146px;
  }

  .cstmcloseBnt {
    display: block;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    background: transparent;
    color: #ffffff;
    border: none;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
  }

  /* Group */
  .profile-detilas-all-nav {
    padding: 6px 12px 0px;
  }

  .profile-detilas-all {
    margin: -96px 8px 16px;
  }

  .pro-post-list-main-in {
    padding: 12px 8px;
    position: relative;
  }

  .pro-post-list-main-in-link {
    margin-top: -2px;
  }

  .pro-post-list-main-in-user-left img {
    height: 56px;
    width: 56px;
  }

  .group-media-slider img,
  .group-media-slider video {
    border-radius: 5px;
  }

  .pro-group-members-list-left-img img {
    height: 48px;
    width: 48px;
  }

  .pro-group-members-list-left-title {
    font-size: 14px;
    line-height: 20px;
  }

  .pro-group-members-list-left-img {
    margin-left: 0;
    top: 0;
    left: 0;
  }

  .pro-group-members-list-left {
    padding-left: 60px;
    width: 70%;
    flex-flow: 1;
  }

  .pro-group-members-list-right {
    width: 30%;
    justify-content: end;
  }

  .all-content-main.cstm-all-content-main.cstm-all-library-content-main.mn-cnt3-wd {
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .cstm-cv-video {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .gallery-content1 {
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-gallery-img {
    border-radius: 5px !important;
  }

  a.gallery-main-icon.icon-1 {
    padding: 0;
  }

  .cstm-cv-video {
    padding: 0px 8px;
  }

  .cstm-content-archive-main-top {
    padding: 10px 14px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .cstm-content-archive-main-top h3 {
    margin-bottom: 12px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input,
  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search {
    width: 100% !important;
    margin-right: 0px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .uic-fl-search i {
    top: 11px;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec .search-user-input {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    border-radius: 10px !important;
  }

  .cstm-content-archive-sort.cstm-content-video-short-sec {
    position: relative;
    width: 100%;
  }

  .cstm-content-sorting {
    position: absolute;
    right: 0;
    top: -37px;
  }

  .cstm-cv-video-in video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-top: 5px;
    flex-grow: 1;
    padding-bottom: 0px;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-user-photo {
    position: absolute;
    left: 16px;
    top: 15px;
  }

  .user-pt-main {
    font-size: 14px;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-size: 16px;
    margin-bottom: 0px;
    padding-right: 32px;
    position: relative;
  }

  .cstm-cgyj-main ul li {
    align-items: start;
    gap: 9px;
  }

  .res-profile-detilas-all .profile-detilas-comm .btn2 {
    display: none;
  }

  .res-profile-detilas-all .res-edit-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
  }


  .all-content-main.cstm-all-content-main.edit-profile {
    grid-template-columns: minmax(0, 6fr) minmax(460px, 12fr) minmax(0px, 0fr);
  }

  .all-content-main-edit-profile-header {
    padding: 16px;
  }

  .all-content-main-edit-profile-header .um-back {
    margin-bottom: 8px;
  }

  .cstm-edit-profile {
    font-size: 20px;
    line-height: 24px;
  }

  .all-content-main-edit-profile-main {
    padding: 16px;
    gap: 16px;
  }

  .all-content-main-edit-profile-upload,
  .cstm-profile-upload-cont {
    width: 100%;
  }

  .cstm-profile-upload-cont .form-group {
    margin-bottom: 16px;
  }

  /* Billing info */
  .um-billing-info.cstm-um-billing-info {
    padding: 16px;
    margin-bottom: 16px;
  }

  .cstm-um-billing-info .um-billing-info-details {
    flex-direction: column;
  }

  .cstm-um-billing-info .um-billing-info-left,
  .cstm-um-billing-info .um-billing-info-right {
    width: 100%;
  }

  .cstm-um-billing-info .um-billing-info-left {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .cstm-um-billing-info .um-billing-info-price {
    margin-bottom: 10px;
  }

  .cancle-subscription-link {
    margin-left: 16px;
  }
}

@media(min-width:1024px) and (max-width : 1199.98px) {

  .header-ft-search {
    max-width: 380px;
  }

  .all-content-main {
    padding: 96px 16px 0px 16px;
  }

  .all-content-main-left.cstm-all-content-main-left,
  .all-content-main-right.cstm-all-content-main-right {
    top: 96px;
    max-height: calc(100vh - 104px);
  }

  /* Right side bar */
  .all-content-main-right-sidebar .card-header button {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .cstm-events-list ul li {
    padding: 8px 8px 8px 12px;
  }

  .all-content-main-right .cstm-starred-group {
    padding: 4px 0px 6px 0px;
  }

  .all-content-main-right .cstm-starred-group ul li:last-child {
    padding-bottom: 6px;
  }

  .all-content-main-right .cstm-starred-group ul li {
    align-items: top !important;
    gap: 8px !important;
  }

  .cstm-sg-date {
    bottom: 6px;
  }


  /* dashboard post */
  .what-post .cp-btn button img {
    margin-right: 0px;
    margin-top: 0;
  }

  .what-is-happening-main {
    margin-bottom: 16px;
  }

  .cstm-newsfeed-post .newsfeed-post-right-header-icon {
    right: 16px;
    top: 32px;
  }

  .editimgcount0,
  .editimgcount1,
  .editimgcount2 {
    width: 50%;
  }

  .editimgcount5 .edit-img-inner-main .list-group-item,
  .editimgcount5 .edit-img-inner-main .edit-cstm-img-inner-sec {
    width: 31.33%;
  }

  .announcements-list-image img {
    height: auto;
    border-radius: 5px;
  }

  .new-lbl {
    right: 4px;
    font-size: 10px;
    line-height: 14px;
  }

  .announcements-list-image {
    margin-bottom: 8px;
  }

  .cstm-vd-cnt.csmt-front-vd-cunt {
    margin-bottom: 0px;
  }

  .related-videos-contant-in {
    display: flex;
    flex-direction: column;
    grid-area: auto;
  }

  .related-videos-contant-in-left {
    height: 150px;
    width: 100%;
  }

  .rvc-title {
    margin-bottom: 8px;
  }

  .desk-globle-model-box .um-member-step.um-meme-det-only {
    padding: 0px 30px;
  }
}

@media(min-width:1200px) and (max-width : 1439.98px) {
  .cstm-sg-ttl-main {
    width: 150px;
  }

  .related-videos-contant-in {
    display: flex;
    flex-direction: column;
    grid-area: auto;
  }

  .related-videos-contant-in-left {
    height: 150px;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-all-username {
    flex-direction: row;
    width: 100%;
    align-items: center;
  }

  .res-profile-detilas-all .profile-detilas-all-username-left2 {
    padding-left: 76px;
    flex-grow: 1;
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-all-username-right {
    width: 176px;
  }

  .res-profile-detilas-all .profile-detilas-all-username-right .btn2 {
    width: 100%;
  }

  .res-profile-detilas-all .profile-detilas-user-title {
    font-weight: 700;
    font-size: 20px;
    color: #091F48;
    margin-bottom: -4px;
    padding-top: 4px;
  }
}

@media (max-width:350px) {
  .btn-unlock-section {
    align-items: center !important;
    flex-direction: column;
  }
}.emoji-messages .massages-ebox-right {
  padding: 0px;
}
.emoji-messages {
  background: none !important;
}
.emoji-messages-fontsize {
  font-size: 56px !important;
  line-height: normal!important;
}
.emoji-messages-small-fontsize {
  font-size: 28px !important;
  line-height: normal!important;
}

.unread-messages-label {
  border-bottom: 1px solid #fbbebe;
  text-transform: uppercase;
  color: #f66b6b;
  text-align: right;
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 12px;
}
.cstm-mention-list-user-photo {
  position: relative;
}
.cstm-chat-user-name {
  color: #201E29;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-right: 4px;
}
.pfl-tn-photo{
  object-fit: cover;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}
.cstm-moel-photo {
  margin-right: 8px;
  display: grid; 
  position: relative;
  margin-bottom: -25px;
}

.messages-other-ebox-left .cstm-mention-light {
  background: #c0c0c0;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 4px;
}
.messages-other-ebox-right .cstm-mention-light {
  background: #8479e7;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 4px;
}
.cstm-mention-list {
  position: absolute;
  bottom: 60px;
  border-radius: 8px;
  border: 1px solid var(--light-border-primary, #E6E6E6);
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  overflow: auto;
  max-height: 296px;
  min-width: 356px;
  left: 0px;
  padding: 8px;
}
.cstm-mention-list::-webkit-scrollbar {
  width: 5px;
}
.cstm-mention-list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-mention-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cstm-mention-list:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.cstm-mention-list-box {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
}
.cstm-mention-list-box-user {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #201E29;
}
.cstm-mention-list-box:hover {
  border-radius: 12px;
  background: var(--light-extra-grey, #F3F5F7);
  cursor: pointer;
}
.cstm-avat-mention {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  text-transform: capitalize;
}
img.cstm-mention-pt {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
}
.chat-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-image img {
  height: 60px!important;
  width: 60px!important;
}
.chatuserlistingloader-main-right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  justify-content: center;
}
.chatuserlistingloader-main-right1.skeleton-box { 
  height: 15px;
}
.chatuserlistingloader-main-right2.skeleton-box {
  height: 10px;
}
.chatuserlistingloader-main {
  display: flex;
  margin-bottom: 15px;
  gap: 12px;
  justify-content: flex-start;
}
.chatuserlistingloader {
  padding: 0px 24px;
}
.chatuserlistingloader-main-left {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  min-width: 48px;
}
.chatuserlistingloader-main {
  display: flex;
  margin-bottom: 15px;
  gap: 12px;
  justify-content: flex-start;
}
.chatuserlistingloader-main-left{
  border-radius: 50px;
  width: 48px;
  height: 48px;
}
.messages-other-ebox-left .qutted-chat span.url-msg {
  text-decoration-line: underline;
  color: #351bce;
}
.mini-chat-type-write-send {
  display: flex;
  align-items: center;
}
.mini-chat-type-write-text {
  flex-grow: 1;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  position: relative;
}
.mini-chat-type-write-send-btn {
  width: 36px;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer; 
  justify-content: center;
}
.mini-chat-delete-attached {
  position: absolute;
  top: -6px; 
  right: -6px;
  z-index: 1;
}
.mini-chat-delete-close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: #201e29;
  color: #fff;
  border: 1px solid #ffffff;
  padding: 0px;
}
.mini-chat-type-filearea-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  overflow-y: auto;
  gap: 12px;
  padding: 15px 12px 12px;
  border-top: 1px solid #e6e6e6;
}
.mini-chat-type-filearea-box-item {
  width: 48px;
  height: 48px;
  position: relative;
  -webkit-aspet-ratio: 1;
  -o-aspet-ratio: 1;
  aspect-ratio: 1;
}
.mini-chat-type-filearea-box-item-innner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.mini-chat-type-write {
  display: flex;
  width: 100%;
  align-items: center;
  border-top: 1px solid #e6e6e6;
}
.mini-chat-header-left-photo-name a {
  font-style: normal; 
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #201e29 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 150px;
  white-space: nowrap;
  display: block;
}
.mini-chat-header-left-photo {
  position: relative; 
}
.mini-chat-header-left-photo img {
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 50px;
  object-fit: cover;
  position: relative;
}
.mini-chat-header {
  padding: 12px;
  border-bottom: 1px solid #e8e8e9;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.mini-chat-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mini-chat-header-right {
  display: flex;
}
.chat-box-no-data-message {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9B9A9F;
}
.chat-box-no-data {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 48px;
}
.chat-box-no-data-icon {
  padding-bottom: 16px;
}
.chat-data-fine-size-links{
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: #32303A;
}
.chat-data-fine-link a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  text-decoration-line: underline;
  color: var(--navyblue);
}
.chat-data-fine-link a:hover {
 color:var(--yellow);
}
.only-chat-files-use .chat-search-list-cont {
  padding-right: 50px;
}
.chat-video-play-icon {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.chat-search-list-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 12px;
  min-height: 48px;
} 
.chath4 {
  margin: 12px 8px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-search-list-box-main {
  padding: 0px 16px 8px 16px;
  overflow: auto;
  height: calc(100vh - 212px);
}
.chat-search-list-box-main::-webkit-scrollbar {
  width: 5px;
}
.chat-search-list-box-main::-webkit-scrollbar-track {
  border-radius: 10px;
}
.chat-search-list-box-main::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.chat-search-list-box-main:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.chat-data-list li {
  display: flex;
  align-items: flex-start;
  padding: 8px;
  position: relative;
}
.chat-data-list li:hover { 
  background: #F3F5F7;
  border-radius: 10px;  
  cursor: pointer; 
}
.chat-data-list {
  margin: 0px;
  padding: 0px; 
  list-style: none;
}
.chat-data-list li:hover .chat-search-list-icon {
  display: block;
}
.chat-search-list-icon {
  float: right;
  position: absolute;
  right: 8px;
  margin-top: 11px; 
  display: none;
}
.chat-data-fine-name {
  word-break: break-all;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.chat-data-fine-size {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-search-file-type  {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.only-chat-files-use .chat-search-list-img {
  display: block;
}

.chat-search-list-img {
  position: relative;
  display: contents;
  min-width: 48px;
}
.chat-search-list-img img {
  height: 48px;
  width: 48px;
  object-fit: cover;
  min-width: 48px;
  border-radius: 10px;
}
.chat-search-recent-box-search {
  position: relative;
}
.chat-search-recent-box-search input {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #201E29;
  padding: 0px 12px 0px 37px;
  width: 358px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  box-sizing: border-box;
}
.chat-search-recent-box-search input::-webkit-input-placeholder {
  font: weight 400;
  color: #606060;   
}
.cstm-user-uplaod-input input:-ms-input-placeholder {
  font: weight 400;
  color: #606060;   
}
.cstm-user-uplaod-input input::placeholder {
  font: weight 400;
  color: #606060;    
} 
.chat-search-recent-box-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1659_11699'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='14'%20height='14'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.33301%201.33301H14.3175V14.3177H1.33301V1.33301Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1659_11699)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.82568%202.33301C4.79701%202.33301%202.33301%204.79634%202.33301%207.82501C2.33301%2010.8537%204.79701%2013.3177%207.82568%2013.3177C10.8537%2013.3177%2013.3177%2010.8537%2013.3177%207.82501C13.3177%204.79634%2010.8537%202.33301%207.82568%202.33301ZM7.82568%2014.3177C4.24567%2014.3177%201.33301%2011.405%201.33301%207.82501C1.33301%204.24501%204.24567%201.33301%207.82568%201.33301C11.4057%201.33301%2014.3177%204.24501%2014.3177%207.82501C14.3177%2011.405%2011.4057%2014.3177%207.82568%2014.3177Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_1659_11699'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='11'%20y='11'%20width='4'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.4932%2011.8047H14.8425V15.1479H11.4932V11.8047Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_1659_11699)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3427%2015.1479C14.2153%2015.1479%2014.0873%2015.0992%2013.9893%2015.0019L11.64%2012.6592C11.4447%2012.4639%2011.444%2012.1472%2011.6393%2011.9519C11.834%2011.7552%2012.1507%2011.7565%2012.3467%2011.9505L14.696%2014.2939C14.8913%2014.4892%2014.892%2014.8052%2014.6967%2015.0005C14.5993%2015.0992%2014.4707%2015.1479%2014.3427%2015.1479Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 12px;
}
.chat-search-ntd {
  margin-top: -8px;
  right: 5px;
}
.chat-search-ntd button {
  padding: 6px 10px;
}
.chat-search-recent-box-recent {
  position: relative;
} 
.chat-recent-dropbox {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
}
.chat-recent-dropbox img {
  margin-left: 8px;
}
.chat-search-recent-box {
  position: relative;
  padding: 12px 14px 8px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-sg-msg2 {
  margin-left: 4px;
}
.chat-on-hover:hover {
  background: transparent!important;
} 
.massages-name-time img {
  vertical-align: -5px;
}
.chat-video-play-icon img {
  max-width: 24px!important;
  width: 24px!important;
  height: 24px!important;
  object-fit: contain!important;
}
.header-chat-new-search {
  position: relative;
}
.header-chat-new-search input {
  width: 100%;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.header-chat-new-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1; 
  top: 11px;
  left: 18px;
}
.header-chat-cont-link {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  border-radius: 0px 0px 10px 10px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  background: #FFF;
}
.view-in-chat-box-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  color: #201E29!important;
  font-family: 'Inter', sans-serif;
}
.view-in-chat-box-link:hover{
  color: #351bce!important;
}
.searchbaradd img.chat-user-phto {
  height: 40px!important;
  width: 40px!important;
}
.searchbaradd .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.searchbaradd .header-chat-cont-list-cont {
  padding: 0px 90px 0px 56px;
}
.searchbaradd ul.chat-list-user-box li {
  padding: 8px!important;
  height: 56px!important;
}
.group-info-main{
  transition: 0.4s;
  -webkit-animation-name: groupbar;
  -webkit-animation-duration: 4s;
  animation-name: groupbar;
  animation-duration: 4s;
}
@-webkit-keyframes groupbar {
  0% {
     right: -600px;
 }
  25% {
     right: 0px;
 }
}
@keyframes groupbar {
  0% {
      right: -600px;
 }
  25% {
     right: 0px;
 }
}
.header-chat-cont-list-cont {
 width: 100%;
}
.chat-module-left .searchbaradd{
 height: calc(100vh - 196px);
}
.cstm-upload-cgc {
  width: 112px;
  margin: auto;
}
.avatar-view-info {
  border-radius: 50px;
  width: 72px;
  height: 72px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.cstm-avat-box-left-sidechat-small {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  display: flex;
  color: #FFF;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  align-items: center;
  text-transform: uppercase;
}
.cstm-avat-box-left-sidechat {
  height: 72px;
  width: 72px;
  border-radius: 50px;
  object-fit: cover;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #FFF;
  display: flex;
  align-items: center;
}
.messages-groups-can-have {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  max-width: 320px;
  width: 100%;
  background: #F6F6F6;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  align-content: center;
  margin: 16px auto;
} 
.messages-groups-can-have b {
  font-weight:600; 
}
.messages-obhl-photo {
  position: relative;
} 
.new-message-empty-state {
  margin-top: 16px;
}
.cstm-add-members-back-button {
  margin: -8px;
  padding: 8px 24px 8px 8px;
  cursor: pointer;
} 
.create-group-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: #ffffffe0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-group-loader img {
  height: 25px;
}
.cstm-cgl {
  position: relative;
}
.viewinfo-transparent {
  background: transparent!important;
}
.chat-page-loader {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -32px;
}
.chat-page-loader img { 
  width: 64px;
}
.chat-header-tp {
  display: flex;
  align-items: center;
}
.chat-header-tp-left {
  width: 48px;
  height: 48px;
  background-color: #ececec;
  border-radius: 50px;
}
.chat-header-tp-right {
  width: 150px;
  height: 18px;
  background-color: #ececec;
  margin-left: 12px;
}
.chat-list-select-hover {
  background: #F3F5F7;
  border-radius: 12px;
}
.brn-arrow-remove {
  padding-left: 0px!important;
}
.brn-arrow-remove:before {
  display:none!important;
}
.brn-arrow-remove:hover {
  color: #201e29!important;
}
.discard-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  padding: 10px 20px;
  border: none;
  background: transparent;
}
.discard-btn {
  color: #351BCE;
}
.edit-group-info-box-btn {
  gap: 12px;
  display: flex;
  align-items: center;
}
.online-trading-field {
  border: 1px solid #9B9A9F!important;
  border-radius: 10px !important;
  background: #FFF !important;
}
.egi-img {
  height: 72px;
  width: 72px;
  min-width: 72px;
  object-fit: cover;
  border-radius: 50px;
}
.edit-group-info-mn-change-img-photo {
  margin-right: 28px;
}
.edit-group-info-info-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #414049;
  margin-bottom: 8px;
}
.edit-group-info-info{
  margin-bottom: 24px;
}
.edit-group-info-btn {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  padding: 0px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-group-info-btn:hover {
  color: #351bce;
}
.edit-group-info-mn {
  padding: 24px;
}
.edit-group-info-mn-change-img {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.edit-group-info-title {
  border-bottom: 1px solid #E6E6E6;
  padding: 24px;
  height: 72px;
  display: flex;
  align-items: center;
}
span.chat-popup-close {
  position: absolute;
  left: -60px;
  top: 16px;
  cursor: pointer;
}
.cstn-vgi-main-lf-photo {
  position: relative;
}
.group-ingo-add-members {
  overflow: auto;
  height: calc(100vh - 202px);
  padding: 0px 16px 16px 16px;
} 
.group-ingo-add-members::-webkit-scrollbar {
  width: 5px;
}
.group-ingo-add-members::-webkit-scrollbar-track {
  border-radius: 10px;
}
.group-ingo-add-members::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.group-ingo-add-members:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.group-info-meme-only {
  right: -4px!important;
  top: 23px!important;
  border: 1px solid #E6E6E6!important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08)!important;
  border-radius: 6px!important;
}
.cstn-vgi-main-rt {
  position: relative;
}
.cstm-vgi-dtd {
  padding: 0px;
  border: none;
  background: transparent; 
  width: 24px;
}
.cstn-vgi-main-lf-avat {
  position: relative;  
}
.cstn-vgi-main-lf-avat-text {
  background: #201E29;
  min-height: 48px;
  width: 48px;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #FFF;
  border-radius: 50px;
}
.cstn-vgi-main-lf {
  display: flex;
  align-items: center;
}
.cstn-vgi-main-lf-title {
  margin-left: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.cstn-vgi-main-lf-photo img {
  height: 48px;
  width: 48px;
  min-width: 48px;
  object-fit: cover;
  border-radius: 50px;
}
.group-ingo-add-members ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.group-ingo-add-members ul li:hover {
  background: #f3f5f7;
  border-radius: 12px;
  cursor: pointer;
}
.group-ingo-add-members ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.add-members-link-bt {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #351BCE!important; 
  padding: 0px;
  border: none;
  background: transparent;
}
.add-members-link-bt:hover {
  color: #000!important;
}
.group-info-main {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  width: 540px;
  height: 100vh;
  right: 0;
  position: fixed;
  top: 0;
  z-index: 5; 
}
.group-info-main-top-left-img img {
  height: 72px;
  width: 72px;
  object-fit: cover;
  border-radius: 50px;
}
.group-info-main-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 14px 24px;
}
.group-info-main-top-left {
  display: flex;
  align-items: center;
}
.group-info-main-top-left-info {
  display: flex;
  flex-direction: column;
}
.group-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 18px; 
  line-height: 150%;
  color: #201E29;
}
.group-info-main-top-left-img {
  margin-right: 20px;
} 
.group-info-menu-horizonta {
  cursor: pointer;
}
.group-info-main-tabs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  border-bottom: 1px solid #E6E6E6;
}
.group-info-main-tabs .active-gi a {
  color: #201E29!important;
  font-weight: 500;
}
.group-info-main-tabs .active-gi a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #351BCE;
  border-radius: 10px 10px 0px 0px;
  left: 0;
  bottom: 0px;
}
.group-info-main-tabs ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px; 
  line-height: 140%;
  color: #6E6D74;
  padding: 14px 24px;
  display: block;
  position: relative;
}
.group-info-main-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
  padding: 16px 20px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.group-info-dp {
  display: block;
  right: 22px;
  top: 67px!important;
}
.group-info-dp button {
  padding: 6px 10px!important;
}
.cstm-add-members .cstm-aml-box-left {
  display: flex;
  align-items: center;
}  
.cstm-add-members  .cstm-aml-box-left-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
  max-width: 374px;
}
.cstm-add-members ul.chat-list-user-box li {
  padding: 8px 12px;
  height: 56px; 
  cursor: pointer;
} 
.cstm-add-members .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 18px;
}
.cstm-add-members a.chat-sg-ttl-main {
  padding-left: 56px;
  width: 80%;
}
.cstm-add-members ul.chat-list-user-box {
  margin: 0px 8px 5px 8px;
  overflow: auto;
  height: 534px;
}
.cstm-add-members .header-chat-cont-list-cont {
  padding: 0px; 
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cstm-add-members .header-chat-cont-list-cont input[type="checkbox"] {
  width: 18px; 
  height: 18px;
  margin: 0px 12px 0px 0px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar {
  width: 5px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-add-members ul.chat-list-user-box::-webkit-scrollbar-thumb {
  background: #D9D9D9; 
  border-radius: 10px;
}
.chateditactive img {
  border: 1px solid #F3F5F7!important;
}
.chat-edit-sd img {
  border: 1px solid #E6E6E6!important;
  border-radius: 10px;
  height: 44px;
  width: 44px;
}
.input-chat-container{
  display: flex;
  margin: 5px 10px;
  align-items: flex-end;
}
.cstm-aml-box-right input {
  width: 18px;
  height: 18px;
  margin: 0px;
}
span.cstm-aml-am-text {
  background: #201E29;
  height: 40px;
  width: 40px;
  display: flex;
  border-radius: 50px;
  margin-right: 16px;
  color: #FFF; 
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  align-items: center;
  justify-content: center;
}
.cstm-add-members-list-box li {
  list-style: none;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstm-add-members-list-box ul {
  padding: 0px;
  margin: 0px;
}
.cstm-add-members-title-list {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
  padding: 16px 20px 8px;
}
span.cstm-aml-text {
  background: #111928;
  height: 32px;
  width: 32px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50px;
  justify-content: center;
}
span.cstm-aml-close {
  padding: 4px;
  cursor: pointer;
}
span.cstm-aml-close img {
  height: 20px;
  width: 20px;
}
span.cstm-aml-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
  padding: 0px 4px 0px 8px;
}
.cstm-add-members-list {
  padding: 16px 16px 0px;
}
span.cstm-aml-photo img {
  height: 32px;
  width: 32px;
  object-fit: cover;
  border-radius: 50px;
}
.cstm-add-members-list ul {
  margin: 0px;
  padding: 0px; 
}
.cstm-user-uplaod-edit {
  position: relative;
  width: 112px;
  margin: 0px auto 8px;
  border-radius: 150px;
  overflow: hidden;
}
span.cstm-uue-edit {
  padding-top: 4px;
  width: 100%;
  height: 30px;
  background: #00000096;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0px;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
} 
.cstm-user-uplaod-edit img {
  background: #F2F2F2;
  border-radius: 100px;
  height: 112px;
  width: 112px;
  object-fit: cover;
}
.cstm-add-members-header-close button {
  padding: 7px;
  margin: -7px;
}
.cstm-user-uplaod-input input {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #201E29;
  width: 174px;
  background: #FFF;
  border-radius: 0px;
  padding: 0px 8px 8px;
  height: 35px;
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
}
.cstm-user-uplaod-input input::-webkit-input-placeholder {
  font-size: 18px;
  color: #9f9ea3;
}
.cstm-user-uplaod-input input:-ms-input-placeholder {
  font-size: 18px;
  color: #9f9ea3;
}
.cstm-user-uplaod-input input::placeholder {
  font-size: 18px;
  color: #9f9ea3;
} 
.cstm-user-uplaod-name {
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #201E29;
}
.cstm-user-uplaod-icon img {
  cursor: pointer;
}
.cstm-user-uplaod {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 16px;
}
.cstm-user-uplaod-icon {
  margin-bottom: 8px;
}
span.cstm-owner-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-align: right;
  color: #201E29;
  height: 26px;
  background: #DEDDDF;
  border-radius: 8px;
  display: block;
  padding: 4px 6px;
}
.cstm-cancel-btn {
  background: #FFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201E29;
  border: none;
  padding: 10px 20px;
}
.cstm-cancel-btn:Hover {
  color: #351BCE;
}
.cstm-add-members-list ul li {
  list-style: none;
  float: left;
  background: #F6F6F6;
  border-radius: 40px;
  padding: 4px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 8px;
}
.cstm-add-members-search input {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6; 
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.chat-search-list-box {
  display: flex;
  justify-content: space-between;
  position: relative;
}
hr.cstm-cgc-line {
  opacity: 1;
  background: #E6E6E6;
  height: 0px;
  border: none;
  margin: 0px;
  padding-bottom: 1px;
}
span.cstm-aml-box-left-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29;
}
.cstm-add-members-search {
  position: relative;
  padding: 0px 16px 16px 16px;
}
.cstm-add-members-search:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); 
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 32px;
}
.closeicon {
  padding: 0px;
  border: none;
  background: transparent;
}
span.cstm-aml-box-left-photo img {
  height: 40px;
  width: 40px;
  margin-right: 16px;
  border-radius: 50px;
  object-fit: cover;
}
.cstm-add-members-header-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #201E29;
  display: flex;
  align-items: center;
}
.cstm-add-members-header {
  padding: 16px 16px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-add-members-footer-left {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #5C5B63;
}
.cstm-add-members-footer-right {
  display: flex;
  gap: 12px;
  align-items: center;
}
.cstm-add-members-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 20px;
  height: 72px;
  border-top: 1px solid #E6E6E6;
}
.cstm-add-members {
  max-width: 580px;
  background: #FFFFFF;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  width: 100%;
  overflow: inherit!important;
}
.cstm-search-drop {
  right: 0!important;
  top: 46px!important;
  width: 145px!important;
  border: 1px solid #E6E6E6!important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08)!important;
  border-radius: 6px!important;
}
.cstm-search-drop button {
  padding: 6px 10px!important;
}
.messages-other-box-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messages-other-box-head-left {
  display: flex;
}
.messages-other-box-head-right {
  display: flex;
}
.cstm-gp-us {
  display: flex;
  margin-left: 12px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.cstm-gp-us-name a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #201E29 !important;
  font-family: 'Inter', sans-serif;
}
.cstm-gp-us-name a:hover {
  color: #351BCE !important;
} 
.messages-other-box-type-text textarea {
  min-height: 25px;
  height: 25px;
  padding: 0px;
  border-radius: inherit !important;
  background: transparent;
  font-size: 14px;
  line-height: 20px;
  padding-left: 10px;
}
.cstm-mob-dtd {
  position: relative;
}
.cstm-mob-dtd img {
  cursor: pointer;
}
.messages-other-ebox-right {
  margin-bottom: 15px;
  text-align: right; 
}
.chat-coversation-box  .messages-other-ebox-left {
  margin-bottom: 8px;
  padding-right: 60px;
}
.cstm-profile-dox {
  position: absolute;
  width: 340px;
  height: 172px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  z-index: 2;
  bottom: 14px;
  left: -20px;
  padding: 20px;
  display: none;
}
.cstm-profile-dox:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 18px;
  width: 24px;
  height: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAHCAYAAAAS9422AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABnSURBVHgBrZFdDYAwDISvDiZhEpCAJCRUwiQgBSdIAAflSPa4Zd3Pl3xZlqZ3DwWImQW605PeNs5DNWcFlOAg0mT9pGpopUg7whUjOEsUMzRKFCsolPzHPDy7AicMjHy2/L1E5PXsfQpDILsmbp5yAAAAAElFTkSuQmCC);
  z-index: 111;
}
.header-chat-cont {
  width: 329px;
  height: calc(100vh - 90px);
  position: fixed !important;
  left: inherit !important;
  top: 72px !important;
  right: 16px !important;
  background: #FFFFFF;
  border: 1px solid rgba(32, 30, 41, 0.1);
  border-radius: 0px 0px 10px 10px;
  transform: inherit !important;
}
.view-in-chat-box a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #351BCE;
}
.view-in-chat-box-icon {
  line-height: 20px;
  border: none;
  background: transparent;
  padding: 0px;
  color: #000;
  font-size: 28px;
}
.header-chat-cont-list .cstm-avat-box {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.header-chat-cont-list {
  overflow: auto;
  height: calc(100vh - 237px);
}
.header-chat-cont-list::-webkit-scrollbar {
  width: 6px;
}
.messages-other-box-type-text button.react-input-emoji--button svg {
  height: 20px;
  width: 20px;
}
.messages-other-box-type-text .react-input-emoji--button {
  padding: 0;
}
.messages-other-box-type-text .react-input-emoji--placeholder {
  left: 0;
  width: 100%;
}
.messages-other-box-type-text .react-input-emoji--container {
  margin: 0px;
  width: 189px;
  border: none;
  border-radius: 10px !important;
  background: #F3F5F7;
}
.messages-other-box-type-text .react-input-emoji--input {
  padding: 0px;
}
.messages-say-icon {
  margin-bottom: 16px;
}
.messages-say-hello {
  padding: 12px 32px;
  background: #351BCE;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.messages-say-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #201E29;
  margin-bottom: 16px;
}
.messages-other-minus {
  border: none;
  padding: 0px;
  line-height: 16px;
  background: transparent;
  font-size: 45px;
  margin-left: 15px;
  font-weight: 200;
}
.messages-other-minus:hover {
  color: var(--yellow);
}
.messages-other-close {
  border: none;
  padding: 0px;
  line-height: 16px;
  background: transparent;
  font-size: 25px;
  margin-left: 15px;
}
.messages-other-close:hover {
  color: var(--yellow);
}
.messages-obhl-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091F48;
}
.messages-obhl-photo img {
  height: 48px;
  width: 48px;
  border-radius: 50px;
  object-fit: cover;
}
.messages-other-photo-in {
  margin-top: 8px;
  position: relative;
}
.messages-other-photo-in img {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  object-fit: cover;
}
.messages-other-box {
  margin-right: 20px;
  background: #FFFFFF;
  border: 1px solid #e8e8e9;
  border-radius: 10px;
  width: 320px;
}
.messages-other-photo {
  display: flex;
  flex-direction: column;
}
.messages-other {
  position: fixed;
  right: 365px;
  z-index: 9;
  bottom: 18px;
  display: flex;
  align-items: flex-end;
}
.header-chat-cont-list::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
  background-clip: padding-box;
}
.header-chat-cont-head {
  padding: 8px 16px 16px 16px;
  border-bottom: 1px solid #d9d9d9;
}
.header-chat-cont-head-top-left {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #201E29;
}
.header-chat-cont-head-top-right {
  display: flex;
}
.header-chat-cont-head-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.input-chat-container{
  display: flex;
  margin: 5px 10px;
  align-items: flex-end;
}
.emoji-opener{
  width: 25px;
  height: 25px;
  margin: 7px;
  cursor: pointer;
}
.emoji-container{
  position: absolute;
  right: 0px;
  bottom: 54px;
}
.drop-file-container{
  position: absolute;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  justify-content: center;
  align-items: center;
  backdrop-filter: brightness(6.5);
  opacity: 0.9;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px dashed;
  color : black;
  padding: 41px;
  font-weight: 600;
}
span.chat-sg-edit-msg-icn {
  position: absolute;
  left: -25px;
  opacity: 0.5;
  margin-top: 2px;
}
.messages-other-ebox-right.cstm-pfl-search::before {
  right: -20px;
  left: initial;
}
.massages-ebox-left span.url-msg {
  text-decoration-line: underline;
  color: #351bce;
}
.cstm-video-only-main {
  position: relative;
}
.cstm-video-only-main:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='28'%20fill='%23201E29'%20fill-opacity='0.7'%20style='mix-blend-mode:multiply'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.742%2020.9816C23.4622%2020.8074%2023.1%2021.0086%2023.1%2021.3382V35.8196C23.1%2036.1575%2023.4786%2036.3571%2023.7573%2036.1661L34.8314%2028.5806C35.0814%2028.4094%2035.0733%2028.0378%2034.8161%2027.8776L23.742%2020.9816ZM21%2020.5819V36.6164C21%2038.3057%2022.8931%2039.3036%2024.2867%2038.3489L36.5485%2029.9499C37.7985%2029.0936%2037.758%2027.2357%2036.4718%2026.4347L24.2101%2018.7992C22.8112%2017.9282%2021%2018.934%2021%2020.5819Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M22.4004%2037.0998V20.2998L32.2004%2025.1998L36.4004%2028.6998L22.4004%2037.0998Z'%20fill='%23FDFDFD'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  width: 36px;
  height: 36px;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: -18px auto 0px;
}
span.url-msg {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-decoration-line: underline;
  color: #f3f5f7;
  margin-bottom: 8px;
  word-break: break-all;
  cursor: pointer;
}
.chat-cdv-file-type {
  display: flex;
  padding: 4px;
  background: #ffffff;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.chat-cdv-file-type-left {
  border-radius: 10px;
  width: max-content;
  display: contents;
}
.chat-cdv-file-type-right {
  margin-left: 8px;
  cursor: pointer;
  overflow: hidden;
}
.cchat-cdv-file-type-right-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-cdv-file-type-left img {
  height: 56px;
  width: 56px;
  object-fit: cover;
  background: #f2f2f2;
  border-radius: 10px;
}
.cchat-cdv-file-type-right-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-attached-view-box span.cstm-ttl-tp {
  font-size: 23px;
  text-transform: uppercase;
  bottom: 19px;
}
.cstm-file-tp-all {
  position: relative;
}
.header-chat-cont .header-chat-cont-list-cont {
  padding-left: 64px;
}
span.cstm-ttl-tp {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  border: darkblue;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.chat-rd-msg-file-type-right-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.chat-rd-msg-file-type-right-md {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-rd-msg-file-type-left {
  margin-right: 8px;
}
.chat-rd-msg-file-type {
  display: flex;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 12px 4px 4px;
  align-items: center;
  position: relative;
  margin-bottom: 8px;
  width: auto;
}
.chat-pdf-name {
  padding-right: 30px;
  padding-left: 8px;
  overflow: hidden;
}
.chat-msg-ttl {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.chat-massages-file-type {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 4px;
}
.chat-massages-file-type {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.chat-massages-file-type-left {
  margin-right: 8px;
}
.chat-msg-mb {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.cstm-new-chat-input {
  position: relative;
}
.cstm-new-chat-input input {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 36px 10px 46px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.cstm-new-chat-input:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 18px;
}
img.cstm-new-chat-cancel {
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer;
}
.cstm-new-chat-input input:focus {
  border: 1px solid #9b9a9f;
}
.chat-write-block {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
  background: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  display: flex;
  width: 100%;
  height: 80px;
  justify-content: center;
  align-items: center;
}
.cstm-pfl-search {
  position: relative;
}
.cstm-pfl-search:before {
  content: "";
  width: calc(100vw - 336px);
  height: inherit;
  position: absolute;
  background: #a89dea;
  opacity: 0.1;
  z-index: 1;
  left: -24px;
  top: 0px;
  bottom: -8px;
  min-height: 53px;
}
.cstm-moel-photo:hover .cstm-profile-dox {
  display: block;
}
.view-profile-btn {
  padding: 10px 18px;
  gap: 12px;
  isolation: isolate;
  width: 300px;
  height: 44px;
  background: #351bce;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  border: none;
}
.view-profile-btn:hover {
  background: var(--yellow);
}
.cstm-profile-dox-prf-right-gmail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.cstm-profile-dox-prf-right-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 1px;
  color: #201e29;
}
.cstm-profile-dox-prf-left {
  margin-right: 12px;
  position: relative;
}
.pfl-on-off {
  border-radius: 50%;
  border: 2px solid #ffffff;
  height: 16px;
  width: 16px;
  position: absolute;
  content: "";
  bottom: 2px;
  right: 2px;
}
.pfl-photo {
  height: 72px;
  width: 72px;
  border-radius: 50px;
  object-fit: cover;
  background: #201e29;
}
.cstm-profile-dox-prf {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.cstm-avat-comment {
  border-radius: 50px;
  width: 36px;
  height: 36px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.cstm-upload-avar {
  height: 72px;
  width: 72px;
  object-fit: cover;
  border: 2px solid #ffffff !important;
  box-shadow: 0px 3px 15px #e3e3e3;
  filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.13));
  border-radius: 50px;
  background: #201e29;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 36px;
}
.cstm-avat-header-img {
  width: 72px;
  height: 72px;
  display: flex;
  border: 2px solid #ffffff;
  object-fit: cover;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1));
  border-radius: 400px;
  margin: auto;
  background: #201e29;
  color: #fff;
  font-size: 36px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
}
.cstm-avat-header-tp {
  height: 32px;
  width: 32px;
  background: #3a3842;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.cstm-bdr1 {
  border: 1px solid #9b9a9f;
}
.cstm-bdr2 {
  border: 1px solid #dedddf;
}
.cstm-messasewbm-main {
  border-top: 1px solid #e6e6e6;
}
.cstm-icon-all-ct:hover {
  background: #f3f5f7;
  border-radius: 10px;
}
.cstm-avat-box {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  background: #201e29;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center; 
  color: #ffffff;
  text-transform: capitalize;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-inner-sec p {
  color: #f3f5f7;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-info {
  color: #e3e3e3;
}
.messages-right-box-sec .message-text {
  color: #ffffff;
}
.messages-right-box-sec .quote-msg-sec .quote-msg-inner-sec {
  border-bottom: 1px solid #a89dea;
}
.messages-right-box-sec .quote-icons img {
  filter: invert(1000%) sepia(1000%) saturate(100%) hue-rotate(378deg) brightness(1000%) contrast(100%);
}
.chat-massages-file-type-right {
  padding-right: 8px;
}
.cstm-cstm-no-chat-found {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
  height: calc(100vh - 156px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.msg-load-more {
  width: 100%;
  text-align: center;
  padding: 13px 0px;
  position: absolute;
  top: 0;
  z-index: 9;
}
.msg-load-more img {
  background: #fff;
  padding: 0px 60px;
  width: 150px;
}
img.cstm-chat-cpc-ld {
  width: 30px;
}
.search-msg .messages-left-box-sec, .search-msg .messages-right-box-sec {
  background: #806fe0;
}
.chatimage .modal-dialog {
  max-width: 800px !important;
}
.chatimage .modal-dialog .list-group-item-success {
  display: flex;
  justify-content: center;
  align-items: center;
}
.videomsg:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='28'%20fill='%23201E29'%20fill-opacity='0.7'%20style='mix-blend-mode:multiply'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.742%2020.9816C23.4622%2020.8074%2023.1%2021.0086%2023.1%2021.3382V35.8196C23.1%2036.1575%2023.4786%2036.3571%2023.7573%2036.1661L34.8314%2028.5806C35.0814%2028.4094%2035.0733%2028.0378%2034.8161%2027.8776L23.742%2020.9816ZM21%2020.5819V36.6164C21%2038.3057%2022.8931%2039.3036%2024.2867%2038.3489L36.5485%2029.9499C37.7985%2029.0936%2037.758%2027.2357%2036.4718%2026.4347L24.2101%2018.7992C22.8112%2017.9282%2021%2018.934%2021%2020.5819Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M22.4004%2037.0998V20.2998L32.2004%2025.1998L36.4004%2028.6998L22.4004%2037.0998Z'%20fill='%23FDFDFD'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  width: 56px;
  height: 56px;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: -28px auto 0px;
}
.messages-only-main {
  /* max-width: 1170px; */
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.messages-other-box-type.message-write-box {
  margin: auto;
  width: 100%;
}
.cstm-mob-search {
  margin-right: 12px;
  cursor: pointer;
}
.active-search .cstm-src1 {
  display: none;
}
.active-search .cstm-src2 {
  display: block;
}
.cstm-src2 {
  display: none;
}
.cstm-loading-star {
  position: absolute;
  background: #fff;
}
.cstm-loading-star img {
  width: 24px;
}
.cstm-mob-star {
  position: relative;
}
.cstm-typing {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #201e29;
  padding: 3px 24px 8px;
  background: #fff;
  /* max-width: 1170px; */
  width: 100%;
  margin: auto;
}
.quote-msg-sec .quote-msg-inner-sec p {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  margin-bottom: 2px;
  margin-top: 6px; 
}
.quote-msg-sec .quote-msg-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
  padding-top: 6px;
}
.quote-msg-sec .quote-msg-inner-sec {
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  padding-bottom: 12px;
}
.quote-icons {
  margin-bottom: 12px;
}
.mobh-ar {
  width: 24px;
  height: 24px;
  padding: 0px;
  border: 0px;
  color: #afafaf;
  background: #f6f6f6;
  border-radius: 8px;
}
.mobh-ar:hover {
  background: #201e29;
  color: #fff;
}
.mobh-close {
  padding: 0px;
  border: none;
  background: transparent;
  position: absolute;
  right: 17px;
  top: 10px;
  font-size: 25px;
  font-weight: 300;
  color: #201e29;
  font-family: "Inter", sans-serif;
}
.cstm-smicc {
  height: 44px !important;
  border-radius: 10px !important;
  padding-left: 44px !important;
  padding-right: 35px !important;
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
}
.cstm-smicc:focus {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}
.cstm-smicc::-webkit-input-placeholder {
  color: #201e29;
}
.cstm-smicc:-ms-input-placeholder {
  color: #201e29;
}
.cstm-smicc::placeholder {
  color: #201e29;
}
.cstm-cancel-link {
  border: none;
  padding: 0px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #6f7071;
}
.cstm-cancel-link:hover {
  color: #351bce;
}
.mobh-cont {
  margin-left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.mobh-updn {
  border-width: 0px 1px;
  border-style: solid;
  border-color: rgba(32, 30, 41, 0.1);
  height: 32px;
  display: flex;
  align-items: center;
  margin: 0px 16px;
  padding: 0px 16px;
  justify-content: space-between;
  gap: 8px;
}
.mobh-field {
  width: 100%;
  position: relative;
}
.mobh-field:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 16px;
}
.messages-other-box-head-bottom {
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.messages-other-box-head {
  padding: 12px 24px;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.massages-name-time {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: #606060;
}
.welcome-to-mds {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  margin-bottom: 16px;
}
.a-place-where {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #606060;
  max-width: 551px;
  width: 100%;
}
.welcome-to-icon img {
  margin: 0 auto 16px;
}
.welcome-chat-cm-icon img {
  margin: 0 auto 16px;
  width: 160px;
}
.welcome-chat-cm-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
}
.cstm-chat-loading {
  text-align: center;
  height: 100%;
}
.cstm-chat-loading img {
  height: 50px;
  position: absolute;
  top: 50%;
}
.cstm-gmc-admin {
  background: #ffcc00;
  border-radius: 10px;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  color: #201e29;
  padding: 3px 10px;
}
.cstm-gmc-view {
  margin-left: 6px;
  cursor: pointer;
}
.cstm-gmc-view img {
  vertical-align: -5px;
}
.cstm-group-member-cont ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.cstm-group-member-cont ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.cstm-group-member-cont ul li:last-child {
  margin-bottom: 0px;
}
.cstm-group-member-cont-left {
  display: flex;
  align-items: center;
}
.cstm-gmc-img img {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #cdcdcd !important;
}
.cstm-gmc-img {
  margin-right: 8px;
}
.cstm-gmc-title a {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
}
.cstm-gmc-title a:hover {
  color: #ffcc00;
}
.cstm-group-member {
  padding: 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
}
.cstm-group-member-header {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-group-member-header-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
}
.add-members-link {
  padding: 0px;
  background-color: transparent;
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  color: #351bce;
}
.add-members-link:hover {
  color: #ffcc00;
}
.cstm-gmc-img img {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  border: 1px solid #cdcdcd !important;
}
.add-members-link svg {
  height: 18px;
}
.cstm-group-member-cont-right {
  display: flex;
  align-items: center;
}
.react-emoji-picker--wrapper {
  width: 356px !important;
}
.emoji-mart-scroll {
  -ms-overflow-style: none;
 /* Internet Explorer 10+ */
  scrollbar-width: none;
 /* Firefox */
}
.emoji-mart-scroll::-webkit-scrollbar {
  display: none;
 /* Safari and Chrome */
}
.header-chat-widget .header-chat-cont-head-search {
  position: initial;
  padding: 0;
  border-bottom: 0;
}
.header-chat-cont-list-photo {
  position: absolute;
  border-radius: 50px;
}
.small-chat-widget .messages-obhl-photo {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  margin: 0 !important;
}
.small-chat-widget .messages-other-box-head-left {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
img.chat-user-phto {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.small-chat-widget .messages-obhl-name {
  flex-grow: 1;
  width: calc(100% - 50px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-chat-widget .messages-obhl-photo {
  margin-right: 12px;
  position: relative;
}
.small-chat-widget .message-text {
  font-size: 12px;
  line-height: 16px;
}
.small-chat-widget .massages-ebox-left, .small-chat-widget .massages-ebox-right {
  padding: 8px 10px;
}
.small-chat-widget .massages-name-time {
  display: block;
  font-size: 10px;
  line-height: 14px;
  margin-top: 5px;
}
.small-chat-widget .message-convo-img-div {
  width: 120px;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
}
.small-chat-widget .message-convo-img-div img, .small-chat-widget .message-convo-img-div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.small-chat-widget .massages-ebox-file-type .message-convo-img-div {
  padding: 8px 10px;
}
.massages-ebox-file-type .message-convo-img-div .file-type {
  font-size: 8px;
  line-height: 12px;
}
p.file-name {
  font-size: 12px;
  line-height: 14px;
}
.small-chat-widget .massages-ebox-content-sec .massages-ebox-left, .small-chat-widget .massages-ebox-content-sec .massages-ebox-right {
  padding: 6px 8px;
}
.small-chat-widget .messages-other-ebox-left, .small-chat-widget .messages-other-ebox-right {
  max-width: 240px;
  width: auto;
  margin-bottom: 10px;
}
.small-chat-widget .messages-other-ebox-right {
  margin-left: auto;
}
.small-chat-widget .quote-msg-sec {
  padding: 8px 8px;
}
.small-chat-widget .quote-icons {
  line-height: 10px;
}
.small-chat-widget .quote-icons svg {
  width: 12px;
  height: 12px;
}
.small-chat-widget .quote-msg-inner-sec {
  padding-left: 10px;
}
.small-chat-widget .quote-msg-inner-sec p {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.small-chat-widget .quote-msg-info {
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
}
.small-chat-widget .quote-msg-inner-sec .massages-ebox-file-type p {
  margin-bottom: 0;
}

.messages-other-box.small-chat-widget {
  height: 450px;
  display: flex;
  flex-direction: column;
}
.messages-other-box.small-chat-widget {
  transform: scale(0);
  transition: 0.5s all;
}
.messages-other-box.small-chat-widget.active {
  transform: scale(1);
  transition: 0.5s all;
  transform-origin: bottom right;
}
.messages-other-box.small-chat-widget .react-input-emoji--input::-webkit-scrollbar {
  width: 4px;
}
/* 
.messages-other-box.small-chat-widget .messages-other-box-main {
  overflow: hidden;
}
.messages-other-box.small-chat-widget .messages-other-box-type {
  padding: 0px;
}
.messages-other-box.small-chat-widget .message-write-box-main {
  padding: 8px 12px 10px;
  display: flex;
  width: 100%;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
}
.messages-other-box.small-chat-widget .file-attached-view-box {
  padding: 8px 10px;
  gap: 16px 12px;
  border-radius: 0px;
  max-height: 130px;
}
.messages-other-box.small-chat-widget .attached-item {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
.messages-other-box.small-chat-widget .delete-attached-items button.messages-other-close {
  width: 20px;
  height: 20px;
}
.messages-other-box.small-chat-widget .attached-item-innner {
  border-radius: 10px;
}
.messages-other-box.small-chat-widget .delete-attached-items {
  right: -10px;
}
.messages-other-box.small-chat-widget .attached-item-innner.file-type-item {
  padding: 8px 12px; 
}
.messages-other-box.small-chat-widget .messages-other-box-main-ebox {
  height: 100%;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box {
  padding: 8px 32px 8px 10px;
  border-radius: 0 0;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box .massages-ebox-file-type {
  max-width: 240px;
  width: fit-content;
}
.messages-other-box.small-chat-widget .quote-model button {
  width: 100%;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
}
.messages-other-box.small-chat-widget .quote-model button svg {
  margin-right: 4px;
  width: 18px;
  height: 18px;
}
.messages-other-box.small-chat-widget .quotedmsg-send-box {
  max-height: 150px;
  min-height: 50px;
}
.messages-other-box.small-chat-widget .close-icons {
  top: 4px;
  z-index: 10;
  right: 12px;
}
.messages-other-box.small-chat-widget .close-icons svg {
  width: 20px;
  height: 20px;
}
.messages-other-box.small-chat-widget .react-input-emoji--wrapper {
  margin: 4px 0px 2px 0px !important;
}
.messages-other-box.small-chat-widget .messages-other-box-type-icon {
  gap: 8px;
}
.messages-other-box.small-chat-widget .react-emoji {
  align-items: flex-end;
  gap: 8px;
}
.messages-other-box.small-chat-widget .react-input-emoji--button {
  width: 28px;
  height: 28px;
}
.messages-other-box.small-chat-widget .react-input-emoji--container {
  width: 186px;
}
.messages-other-box.small-chat-widget .messages-send-btn {
  padding: 0;
  font-size: 12px;
  margin-left: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-other-box.small-chat-widget .react-input-emoji--input {
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
}
.messages-other-box.small-chat-widget .react-input-emoji--placeholder {
  left: 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
} */
.messages-other-photo-in {
  border-radius: 50px;
  background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
}
.messages-other-photo-in img {
  height: 48px;
  width: 48px;
  border-radius: 50px;
  object-fit: cover;
}

.chat-module-main {
  padding: 72px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
  margin: auto;
  display: flex;
}
.cstm-mob-star {
  margin-right: 12px;
  cursor: pointer;
}
.chat-noti-lt2 {
  border-radius: 50px;
  border: 2px solid #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0;
}
.mobile-back-arrow, .user-chat-listing-back {
  display: none;
  margin-right: 16px;
  cursor: pointer;
}
.chat-module-left {
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
  width: 330px;
  border-right: 1px solid #e6e6e6;
  position: fixed;
  border-top: 1px solid #e6e6e6;
  z-index: 1;
}
.chat-module-right {
  height: calc(100vh - 96px);
  max-height: calc(100vh - 96px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
}
.chat-module-center {
  width: 100%;
  margin: auto;
  grid-area: chatmsg;
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  transition: all 0.5s;
  overflow: hidden;
  background: #fff;
  padding-left: 330px;
  border-top: 1px solid #e6e6e6;
}
.chat-module-left .userlist {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  float: none;
  display: block;
  margin: 0 auto;
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0 !important;
}
.chat-module-left .card {
  box-shadow: none;
  border: none !important;
}
.cstm-new-chat-right img {
  cursor: pointer;
}
.cstm-new-chat-left {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
}
.chat-edit-sd {
  cursor: pointer;
}
.cstm-new-chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.header-chat-cont-head-search {
  position: sticky;
  padding: 24px 12px 16px 24px;
}
.chat-search-list-box {
  display: flex;
  justify-content: space-between;
}
.chat-left-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.chat-left-heading h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 0px;
}
.chat-left-heading a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #351bce;
}
.chat-search-list {
  position: relative;
}
.header-chat-cont-head-search {
  position: relative;
}
.chat-search-close {
  padding: 0px;
  border: none;
  background: transparent;
  position: absolute;
  right: 14px;
  top: 8px;
  font-size: 25px;
  font-weight: 300;
  display: none;
  color: #201e29;
  font-family: "Inter", sans-serif;
}
.chat-search-list:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.7'%3e%3cmask%20id='mask0_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='1'%20y='1'%20width='17'%20height='17'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.66602%201.6665H17.8967V17.8973H1.66602V1.6665Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.78185%202.9165C5.99602%202.9165%202.91602%205.99567%202.91602%209.7815C2.91602%2013.5673%205.99602%2016.6473%209.78185%2016.6473C13.5668%2016.6473%2016.6468%2013.5673%2016.6468%209.7815C16.6468%205.99567%2013.5668%202.9165%209.78185%202.9165ZM9.78185%2017.8973C5.30685%2017.8973%201.66602%2014.2565%201.66602%209.7815C1.66602%205.3065%205.30685%201.6665%209.78185%201.6665C14.2568%201.6665%2017.8968%205.3065%2017.8968%209.7815C17.8968%2014.2565%2014.2568%2017.8973%209.78185%2017.8973Z'%20fill='%23201E29'/%3e%3c/g%3e%3cmask%20id='mask1_205_85174'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='14'%20y='14'%20width='5'%20height='5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.3652%2014.7559H18.5519V18.9348H14.3652V14.7559Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask1_205_85174)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.9271%2018.9348C17.7679%2018.9348%2017.6079%2018.874%2017.4854%2018.7523L14.5488%2015.824C14.3046%2015.5798%2014.3038%2015.184%2014.5479%2014.9398C14.7913%2014.694%2015.1871%2014.6957%2015.4321%2014.9382L18.3688%2017.8673C18.6129%2018.1115%2018.6138%2018.5065%2018.3696%2018.7507C18.2479%2018.874%2018.0871%2018.9348%2017.9271%2018.9348Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  z-index: 1;
  top: 11px;
  left: 18px;
}
.chat-search-list input {
  width: 238px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 16px 10px 46px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
}
.cstm-chat-mn-sd {
  overflow: auto;
  height: calc(100vh - 156px);
  transition: all 0.3s;
  padding: 0px 8px 0px 12px;
  margin-right: 4px;
}
.cstm-chat-mn-sd::-webkit-scrollbar {
  width: 5px;
}
.cstm-chat-mn-sd::-webkit-scrollbar-track {
  border-radius: 10px;
}
.cstm-chat-mn-sd::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.cstm-chat-mn-sd:hover::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}
.chat-card-header .btn-link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  text-decoration: initial;
  padding: 0px 0px 0px 24px;
  border: 0px;
  position: relative;
  font-family: 'Inter', sans-serif;
}
.chat-card-header .btn-link:hover {
  color: var(--navyblue);
}
.chat-card-header .btn-link:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_427_6092'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='5'%20y='6'%20width='10'%20height='8'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.52148%206.1123H14.9994V13.8882H5.52148V6.1123Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_427_6092)'%3e%3cpath%20d='M9.73764%2013.5994C9.85136%2013.7798%2010.0483%2013.8886%2010.2609%2013.8886C10.4727%2013.8886%2010.6704%2013.7798%2010.7833%2013.5994L14.9043%207.05911C15.0246%206.86958%2015.032%206.62897%2014.9224%206.43203C14.8136%206.23426%2014.6068%206.1123%2014.3818%206.1123H6.13996C5.91418%206.1123%205.70735%206.23426%205.59857%206.43203C5.4898%206.62897%205.4964%206.86958%205.6167%207.05911L9.73764%2013.5994Z'%20fill='%23201E29'/%3e%3c/g%3e%3c/svg%3e");
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  transform: rotate(270deg) !important;
}
.chatarrow .btn-link:before {
  transform: rotate(0deg) !important;
}
.chat-card-header {
  padding: 8px 12px;
}
.chat-module-left img.chat-user-phto {
  border-radius: 50px;
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.header-chat-cont-list-cont {
  padding: 0px 90px 0px 72px;
}
.chat-module-left ul.chat-list-user-box li {
  padding: 12px;
  position: relative;
  height: 72px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 3px 0px;
}
.chat-module-left ul.chat-list-user-box li:hover {
  background: #f3f5f7;
  border-radius: 12px;
}
.chat-sg-count {
  background: #f05252;
  border-radius: 30px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  height: 18px;
  min-width: 18px;
  text-align: center;
  padding: 0px 4px;
}
.chat-sg-msg {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 185px;
  white-space: nowrap;
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-sg-ttl-main {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #201e29 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 122px;
  white-space: nowrap;
  display: block;
  margin-bottom: 2px;
}
.chat-noti-lt {
  border-radius: 6px;
  border: 2px solid #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  content: "";
  bottom: 0;
  right: 0px;
}
ul.chat-list-user-box {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.chat-list-user-box li {
  padding: 9px 16px;
  position: relative;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
li.chat-list-select {
  background:#EBE8FA!important;
  border-radius: 12px;
}
.header-chat-cont-list-date {
  position: absolute;
  right: 12px;
  top: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat-sg-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-coversation-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.messages-other-box-main {
  flex-grow: 1;
  /* overflow-y: auto; */
  overflow-y: hidden; 
  position: relative;
  overflow-x: hidden;
}
.messages-other-box-main-ebox {
  display: block;
  overflow: auto;
  padding: 0px 24px 0px;
  height: 100%;
  /* height: 300px; */
}
.messages-other-box-main-ebox::-webkit-scrollbar {
  width: 6px;
  background-color: #e8e8e8;
}
.messages-other-box-main-ebox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #e8e8e8;
  border-radius: 10px;
  background-color: #e8e8e8;
}
.messages-other-box-main-ebox::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
  background-color: #d8d8d8;
}
.messages-other-box-main {
  height: 100%;
}
.messages-other-box-main-say {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.chat-status-log-sec {
  width: 100%;
  text-align: center;
  padding: 13px 0px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.chat-status-log-sec p {
  margin-bottom: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #201e29;
  display: inline-block;
  background: #fff; 
  padding: 3px 80px;
  border-radius: 10px;
}
.chat-coversation-box .messages-other-ebox-left,
 .chat-coversation-box .messages-other-ebox-right {
  max-width: fit-content;
  width: auto;
}
.chat-coversation-box .messages-other-ebox-right {
  margin-left: auto;
  padding-left: 70px;
}
.chat-coversation-box .massages-ebox-left, .chat-coversation-box .massages-ebox-right {
  text-align: left;
  max-width: 100%;
  width: 100%;
  display: block;
}
.messages-left-box-sec, .messages-right-box-sec {
  position: relative;
  padding: 0 0px;
  width: fit-content;
  max-width: 600px;
}
.messages-left-box-sec {
  background: #edf0f2;
  border-radius: 10px 10px 0px 10px;
  margin-left: 48px;
}
.messages-right-box-sec {
  margin-left: auto;
  border-radius: 10px 10px 0px 10px;
  background: #5646e5;
  text-align: left;
}
.dotted-icon {
  position: absolute;
  top: 0px;
  border: none;
  background: 0;
  display: none;
  z-index: 2;
}
.dotted-icon.quote-active {
  display: block;
}
.messages-other-ebox-left .dotted-icon {
  right: -35px;
}
.messages-other-ebox-left:hover .dotted-icon {
  display: block;
}
.messages-other-ebox-right .dotted-icon {
  left: -50px;
}
.messages-other-ebox-right:hover .dotted-icon {
  display: block;
}
.massages-ebox-left, .massages-ebox-right {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  display: inline-block;
}
.massages-ebox-left {
  color: #201e29;
  background: transparent;
  border-radius: 0px 0px 10px 0px;
}
.massages-ebox-right {
  color: #fff;
  background: transparent;
  border-radius: 0px 0px 0px 10px;
}
.media-only .massages-ebox-right .message-convo-img-div {
  border-bottom-right-radius: 0px;
}
.media-only .massages-ebox-left .message-convo-img-div {
  border-bottom-right-radius: 0px; 
}
.media-only .massages-ebox-right {
  padding: 0px;
}
.media-only .quote-msg-sec {
    padding: 0px;
}
.media-only .quote-icons {
  padding: 12px 16px 0px 16px;
}
.media-only p.message-text {
  padding: 12px 16px;
  max-width: 200px;
}
.media-only .quote-msg-info {
  padding: 6px 16px 0px 16px;
}
.media-only .quote-msg-inner-sec p {
  padding: 12px 16px 0px 16px;
  max-width: 200px;
  word-wrap: break-word;
}
.media-only .massages-ebox-left {
  padding: 0px;
}
.chat-coversation-box .message-convo-img-div {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  position: relative; 
} 
.chat-coversation-box .message-convo-img-div img, .chat-coversation-box .message-convo-img-div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.chating-empty {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.chating-start-screen {
  text-align: center;
}
.chat-pdf-icon {
  cursor: pointer;
  position: absolute;
  right: 12px;
}
.massages-ebox-content .file-name {
  color: #201e29;
}
.chat-pdf-name-title { 
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.chat-pdf-name-sub {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}
.chat-pdf-download {
  margin-right: 8px;
  display: contents;
}
.chat-pdf-size {
  height: 48px;
  width: 48px;
  object-fit: cover;
  min-width: 48px;
}
.massages-ebox-file-type {
  display: flex;
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 12px 4px 4px;
  align-items: center;
  position: relative;
}
.massages-ebox-file-type .message-convo-img-div {
  width: 48px;
  height: 48px;
  padding: 5px 10px;
  border-radius: 13px;
  background: #351bce;
}
.chat-coversation-box .massages-ebox-file-type .message-convo-img-div {
  width: 64px;
  height: 64px;
  padding: 8px 14px;
  border-radius: 20px;
}
.file-name {
  flex: 1 1;
  margin-bottom: 0;
  width: calc(100% - 72px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.massages-ebox-file-type .message-convo-img-div {
  position: relative;
}
.massages-ebox-file-type .message-convo-img-div .file-type {
  position: absolute;
  bottom: 12px;
  width: 100%;
  text-align: center;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.chat-coversation-box .message-convo-img-div .file-type {
  bottom: 16px;
}
.chat-coversation-box .message-write-box-main {
  display: flex;
  width: 100%;
  align-items: end;
  padding: 16px 76px 16px 16px;
  /* padding: 16px 12px; */
  /* max-width: 1222px; */ 
  margin: auto;
}
.chat-coversation-box .messages-other-box-type-text {
  flex-grow: 1;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  position: relative;
}
.message-write-box-main-mn {
  border-top: 1px solid #e6e6e6;
}
.messages-send-btn {
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  margin-left: 16px;
}
.messages-other-box-type-icon {
  display: flex;
  align-items: center;
}
.messages-send-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.chat-coversation-box .react-input-emoji--button {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-coversation-box .react-input-emoji--wrapper {
  margin: 13px 0px;
}
.chat-coversation-box .messages-other-box-type-text .react-input-emoji--input {
  padding: 0px;
  word-break: break-all;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  font-family: "Inter", sans-serif;
}
.chat-coversation-box .react-emoji {
  align-items: end !important;
}
.chat-coversation-box .react-input-emoji--button svg {
  fill: #53637f;
}
.chat-coversation-box .messages-other-box-type-text .react-input-emoji--container {
  width: 100%;
  background: transparent !important;
}
.messages-other-box-type-text .react-input-emoji--placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  font-family: "Inter", sans-serif;
}
.react-input-emoji--input::-webkit-scrollbar {
  width: 6px;
}
.react-input-emoji--input::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
}
.chat-coversation-box .react-input-emoji--input::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 4px solid transparent;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
}
.file-attached-view-box {
  /* padding: 22px 20px 14px 20px; */
  padding: 22px 24px 14px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  overflow-y: auto;
  gap: 16px;
  /* max-width: 1218px; */
  margin: auto;
}
.file-attached-view-box::-webkit-scrollbar {
  width: 6px;
}
.file-attached-view-box::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
  background-clip: padding-box;
}
.attached-item {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
  -webkit-aspet-ratio: 1;
  -o-aspet-ratio: 1;
  aspect-ratio: 1;
}
.attached-item-innner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.attached-item img, .attached-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.delete-attached-items {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.attached-item-innner.file-type-item {
  position: relative;
}
.chat-coversation-box .attached-item-innner.file-type-item .file-type {
  position: absolute;
  bottom: 16px;
  width: 100%;
  text-align: center;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.chat-coversation-box .message-convo-img-div .file-type {
  bottom: 16px;
}
.delete-attached-items button.messages-other-close {
  width: 20px;
  height: 20px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: none;
  background: #201e29;
  color: #fff;
  border: 1px solid #ffffff;
}
.quote-model {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius:6px;
  overflow: hidden;
  position: absolute;
  top: 38px;
  z-index: 10; 
  width: max-content;
  display: none;
  min-width: 120px;
}
.quote-model.quote-active {
  display: block;
}
.cstm-mob-dtd .quote-model {
  right: 5px;
}
.quote-model button {
  width: 100%;
  padding: 8px 10px;
  border: none;
  outline: none;
  box-shadow: none;
  background: #fff;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29;
}
.quote-model button:hover {
  background: #f3f5f7;
}
.quote-model button svg {
  margin-right: 8px;
}
.quote-model button img {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.cstm-delete-only {
  color: #ff4852 !important;
}
.chat-profile-sec {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}
.chat-user-basic-details {
  padding: 24px 24px 16px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  text-align: center;
  position: relative;
}
.chat-user-profile-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  background: #f3f5f7;
  filter: drop-shadow(0px 2px 8px rgba(39, 39, 53, 0.1));
  border-radius: 120px;
  overflow: hidden;
  position: relative;
}
.chat-user-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-user-profile-details h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #091f48;
  margin-bottom: 12px;
}
.chat-user-profile-details p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  opacity: 0.7;
}
.chat-user-details-sec {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat-user-details-content {
  flex-grow: 1;
  height: auto;
  overflow-y: hidden;
}
.chat-user-details-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.chat-user-tabs {
  width: 33.33%;
  font-style: normal;
  text-align: center;
}
.chat-user-tabs-a {
  padding: 8px 0px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(32, 30, 41, 0.2);
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: rgba(9, 31, 72, 0.7);
}
.chat-user-tabs-a.active {
  color: #351bce;
  border-bottom: 1px solid #351bce;
}
.chat-tab-content {
  height: 100%;
  overflow: hidden;
}
.chat-tab-content .tab-pane {
  height: 100%;
  overflow: auto;
  padding: 16px;
}
.message-write-box-bx {
  border-top: 1px solid #e6e6e6;
}
.chat-tab-content .tab-pane::-webkit-scrollbar {
  width: 3px;
  background-color: #e8e8e8;
}
.chat-tab-content .tab-pane::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ffffff;
  border-radius: 10px;
  background-color: #ffffff;
}
.chat-tab-content .tab-pane::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 px #d8d8d8;
  background-color: #d8d8d8;
}
.chat-user-grid-box {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(96px, 96fr));
}
.chat-user-grid-img {
  width: 96px;
  height: 96px;
  border-radius: 15px;
  overflow: hidden;
  background-color: #f3f5f7;
}
.chat-user-grid-img img, .chat-user-grid-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-user-file-box, .chat-user-link-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.chat-user-link-box {
  padding: 8px;
  border: 1px solid rgba(32, 30, 41, 0.2);
  border-radius: 10px;
}
.chat-user-file-icon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #351bce;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-user-link-icon {
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-user-file-content, .chat-user-link-content {
  flex-grow: 1;
  padding: 0px 16px 0px 10px;
}
.chat-user-file-content {
  width: calc(100% - 56px);
}
.chat-user-link-content {
  width: calc(100% - 40px);
}
.chat-user-file-content h4, .chat-user-link-content h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chat-user-link-content h4 {
  margin-bottom: 0;
}
.chat-user-file-content p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
  opacity: 0.7;
  margin-bottom: 0;
}
.message-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 0;
  color: #201e29;
}
.massages-ebox-left .message-text {
  color: #201e29;
  word-break: break-all;
}
.massages-ebox-right .message-text {
  word-break: break-all;
  text-align: left;
}
.messages-other-ebox-right .massages-name-time {
  margin-left: auto;
}
.messages-other-ebox-left .massages-name-time {
  display: flex;
  margin-top: 4px;
  align-items: center;
  position: relative;
  margin-bottom: 6px;
}
.quote-msg-sec {
  padding: 12px 16px 0px 16px;
  border-radius: 10px 10px 0px 0px;
}
.messages-right-box-sec .quote-msg-sec {
  text-align: left;
}
.messages-left-box-sec .quote-msg-sec {
  text-align: left;
}
.quote-icons, .close-icons {
  color: #201e29;
}
.message-write-quote-filearea .quote-msg-inner-sec p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #606060;
  opacity: 1;
  margin-bottom: 7px;
  word-break: break-all;
  text-align: left;
}
.message-write-quote-filearea .quote-msg-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #606060;
}

.massages-ebox-right.msg-media-div .message-convo-img-div, .massages-ebox-right.msg-media-div .massages-ebox-file-type, .massages-ebox-left.msg-media-div .message-convo-img-div, .massages-ebox-left.msg-media-div .massages-ebox-file-type {
  /* margin-bottom: 8px; */
}
.quotedmsg-send-box .message-convo-img-div {
  margin-bottom: 12px;
}
.quotedmsg-send-box {
  padding: 14px 40px 14px 24px;
  position: relative;
  overflow-y: auto;
}
.quotedmsg-send-box::-webkit-scrollbar {
  width: 6px;
}
.quotedmsg-send-box::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-radius: 0px;
  background-clip: padding-box;
}
.quote-msg-inner-sec .massages-ebox-file-type .message-convo-img-div {
  margin-bottom: 0px;
}
.quote-msg-inner-sec .massages-ebox-file-type {
  margin-bottom: 10px;
}
.massages-ebox-file-type .message-convo-img-div {
  margin-bottom: 0px !important;
}
.message-write-box .quotedmsg-send-box .massages-ebox-file-type {
  max-width: 240px;
  margin-bottom: 10px;
}
.quote-msg-written-box-mn {
  border-top: 1px solid #e6e6e6;
}
.quote-close-btn-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quote-msg-written-box {
  position: relative;
  width: 100%;
  margin: auto;
}
.close-icons {
  position: absolute;
  top: 13px;
  z-index: 10;
  right: 24px;
  cursor: pointer;
}
.chat-coversation-box .messages-obhl-name {
  font-weight: bold;
  margin-left: 8px;
}
.small-chat-widget .typing-div {
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.typingdot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  margin-left: 2px;
  display: inline-block;
}
.typingdot:nth-child(1) {
  animation-delay: 200ms;
}
.typingdot:nth-child(2) {
  animation-delay: 300ms;
}
.typingdot:nth-child(3) {
  animation-delay: 400ms;
}
.typingdot:first-child {
  margin-left: 0;
}
@keyframes mercuryTypingAnimation {
  0% {
      transform: translateY(0px);
 }
  28% {
      transform: translateY(-7px);
 }
  44% {
      transform: translateY(0px);
 }
}
.messages-other-ebox-left .quote-msg-inner-sec .massages-ebox-file-type {
  background: #f3f5f7;
}
.chat-back-cta {
  display: none;
  position: absolute;
  cursor: pointer;
}
.chat-back-cta svg {
  fill: #091f48;
}
.chat-mobile {
  display: none;
}
@media screen and (max-height:930px) {
.cstm-add-members ul.chat-list-user-box {
  height: 350px;
}
}
@media screen and (max-height:750px) {
  .cstm-add-members ul.chat-list-user-box {
    height: 200px;
  }
  }

@media screen and (max-width: 1439.98px) {
  .header-chat-cont-list-cont {
      width: 100%;
 }
  .chat-user-grid-box {
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
 }
  .chat-user-grid-img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1;
 }
}
@media screen and (max-width: 1365.98px) {
  .chat-module-main {
      grid-template-columns: minmax(0, 6fr) minmax(584px, 584px) minmax(0px, 6fr);
 }
  .chat-sg-msg {
      width: calc(100% - 12px);
 }
}
@media screen and (max-width: 1279.98px) {
  .chat-user-grid-box {
      grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
 }
  .file-attached-view-box {
      grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
 }
}
@media screen and (max-width: 1199.98px) {
  .chat-module-main {
      grid-template-columns: minmax(0, 6fr) minmax(500px, 500px) minmax(0px, 6fr);
      padding-top: 80px;
 }
  .chat-coversation-box .messages-other-ebox-left, .chat-coversation-box .messages-other-ebox-right {
      max-width: 380px;
 }
  .chat-coversation-box .message-convo-img-div {
      width: 120px;
      height: 90px;
      aspect-ratio: 4/3;
 }
  .massages-ebox-left, .massages-ebox-right {
      padding: 8px;
 }
  .chat-module-left, .chat-module-right, .chat-module-center {
      height: calc(100vh - 80px);
      max-height: calc(100vh - 80px);
 }
}
@media screen and (max-width: 1099.98px) {
  .chat-module-main {
      position: relative;
      grid-template-areas: "leftside chatmsg";
      grid-template-columns: minmax(0, 300px) minmax(500px, 1fr);
 }
  .chat-module-center {
      max-width: 100%;
 }
  .chat-module-right {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      max-height: 100%;
      z-index: 4;
      background: rgba(9, 31, 72, 0.6);
      transition: all 0.2s;
 }
  .chat-module-right.active {
      display: block;
      opacity: 1;
      visibility: visible;
      pointer-events: all;
 }
  .chat-module-right .chat-profile-sec {
      width: 300px;
      margin-left: auto;
      background: #ffffff;
      position: relative;
      transform: translateX(100%);
      transition: all 0.5s;
 }
  .chat-module-right.active .chat-profile-sec {
      transform: translateX(0%);
 }
  .chat-user-basic-details {
      position: relative;
 }
  .chat-back-cta {
      display: block;
      left: 8px;
      top: 16px;
 }
  .header-noti-box-in {
      left: auto;
      right: 0;
 }
}
@media screen and (max-width: 1023.98px) {

  .header-ft-menu .header-ft-menu-view {
      display: block;
 }
}
@media screen and (max-width: 999.98px) {
  .header-ft-menu-view {
      display: none;
 }
  .header-ft-menu .header-menu-icon {
      display: flex;
      width: 100%;
      height: 100%;
 }
}
@media screen and (max-width: 839.98px) {
  .webfooter.active {
      border-radius: 00px;
      right: 0px;
      bottom: 0px;
      box-shadow: none;
      visibility: visible;
      background-color: #fff;
      padding: 8px 16px 20px;
      display: flex;
      justify-content: space-between;
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 10;
      border-top: 1px solid #b9b9b9;
 }
  .webfooter.active .footer-icon {
      display: block;
 }
  .webfooter.active .header-ft-menu-view .footer-icon {
      width: auto;
      height: auto;
 }
  .webfooter.active .header-ft-menu-view {
      padding: 0 19px;
 }
  .chat-module-main {
      padding-top: 56px;
 }
  .chat-module-left, .chat-module-center {
      height: calc(100vh - 76px);
      max-height: calc(100vh - 76px);
 }
  .quote-msg-sec {
      padding: 7px 8px;
 }
  .chat-module-right {
      position: fixed;
      z-index: 99;
      height: 100%;
      max-height: 100%;
 }
  .chat-module-main {
      grid-template-columns: minmax(200px, 270px) minmax(auto, 1fr);
 }

 .chat-left-heading {
      margin-bottom: 8px;
 }
}
@media screen and (max-width: 767.98px) {
  .close-icons {
      right: 10px;
 }
  .quotedmsg-send-box {
      padding: 14px 30px 14px 15px;
 }
  .messages-other-box-main-ebox {
      padding: 0px 15px 0px;
 }
  .mobh-cont {
      margin-right: 16px;
 }
  .mobh-updn {
      display: none;
 }
  .messages-other-box-head {
      padding: 12px;
 }
  .chat-module-center {
      padding-left: 0px;
 }
  .chat-search-list {
      width: 83%;
 }
  .chat-module-left {
      width: 100%;
      border-right: none;
 }
  .chat-module-center {
      position: fixed;
      z-index: 10;
      left: 100%;
      transition: 0.5s all;
 }
  .chat-module-center.active {
      left: 0%;
 }
  .messages-other-box-head-left, .messages-other-box-head-left .messages-obhl-photo {
      display: flex;
      align-items: center;
 }
  .chat-module-main {
      grid-template-columns: minmax(100%, 100%) minmax(0, 0);
      grid-gap: 0;
      padding-left: 0;
      padding-right: 0;
 }
  .mobile-back-arrow, .user-chat-listing-back {
      display: block;
 }
  .chat-sg-ttl-main {
      width: calc(100% - 40px);
 }
  .header-ft-menu-view {
      display: block;
 }
  .header-ft-menu .header-menu-icon {
      display: none;
 }
  .chat-heading-mobile {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
 }
  .chat-heading-mobile .user-chat-listing-back {
      margin-right: 10px;
 }
  .quote-icons svg {
      width: 18px;
      height: 18px;
 }
}
body.menuview .card-header button.btn-link img.cstn-cl-arrow {
  display: none;
}
.category-slider-menu-list {
  height: calc(100vh - 72px);
  overflow: auto;
  padding: 0px 8px;
}
.category-slider-menu-list::-webkit-scrollbar {
  width: 6px;
}
.category-slider-menu-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f3f5f7;
}
.category-slider-menu-list::-webkit-scrollbar-thumb {
  background: #351bce;
  border-radius: 10px;
}
.category-slider-menu-list::-webkit-scrollbar-thumb:hover {
  background: #351bce;
  cursor: pointer;
}
.delete-video-modal .ctsm-modal-body {
  position: relative;
}
.delete-video-modal .ctsm-modal-body button {
  position: absolute;
  top: 12px;
  right: 12px;
}
ul.category-slider-menu-list li a {
  padding: 12px 16px;
  display: flex;
  color: #201e29 !important;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 10px;
  position: relative;
}
ul.category-slider-menu-list li a:hover {
  background-color: #f3f5f7 !important;
}
ul.category-slider-menu-list li .active-cs {
  color: #351bce !important;
}
.ctm-ldr-only .video-list-datetime {
  height: 12px;
  width: 50%;
}
.ctm-ldr-only .video-list-heading {
  margin-top: 0;
}
.ctm-ldr-only .video-list-main {
  flex-direction: row;
  margin-bottom: -10px;
}
.ctm-ldr-only .video-list-thumb {
  width: 46%;
  height: 98px;
}
.ctm-ldr-only .ctm-ldr-rt {
  width: 54%;
}
.video-list-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
.video-list-thumb {
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
}
.video-list-heading {
  margin-top: 8px;
  height: 32px;
  width: 100%;
}
.video-list-datetime {
  height: 8px;
  width: 100%;
}
.video-list-view-cmt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.video-list-view,
.video-list-cmt {
  height: 12px;
  width: 30%;
}
.loading-video-loader-inner {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.loading-video-loader-heading-sec {
  display: flex;
  gap: 16px;
  margin: 12px 16px;
  justify-content: space-between;
}
.loading-video-loader-left {
  width: 60%;
}
.loading-video-loader-right {
  width: 100%;
  max-width: 180px;
}
.loading-video-loader-heading {
  height: 32px;
  width: 50%;
}
.loading-video-loader-butn {
  height: 32px;
  width: 100%;
  margin-bottom: 4px;
}
.loading-video-loader-butn.loading-butn {
  height: 16px;
  width: 100%;
}
.loading-video-tag-sec {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.loading-video-tag {
  width: 110px;
  height: 24px;
  border-radius: 50px;
}
.vjs-caption-settings .vjs-tracksetting select {
  margin-bottom: 8px !important;
  color: #201e29 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  height: 36px !important;
  border-radius: 10px !important;
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
}
.vjs-caption-settings {
  border: 1px solid white !important;
}
.vjs-caption-settings .vjs-tracksetting span {
  margin-left: 0 !important;
}
.show-more-less-clickable:hover {
  color: #351bce;
}
.newsfeed-write-your-comments-tx .react-input-emoji--container {
  margin: 0px;
}
.wyc-send {
  position: absolute;
  right: 17px;
  top: 10px;
  color: var(--navyblue);
  font-size: 18px;
  cursor: pointer;
}
.wyc-send:hover {
  color: #201e29 !important;
}
.react-input-emoji--placeholder {
  left: 0 !important;
}
body .newsfeed-write-your-comments-tx .react-input-emoji--container {
  max-height: 72px !important;
  overflow: auto;
  border: none;
  height: auto !important;
  padding-bottom: 0px;
  text-transform: none !important;
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar {
  width: 5px;
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar-track {
  background: var(--btn3);
}
body
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 50px;
}
.newsfeed-post-right-write2 {
  margin-bottom: 15px;
  position: relative;
}
.newsfeed-post-right-write2 .newsfeed-post-right-write-left {
  top: 1px;
}
.cstm-content-details-main .newsfeed-post-right-write2 {
  margin-bottom: 15px;
  position: relative;
  margin-top: 16px;
}
.comment-time-st {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #666666;
  cursor: pointer;
  vertical-align: middle;
}
.comment-time-st img {
  vertical-align: text-bottom;
}
.newsfeed-post-right-cmt-right .newfeed-img-name {
  margin-left: 16px;
}
.newfeed-img-name img {
  margin-right: 5px;
}
.newfeed-img-name {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #3b3943;
  cursor: pointer;
}
.video-details-tabing .cstm-vd-tabs ul li a {
  padding: 12px;
}
.video-details-tabing .cstm-vd-box-in-main {
  float: none;
  max-width: 100px;
  margin-right: 0px;
  width: auto;
}
.video-details-tabing .cstm-vd-box-in-main img {
  cursor: pointer;
  width: 48px !important;
  height: 48px;
  padding: 4px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  object-fit: cover;
  margin: auto;
}
.cstm-vd-box-in-main {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 10px;
  height: 100%;
  float: left;
  width: 150px;
  margin-right: 15px;
  position: relative;
  text-align: center;
}
.cstm-vd-box-in-main img {
  height: 60px;
  object-fit: contain;
  cursor: pointer;
  width: 48px !important;
  height: 48px;
  padding: 4px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  object-fit: cover;
  margin: auto;
}
.cstm-vd-box-in-main {
  border: 1px solid #cccccc;
  border-radius: 15px;
  padding: 10px;
  height: 100%;
  float: left;
  width: 150px;
  margin-right: 15px;
  position: relative;
  text-align: center;
}
.cstm-vd-box-in-main img {
  height: 60px;
  object-fit: contain;
  cursor: pointer;
}
span.cstm-vd-box-in-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #091f48;
  display: block;
  width: 100%;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cstm-all-library-video-details
  .newsfeed-write-your-comments-tx
  .react-input-emoji--container {
  padding-right: 80px;
  background: #ffffff;
  border: 1px solid #e6e6e6 !important;
}
.cstm-back-video-detail-cl .comment-main-box:last-child {
  border-bottom: 0px;
  margin-left: 54px;
}
.cstm-back-video-detail-cl .comment-main-box-right-icon {
  margin-bottom: 0px;
}
.cstm-edit-delete-poll {
  padding: 0px;
  margin-top: 8px;
  left: -107px !important;
  min-width: 130px !important;
}
.cstm-edit-delete-poll ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.cstm-edit-delete-poll ul li a {
  padding: 9px 10px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #091f48;
}
.cstm-edit-delete-poll ul li a:hover {
  color: #ffcc00;
}
.cstm-edit-delete-poll ul li img {
  margin-right: 6px;
}
.cstm-poll-ad {
  cursor: pointer;
}
.newfeed-dp {
  margin-left: 20px;
}
.comment-main-box-right-icon-left .newfeed-img-name {
  margin-right: 18px;
  vertical-align: middle;
}
.comment-main-box-right-icon {
  display: table;
  width: 100%;
  margin-bottom: 12px;
}
.comment-main-box-right-icon-left {
  float: left;
}
.comment-main-box-right-icon-right {
  float: right;
}
.comment-main-box-right-box-cont {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #3b3943;
}
.comment-main-box-right-box-name-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 5px;
  padding-right: 40px;
}
.comment-main-box-right-box {
  background: #f3f5f7;
  padding: 8px 12px;
  border-radius: 10px;
  margin-bottom: 6px;
}
.comment-main-box-right-box-name-dotted {
  position: absolute;
  right: 0;
  top: 0;
}
.comment-main-box-right-box-name {
  display: block;
  width: 100%;
  position: relative;
}
.comment-main-box {
  margin-left: 54px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.cstm-newsfeed-post .comment-main-box {
  padding-bottom: 0px;
}
.comment-main-box-left {
  position: absolute;
}
.comment-main-box-right {
  padding-left: 54px;
}
.comment-main-box-left img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50px;
}
.comment-main {
  margin-top: 16px;
  padding: 16px 16px;
}
.comment-main-box-right-box-cont b {
  color: #351bce;
}
.comment-main-box-right-recmt-left {
  position: absolute;
}
.comment-main-box-right-recmt-left img {
  height: 36px;
  width: 36px;
  object-fit: cover;
  border-radius: 50px;
}
.comment-main-box-right-recmt-right {
  padding-left: 44px;
}
.cstm-content-details-main .comment-main {
  margin-top: 0px !important;
  padding: 0;
}
.cstm-content-details-main .comment-main-box-right-recmt-right {
  padding-left: 44px;
  margin-top: 12px;
}
.newsfeed-write-your-comments-tx .react-input-emoji--button svg {
  padding: 2px;
  fill: #201e29;
  margin-top: -4px;
}
.newsfeed-write-your-comments-tx .react-input-emoji--container {
  border-radius: 10px !important;
  background: rgb(32 30 41 / 6%);
  padding: 0px 50px 10px 0px;
  text-transform: capitalize;
  height: 40px !important;
  border: none;
}
.newsfeed-write-your-comments-tx .react-input-emoji--button {
  position: absolute;
  right: 41px;
  z-index: 1;
  top: 10px;
}
.react-input-emoji--wrapper {
  margin-left: 20px !important;
}
.react-input-emoji--input {
  padding-left: 0px !important;
}
.cstm-wlm-email img {
  margin-right: 9px;
  vertical-align: -5px;
}
.historyvideo-clearall-loading-image {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 999;
  left: 0;
  background: #ffffffcf;
  top: 0px;
  text-align: center;
  line-height: 46px;
}
.historyvideo-clearall-loading-image img {
  width: 24px;
}
a.historyvideo-remove-all-videos-loader {
  position: relative;
}
.mark-btn-watched {
  position: relative;
}
.savedvideo-loading-image {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ffffffe8;
  line-height: 36px;
}
.savedvideo-loading-image img {
  width: 24px;
}
.confirm-account-deletion-btn button {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #e02424;
  padding: 10px 18px;
  border: none;
  background: transparent;
}
.confirm-account-deletion-btn button:hover {
  color: #351bce;
}
.gallery-img {
  position: relative;
}
.video_progress_wrapper {
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 4px;
  left: 0px;
  background: #ffffff66;
}
.video_progress_bar {
  background-color: #f1343d;
  height: 4px;
}
.cstm-gallery-img {
  border-radius: 10px;
}
.cstm-my-videos-history-list-main-box-img {
  border-radius: 10px;
  overflow: hidden;
}
.cstm-conten-listing-pg-only .cstm-cv-video {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 22px;
}
.cstm-all-content-library-main-only {
  grid-template-columns: inherit !important;
  column-gap: inherit !important;
  display: flex !important;
  width: 100%;
  background: #fff;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 64px !important;
}
.cstm-cl-only-sk {
  position: sticky;
  top: 64px;
  z-index: 2;
  background: #fff;
  padding: var(--spacing-12) var(--spacing-24);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  z-index: 3;
}
.cstm-cl-only-sk .dropdown-wrapper {
  position: relative;
}
/* .cstm-cl-only-sk .dropdown-wrapper .dropdown-list {
  right: 0;
} */
.cstm-cl-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstm-cl-bottom {
  /* margin-bottom: 22px; */
  padding-bottom: 22px;
}
.cstm-cl-search {
  position: relative;
}
.search-videolist {
  position: absolute;
  left: 18px;
  top: 12px;
}
.cstm-all-content-library-main-only .owl-carousel .owl-stage-outer {
  margin: 0px 30px 0px 0px;
  z-index: 1;
}
.cstm-all-content-library-main-only .owl-stage-outer:after {
  height: 32px;
  width: 40px;
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  background-image: linear-gradient(to right, #ffffff00, white);
}

.cstm-cl-items-list {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  cursor: pointer;
  white-space: pre;
  padding: 6px 12px;
}
.cstm-cl-items-list:hover {
  background: #f3f5f7;
  border-radius: 8px;
}
.cstm-cl-recent-box {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.cstm-cl-recent-box img {
  height: 11px;
  width: 9px;
}
.cstm-cl-recent-box:hover {
  color: #351bce;
}
.cstm-cl-recent {
  padding-bottom: 16px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.cstm-cv-video {
  display: grid;
  grid-gap: 19px;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.cstm-cv-video-in video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cstm-cv-video-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #fff;
}
.csg-video-inner video {
  object-fit: cover;
}
.gallery-content1 {
  padding-top: 6px;
  margin-bottom: 2px;
}
.icon-box img {
  color: #091f48;
  align-self: center;
  padding-right: 6px;
}
.icon-box {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
}
.gallery-main-icon span {
  vertical-align: middle;
}
.cstm-cv-video-in {
  transition: transform 0.2s;
  background: #fff;
  margin-bottom: 7px;
  box-shadow: 0px 2px 10px transparent;
}
/* .cstm-cv-video-in:hover {
  cursor: pointer;
  z-index: 1;
  box-shadow: 0px 2px 10px #b1b1b1;
  border-radius: 10px;
  border: none;
  margin-bottom: 0px;
} */
.cstm-cl-title {
  font: var(--title-large);
  letter-spacing: -0.4px;
  color: var(--color-text-neutral-strong);
}
.gallery-img img {
  position: relative;
}
.gallery-img > img {
  width: 100%;
}
.cstm-ttl2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.cstm-rv-time {
  right: 12px;
  z-index: 1;
  background: rgba(32, 30, 41, 0.8);
  border-radius: 15px;
  bottom: 12px;
  position: absolute;
  padding: 3px 4px;
  letter-spacing: 0.3px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
}
.cstm-vh-sh {
  display: flex;
  margin-bottom: 16px;
}
.cstm-vh-sh-left {
  width: 100%;
  max-width: 180px;
  height: 98px;
  margin-right: 20px;
  border-radius: 10px;
}
.cstm-vh-sh-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.cstm-vh-sh-right-top {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}
.cstm-vh-sh-right-bottom {
  width: 60%;
  height: 18px;
}
.cstm-video-history-col-1 .cstm-cl-title {
  margin-bottom: 16px;
}
.cstm-video-history-col-1 {
  width: 100%;
  max-width: 788px;
  margin: auto;
  min-height: 500px;
}
.cstm-video-history-col-2 {
  width: 320px;
  float: left;
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 2;
}
.cstm-videos-history-only {
  padding: 8px 370px 8px 20px;
  width: 99%;
  position: relative;
  margin-bottom: 20px;
}
.cstm-saved-single-video-in {
  background-image: url(/assets/BackgroundBackdrop-DNjjKd3q.png) !important;
  padding: 24px;
  border-radius: 10px;
  height: calc(100vh - 110px);
  margin-top: 10px;
}
.cstm-saved-single-video-gallery-img-main {
  aspect-ratio: 16/9;
}
.cstm-saved-single-video-gallery-img-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background-color: #000;
}
.cstm-saved-single-video-gallery-img {
  position: relative;
  margin-bottom: 12px;
}
.cstm-saved-single-video-gallery-img-over {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}
.cstm-saved-single-video-gallery-img-over img {
  position: relative;
  top: 50%;
  margin-top: -28px;
  cursor: pointer;
}
.cstm-my-videos-history-list-main {
  position: relative;
}
.cstm-my-videos-history-list-main:hover {
  background: #f3f5f7;
  border-radius: 10px;
}
.cstm-my-videos-history-list-main-box-img {
  aspect-ratio: 16/9;
  width: 24%;
  position: relative;
  margin-right: 20px;
}
.cstm-my-videos-history-list-main-box-info {
  width: 76%;
  padding-right: 40px;
}
.cstm-my-videos-history-list-main-box {
  display: flex;
  padding: 8px;
}
.cstm-saved-single-video-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cstm-saved-single-video-lbl {
  font-weight: 400;
  font-size: 10px;
  line-height: 150%;
  color: #c7c7ca;
}
hr.cstm-ssv-line {
  border-top: 1px solid #d9d9d9;
  opacity: 0.3;
  margin: 12px 0px;
}
.cstm-ssv-description {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
  margin-bottom: 8px;
}
.cstm-saved-single-video-desc {
  max-height: calc(100vh - 550px);
  overflow: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #c7c7ca;
  margin-bottom: 28px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar {
  width: 5px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar-track {
  background: #48454e;
  border-radius: 5px;
}
.cstm-saved-single-video-desc::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 5px;
}
.cstm-ssvpl-pv-dtd {
  cursor: pointer;
}
.cstm-ssvpl-dp {
  position: relative;
  min-width: 40px;
}
.cstm-ssvpl-btn {
  width: 100%;
  padding-right: 12px;
}
.cstm-ssvpl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cstm-play-video-ssv {
  width: 100%;
  background: #351bce;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #ffffff;
  border: none;
  height: 40px;
}
.cstm-vh-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 4px;
  margin-top: 8px;
}
.cstm-vh-info {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
}
span.cstm-vh-info-dt {
  margin: 0px 8px;
  font-size: 10px;
  color: #5c5b63;
  vertical-align: 2px;
}
.cstm-hv-op-drop {
  position: absolute;
  top: 13px;
  z-index: 1;
  right: 6px;
  display: none;
}
.cstm-hv-op-drop-dt {
  cursor: pointer;
}
.cstm-hv-op-drop-dt img {
  padding: 3px 10px;
}
.cstm-removeOpen-saved-btns {
  width: 214px !important;
}
.cstm-dropin {
  position: absolute;
  right: 13px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  width: max-content;
}
.cstm-dropin ul {
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 0px;
}
.cstm-dropin ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29 !important;
  display: block;
  padding: 6px 10px;
}
.cstm-dropin ul li a img {
  margin-right: 3px;
  vertical-align: -3px;
}
.cstm-dropin ul li a:hover {
  color: #351bce !important;
}
.cstm-cl-only button i.fa.fa-angle-up,
.cstm-cl-only button i.fa.fa-angle-down {
  display: none;
}
.all-content-main-left-sidebar .active2-sd {
  font-weight: 700 !important;
  color: #091f48 !important;
  background: #e7f1fa !important;
}
.cstm-all-content-library-main-only .all-content-main-center {
  width: 100%;
  background: #fff;
  padding-left: 248px;
  margin-right: inherit !important;
  margin-bottom: inherit !important;
}
.event-detail-container-page .all-content-main-center {
  padding-left: 0;
}
.gallery-content1 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  padding-top: 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.gallery-content2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #3b3943;
  margin-bottom: 2px;
}
.cstm-gallery-img {
  aspect-ratio: 16/9;
  position: relative;
}
.cstm-my-videos-only .icon-box {
  font-size: 12px;
}
.cstm-bullet {
  margin: 0px 8px;
  font-size: 10px;
  color: #5c5b63;
  vertical-align: 2px;
}
.cstm-my-videos-only {
  padding: 8px 20px 20px 20px;
}
.cstm-history-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}
.cstm-history-top-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  display: flex;
  gap: 10px;
}
.cstm-history-top-seeall {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #351bce;
  cursor: pointer;
}
.cstm-history-top-seeall:hover {
  color: #201e29;
}
.cstm-gallery-img.cstm-gallery-img-main .cstm-videoPlayericons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
  display: none;
}
.cstm-conten-listing-pg-only {
  padding-bottom: 20px;
}
.cstm-conten-listing-pg-only .cstm-cl-mv-ldr {
  padding-right: 20px;
  padding-left: 20px;
}
.cstm-cl-mv-ldr {
  display: grid;
  grid-gap: 19px;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}
.cstm-cl-mv-ldr-title {
  width: 100%;
  height: 42px;
  margin-bottom: 12px;
}
.cstm-cl-mv-ldr-time {
  width: 40%;
  height: 20px;
  margin-bottom: 6px;
}
.cstm-cl-mv-ldr-view.skeleton-box {
  width: 70%;
  height: 20px;
}
.cstm-cl-mv-ldr-main {
  margin-bottom: 16px;
}
.cstm-cl-mv-ldr-video {
  aspect-ratio: 16/9;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 10px;
}
.cstm-open-in .owl-stage-outer:before {
  display: block !important;
}
.cstm-open-in .owl-stage-outer {
  margin-left: 35px !important;
}
.cstm-my-videos-only .cstm-cv-video {
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}
.cstm-my-videos-only .gallery-content1 {
  font-size: 14px;
}
.cstm-my-videos-only .gallery-content2 {
  font-size: 12px;
}
span.cstm-ssv-dt {
  font-size: 7px;
  margin: 0px 5px;
}
.cstm-dropin.cstm-ssvpl-pv-drop {
  width: max-content;
  right: 14px;
  margin-top: -6px;
}
.cstm-dropin.cstm-ssvpl-pv-drop ul {
  margin-bottom: 0px;
}
.cstm-vl-time {
  background: #201e29;
  border-radius: 40px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 2px 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
}
.cstm-vh-vi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background-color: #000;
}
.cstm-vh-vi {
  aspect-ratio: 16/9;
  position: relative;
}
.cstm-saved-single-video-gallery-img:hover
  .cstm-saved-single-video-gallery-img-over {
  display: block;
  cursor: pointer;
}
.cstm-cawh {
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #201e29;
}
.cstm-cawh:hover {
  color: #351bce;
}
.cstm-cawh img {
  margin-right: 8px;
  vertical-align: text-bottom;
}
.cstm-video-history-search {
  position: relative;
  margin-bottom: 28px;
}
.cstm-video-history-search img {
  position: absolute;
  right: 18px;
  top: 8px;
}
.cstm-clear-all-watch-history {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 140% !important;
  display: flex !important;
  align-items: center !important;
  color: #606060 !important;
  padding: 6px 45px 6px 16px !important;
  height: 36px !important;
}
.cstm-clear-all-watch-history:hover {
  box-shadow: 0 0 0 1px #351bce;
  border: 1px solid #351bce !important;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details {
  grid-template-columns: minmax(375px, 2.4fr) minmax(0, 1fr);
  grid-template-areas: "videoinnerleft videorightside";
  column-gap: 24px;
  padding-top: 88px;
  padding-bottom: 15px;
}
.all-content-main.cstm-all-content-main.video-details-grid {
  grid-template-columns: 880px 392px;
  max-width: 1296px;
  padding-right: 0;
  padding-left: 0;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details
  .all-content-main-center {
  grid-area: videoinnerleft;
}
.all-content-main.cstm-all-content-main.cstm-all-library-video-details
  .all-content-main-right.cstm-all-content-main-right {
  grid-area: videorightside;
}
.cl-main-all-sec {
  height: 100%;
}
.cstm-back-video-detail-cl {
  background: #ffffff;
  border-radius: 5px 5px 0px 0px;
  height: 100%;
}
.cstm-back-video-detail-cl .back-link {
  padding: 0px 0px 16px;
  border-radius: 5px 5px 0px 0px;
}
.cstm-back-video-detail-cl .back-link h3 {
  margin-bottom: 0px;
  width: max-content;
}
.mark-btn-watched button {
  opacity: 0.7;
}
.mark-btn-watched button:hover {
  opacity: 1;
  background: #201e29;
}
.back-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #091f48;
  cursor: pointer;
}
.back-link:hover {
  color: var(--yellow);
}
.back-link img {
  margin-right: 8px;
}
.cstm-all-library-video-details
  .all-content-main-right.cstm-all-content-main-right {
  max-height: 100%;
  overflow: hidden;
  position: unset;
  height: 100%;
}
.related-videos-main-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #201e29;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  padding-bottom: 10px;
}
.related-videos-contant-in {
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  column-gap: 16px;
  grid-template-areas: "newsfeed rightside";
  grid-template-columns: minmax(0, 168px) minmax(0, 1fr);
  padding-bottom: 16px;
}
.related-videos-contant-in-left img {
  width: 100%;
  height: 100%;
  background: #000;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
}
.related-videos-contant-in-left {
  height: 98px;
  position: relative;
}
.related-videos-contant-in-left img {
  object-fit: cover;
}
.related-videos-contant-in-right {
  display: flex;
  flex-direction: column;
  padding: 0px 0px;
  cursor: pointer;
}
.rvc-title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #201e29;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cstm-content-details-video {
  margin-bottom: var(--spacing-40);
  border-radius: 12px;
  overflow: hidden;
}
.cstm-content-details-video .video-js .vjs-tech {
  top: 0 !important;
  left: 0 !important;
}
.cstm-video-sponsor-card {
  background-color: #1e1e1f;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  gap: 16px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-icon {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-name {
  font: var(--title-small);
  color: #fff;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link a svg path {
  color: #fff;
  fill: #fff;
}
.cstm-video-sponsor-card .cstm-video-sponsor-link {
  margin-left: auto;
}
/* .cstm-back-video-detail-cl .cstm-content-details-video, */
.cstm-back-video-detail-cl .csg-video-inner,
.cstm-back-video-detail-cl .video-js {
  /* aspect-ratio: 16/9; */
  aspect-ratio: 2/1;
}
.no-aspect-ratio {
  aspect-ratio: unset !important;
}
.vjs-poster {
  background-size: cover;
}
.no-aspect-ratio.video-js .vjs-tech {
  position: relative;
  top: unset !important;
  left: unset !important;
}
.cstm-back-video-detail-cl .video-js {
  height: 100%;
}
.cstm-vd-cnt.csmt-front-vd-cunt {
  column-gap: 2.4rem;
  display: grid;
  grid-area: content;
  grid-template-rows: auto;
  row-gap: 1.4rem;
  grid-template-areas: "vleftcontent vrightcontent";
  grid-template-columns: minmax(0, 1fr) minmax(0px, 180px);
  margin-bottom: 16px;
}
.video-details-heading-text h4 {
  font: var(--title-medium);
  color: var(--color-text-neutral-strong);
  margin: 0;
  padding-bottom: 8px;
  letter-spacing: -0.3px;
}
.tab-conten {
  padding-top: 48px;
}
.tab-conten .text-wrapper:not(:last-child) {
  padding-bottom: 20px;
}
.tab-conten .text-wrapper p {
  color: var(--color-text-neutral-secondary);
  font: var(--body-medium);
}
.tab-conten .text-wrapper h5 {
  margin-top: 12px;
  color: var(--color-text-neutral-strong);
}
.tab-conten .text-wrapper h3 {
  margin-bottom: 24px;
}
.hashtag-list {
  display: flex;
  align-items: center;
  gap: 12px 8px;
}
.chips-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}
.speakers-wrapper {
  display: flex;
  flex-direction: column;
}
.speakers-wrapper a {
  width: fit-content;
  padding: var(--spacing-6) 0;
}
.speakers-wrapper .speakers-item {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
}
.speakers-wrapper a:first-child {
  padding-top: 0;
}
.speakers-wrapper a:last-child {
  padding-bottom: 0;
}
.speakers-wrapper .speakers-item .profile-card-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.speakers-wrapper a:hover .profile-card-wrapper {
  top: 100%;
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.speakers-wrapper a:hover .top.profile-card-wrapper {
  top: 0px;
  transform: translateY(-100%);
}
.speakers-wrapper .speakers-item .avtar-container {
  margin-right: 16px;
}
.speakers-wrapper .speakers-item .type-text-only .table-h5 {
  margin-top: 0;
}
.cstm-vd-cnt.csmt-front-vd-cunt .cstm-video-innr-text-tag {
  margin-top: 24px;
}
.cstm-vd-cnt.csmt-front-vd-cunt .cstm-vd-cnt-right {
  margin-left: auto;
}
.cstm-vd-cnt-right {
  min-width: 180px;
  margin-left: 30px;
}
.cstm-vd-cnt-right button {
  background-color: var(--navyblue);
  border: none;
  border-radius: 8px;
  width: 100%;
  color: var(--white);
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 8px;
  font-weight: 500;
  height: 32px;
}
.video-card .video-card-text .video-details-view-date span,
.video-details-wrapper .video-details-buttons .video-details-view-date span {
  color: #394046;
  font: var(--body-medium);
  letter-spacing: -0.1px;
}
.video-card .video-card-text .video-details-view-date span:not(:first-child),
.video-details-wrapper
  .video-details-buttons
  .video-details-view-date
  span:not(:first-child) {
  display: flex;
  align-items: center;
}
.video-card
  .video-card-text
  .video-details-view-date
  span:not(:first-child)::before,
.video-details-wrapper
  .video-details-buttons
  .video-details-view-date
  span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
  margin: 0 6px 0px;
}
.related-event-video-card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.video-card.card-spacing {
  /* padding: var(--spacing-6) var(--spacing-20); */
  padding: var(--spacing-6) var(--spacing-48) var(--spacing-6) var(--spacing-20);
  border-radius: 0;
}
.has-dotmenu .video-card.card-spacing {
  /* padding: var(--spacing-6) var(--spacing-48) var(--spacing-6) var(--spacing-20); */
  border-radius: 0;
  outline: none;
}
.has-dotmenu .video-dot-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}
.has-dotmenu:focus-visible .video-dot-btn,
.has-dotmenu:hover .video-dot-btn {
  opacity: 1;
  visibility: visible;
}
.video-card {
  display: flex;
  border: 2px solid transparent;
  transition: all 0.5s ease;
}
.video-card.card-spacing:hover {
  background-color: var(--color-bg-neutral-tertiary-hovered);
}
.video-card.card-spacing:focus-visible {
  border-color: var(--color-border-inverse-neutral);
  outline: none;
}
.video-card:not(.card-spacing):focus-visible {
  border-color: var(--color-border-inverse-neutral);
  outline: none;
  padding: 2px;
  margin: -2px;
  border-radius: var(--radius-8);
}
.video-card .video-card-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--spacing-2) 0;
}
.video-card .video-card-text .video-details-view-date,
.video-details-wrapper .video-details-buttons .video-details-view-date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.video-card .video-card-text .video-card-title {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-neutral-strong);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-card .video-card-text .video-type-text,
.video-card .video-card-text .video-details-view-date span {
  font: var(--body-x-small);
  color: #394046;
}
.video-card .video-thumb-image img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-card .video-thumb-image {
  position: relative;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 128px;
  border-radius: var(--radius-8);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--spacing-16);
  flex-shrink: 0;
}
.video-card .video-thumb-image .video-duration {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: var(--color-text-static-white);
  background: var(--color-bg-blackout-strong);
  padding: 4px 8px;
  border-radius: 6px;
  font: var(--body-2x-small-bold);
}
.video-card .video-thumb-image.img-file {
  background-color: #394046;
}
.video-card .video-thumb-image.img-file .file-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
}
.video-card .video-thumb-image.img-sponsor {
  background-color: #1e1e1f;
}
.video-card .video-thumb-image.img-sponsor .sponsor-icon {
  width: 72px;
  height: 28px;
  object-fit: contain;
  object-position: center;
}
.video-details-wrapper .video-details-buttons .video-details-btns .btn-item {
  width: fit-content;
  display: flex;
  align-items: center;
  /* gap: 5px; */
  position: relative;
}
.video-details-wrapper
  .video-details-buttons
  .video-details-btns
  .btn-item
  .btn-item-text {
  font: var(--body-x-small);
  letter-spacing: -0.1px;
}
.video-details-wrapper .video-details-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-details-buttons .video-details-btns {
  display: flex;
  gap: 16px;
}
.comment-option,
.download-option {
  position: absolute;
  left: 0;
  top: 100%;
  width: 240px;
  padding: 12px 0;
  box-shadow: 0px 2px 6px 0px #04152733;
  border-radius: var(--radius-8);
  margin-top: 5px;
  background-color: var(--color-bg-static-white);
  z-index: 1;
}
.comment-option button,
.download-option button {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font: var(--body-medium);
  border: 0;
  background-color: transparent;
}
.content-list {
  margin-bottom: 12px;
}
.video-details-right-box:not(:last-child) {
  margin-bottom: 20px;
}
.video-details-right-box {
  border: 1px solid #0d0d0d1a;
  border-radius: var(--radius-12);
}
.video-details-right-box.same-event-videos-wrapper .video-listing {
  max-height: 452px;
  overflow: auto;
}
.video-details-right-box .video-listing {
  padding-bottom: var(--spacing-12);
}
.video-details-right-box h4 {
  padding: 16px 20px;
}
.main-comment-box {
  gap: 8px;
  padding: 24px 0;
  border-bottom: 1px solid #0d0d0d1a;
  position: relative;
}
.reply-comment-box {
  gap: 8px;
  padding: 24px 0;
  position: relative;
}
.comment-field .react-input-emoji--container {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0;
}
.comment-field svg {
  cursor: pointer;
}
.comment-field .react-input-emoji--container .react-input-emoji--wrapper {
  margin-left: 0 !important;
}
.reply-comment-box .comment-field .comment-input,
.main-comment-box .comment-field .comment-input {
  display: block;
  width: 100%;
  /* margin-left: 16px; */
  word-break: break-word;
  outline: none;
  /* max-height: 180px; */
  overflow: auto;
  font: var(--body-medium);
  color: var(--color-text-neutral-strong);
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
/* .reply-comment-box .comment-field .comment-input {
  max-height: 150px;
} */
.reply-comment-box .comment-field p.comment-input::before,
.main-comment-box .comment-field p.comment-input::before {
  content: attr(aria-label);
  color: var(--color-text-neutral-tertiary);
  font: inherit;
}
.reply-comment-box .comment-field p.comment-input:not(:empty)::before,
.main-comment-box .comment-field p.comment-input:not(:empty)::before {
  display: none;
}
.reply-comment-box .comment-field p.comment-input *,
.main-comment-box .comment-field p.comment-input * {
  background-color: transparent !important;
  color: var(--color-text-neutral-secondary) !important;
  font-size: inherit !important;
  font-family: inherit !important;
}
.emoji-modal {
  position: absolute !important;
  z-index: 111;
  left: 0;
  top: 100%;
}
.comment-emoji-btn {
  margin-right: auto;
  flex-shrink: 0;
  height: 40px;
}
.comment-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  position: relative;
}
.comment-list-item {
  padding: var(--spacing-8) 0;
  position: relative;
}
.comment-list-wrapper {
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-20);
}
.comment-list-item .comment-wrapper {
  display: flex;
  align-items: flex-start;
}

.comment-list-item .comment-wrapper .comment-text .comment-dot-btn {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 6px !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.comment-list-item .comment-wrapper .comment-text .comment-dot-btn svg {
  transition: all 0.5s ease;
}
.comment-list-item .comment-wrapper .comment-text {
  padding-right: 40px;
  position: relative;
}
.comment-list-item .comment-wrapper .comment-text:hover .comment-dot-btn {
  opacity: 1;
  visibility: visible;
}
.comment-field .avtar-container,
.reply-comment-box .avtar-container,
.comment-list-item .comment-wrapper .avtar-container {
  margin-right: 16px;
  flex-shrink: 0;
}
.comment-list-item .comment-wrapper .comment-details {
  width: 100%;
}
.comment-list-item .comment-wrapper .comment-details .comment-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.comment-list-item .comment-wrapper .comment-details h5 {
  color: var(--color-text-neutral-strong);
  font: var(--body-small);
  font-weight: 600;
}
.comment-list-item .comment-wrapper .comment-text p {
  font: var(--body-small);
  color: var(--color-text-neutral-secondary);
  word-break: break-word;
}
.comment-list-item .comment-wrapper .comment-text .show-more-less-clickable {
  font: var(--body-small);
  color: var(--color-text-info-strong);
  letter-spacing: -0.1px;
  cursor: pointer;
  display: inline-block;
}
.comment-list-item .comment-wrapper .comment-text p b {
  color: var(--color-text-info-strong);
  font: inherit;
  letter-spacing: -0.1px;
  display: inline-block;
  padding-right: 5px;
}
.comment-list-item .comment-wrapper .comment-details .comment-date {
  font: var(--body-x-small);
  color: var(--color-text-neutral-secondary);
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .reply-wrapper
  .reply-btns {
  margin-left: -16px;
  margin-top: 4px;
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .reply-wrapper
  .reply-btns
  button {
  font: var(--body-small);
  font-weight: 600;
}
.comment-list-item .comment-wrapper .comment-details .comment-reply-btn {
  color: #007be5;
}
.comment-list-item .comment-wrapper .comment-details .comment-reply-btn svg {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .comment-reply-btn.collapsed
  svg {
  transform: rotate(180deg);
}
.comment-list-item
  .comment-wrapper
  .comment-details
  .comment-reply-btn
  svg
  path {
  fill: #007be5;
}
.reply-comment-list {
  margin-top: 8px;
}
.comment-option {
  min-width: 160px;
  right: 0;
  left: unset;
  width: auto;
  z-index: 99;
}
.comment-option.top {
  top: -8px;
  transform: translateY(-100%);
}
.comment-option button.danger-text {
  color: #c90007;
}
.comment-option button.danger-text svg path {
  fill: #c90007;
}
.comment-option button {
  position: relative;
  border: 2px solid transparent;
  width: 100%;
}
.comment-option button:hover {
  background-color: var(--color-bg-neutral-tertiary-hovered);
}

.comment-option button:focus-visible {
  outline: none;
  border-color: var(--color-text-neutral-strong);
}
.report-modal .ctsm-modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.sponsor-modal .modal-sponsor-banner {
  height: 144px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  background-color: var(--color-bg-static-black);
}
.sponsor-modal .modal-sponsor-banner .sponsor-image {
  max-width: 188px;
  max-height: 72px;
  object-position: center;
  object-fit: contain;
}
.sponsor-modal .sponsor-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sponsor-modal h3.sponsor-title {
  color: var(--color-text-neutral-strong);
  letter-spacing: -0.3px;
  margin-bottom: 0;
}
.sponsor-modal .sponsor-disc,
.sponsor-modal .sponsor-type {
  color: var(--color-text-neutral-secondary);
  font: var(--body-medium);
  letter-spacing: -0.1px;
}
.sponsor-modal hr {
  margin: 24px 0 !important;
}
.sponsor-modal .sponsor-link {
  color: var(--color-icon-brand-strong);
  display: flex;
  align-items: center;
  gap: 6px;
}

.Heart3FillIcon1.active,
.Heart3LineIcon.active {
  display: flex;
}
.Heart3FillIcon1,
.Heart3LineIcon {
  display: none;
}
.videodetailicon-sec {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.videodetailicon {
  display: block;
}
.videodetailicon-i {
  color: #201e29;
  margin-right: 4px;
}
.videodetailicon {
  font-size: 12px;
  font-weight: 500;
}
.video-details-tabing {
  padding-bottom: 16px;
}
.video-details-tabing .tabs-fluid {
  padding-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  justify-content: flex-start;
}
.video-details-tabing .tabs-fluid .tabs-button {
  width: auto;
}
.cstm-vd-tabs {
  padding-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
}
.cstm-vd-tabs ul li a {
  display: block;
  font: var(--title-x-small);
  letter-spacing: 0.02em;
  padding: 14px 12px;
  position: relative;
  color: var(--color-text-neutral-strong);
}
.cstm-vd-tabs ul li .active {
  border-radius: 10px;
}
.cstm-vd-tabs ul li .active::before {
  content: "";
  /* border-top: 5px solid var(--color-bg-brand-strong); */
  background-color: var(--color-bg-brand-strong);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 50px 50px 0 0;
  height: 5px;
}
.cstm-vd-cnt.csmt-front-vd-cunt a.musicvideobtn {
  display: inline-block;
  margin-left: 0;
}
span.cstm-vd-ttl-sb {
  font-weight: 600;
  font-size: 16px;
  color: #201e29;
  margin: 0px;
  margin-bottom: 10px;
  display: flex;
}
.comment-main-title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #201e29;
}
.cstm-back-video-detail-cl .comment-main-title {
  padding-top: 12px;
  margin-bottom: 0px;
  border-top: 1px solid #e6e6e6;
}
.cl-v-comment-sec .comment-main.cstm-no-comment-sec {
  min-height: 120px;
  height: 100%;
  display: flex;
  align-items: center;
}
.comment-main .emptymsg {
  padding: 0px 0px 16px;
}
.emptymsg {
  text-align: center;
  display: table;
  width: 100%;
  color: #dc3305;
}
.cstm-cl-active {
  background: #201e29;
  border-radius: 8px;
  color: #fff !important;
}
.cstm-cl-active:hover {
  background: #201e29 !important;
  border-radius: 8px;
  color: #fff !important;
}
span.cstm-bullet img {
  width: 4px;
  height: 4px;
  padding: 0px;
}
.video-js .vjs-tech {
  top: 1px !important;
  left: 1px !important;
}
.cstm-vd-cnt {
  display: flex;
  justify-content: space-between;
}
.related-videos-contant-in-left .cstm-rv-time {
  right: 8px;
  bottom: 8px;
}
.cstm-back-video-detail-cl .newsfeed-post-right-write {
  border-top: 0px;
  margin-top: 0px;
  padding: 16px 0px;
}
.newsfeed-post-right-write {
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding: 16px 16px;
  margin-top: 16px;
}
.newsfeed-post-right-write-left {
  position: absolute;
  top: 18px;
}
.newsfeed-post-right-write-left img {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50px;
}
.newsfeed-post-right-write-right {
  padding-left: 54px;
  position: relative;
}
.cstm-recent-dropdown-menu {
  position: absolute;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  top: 32px;
  z-index: 1;
  width: 120px;
}
.cstm-recent-dropdown-menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.cstm-recent-dropdown-menu ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #201e29 !important;
  display: block;
  padding: 6px 10px;
}
.cstm-recent-dropdown-menu ul li a:hover {
  color: #351bce !important;
}
.cstm-no-history {
  text-align: center;
  margin-top: 120px;
}
.cstm-oops-main-img {
  margin-bottom: 16px;
}
.cstm-oops-main-ctn {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #9b9a9f;
  max-width: 290px;
  margin: auto;
}
/* Video library new css 31-05-2024 */
.clif-notes-wrapper p,
.clif-notes-wrapper ul li {
  font: var(--body-medium);
  color: var(--color-text-neutral-secondary);
}
.video-library-grid {
  padding: var(--spacing-24);
  display: grid;
  grid-gap: var(--spacing-24) var(--spacing-16);
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.video-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-12);
}
.video-filter-container .video-buttons-tabs-wrapper {
  display: flex;
  gap: var(--spacing-12);
  align-items: center;
  max-width: calc(100% - 122px);
  width: 100%;
}
.video-filter-container .video-buttons-tabs-wrapper .vertical-seprator {
  width: 1px;
  height: 24px;
  background: var(--color-border-neutral-secondary);
  flex-shrink: 0;
}
.video-filter-container .filter-button-wrapper,
.video-filter-container .video-buttons-tabs-wrapper .video-browse-tabs {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
}
.videos-history-saved-grid {
  padding: var(--spacing-24);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-16);
}
.scrollbar-wrapper {
  position: relative;
  max-width: calc(100% - 350px);
}
.video-filter-container .hidden-scrollbar {
  overflow: auto;
  width: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.video-filter-container .grediant-shadow .hidden-scrollbar::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 32px;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.video-filter-container .hidden-scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.video-filter-container .hidden-scrollbar::-webkit-scrollbar-thumb {
  border: 0px solid var(--color-border-inverse-screen);
  min-height: 0px;
}

.video-filter-container .hidden-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(4, 21, 39, 0.3);
  cursor: pointer;
}

/* Video player icons */

.video-container {
  position: relative;
}
.video-container.fullscreen .label {
  bottom: 100px;
}
.right-icon svg,
.left-icon svg,
.center-icon svg {
  width: 40px;
  height: auto;
  fill: #fff;
}
.right-icon svg path,
.left-icon svg path,
.center-icon svg path {
  fill: #fff;
}
.center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.left-icon {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.right-icon {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
}
.volume-top {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 10px 25px;
  font-size: 30px;
  line-height: 1.25;
  background-color: rgba(0, 0, 0, 0.608);
  border-radius: var(--radius-4);
}
.volume-text {
  color: var(--white);
}
.animate {
  animation: zoom-in-zoom-out 0.15s linear forwards;
  opacity: 1;
  visibility: visible;
}
@keyframes zoom-in-zoom-out {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.75, 0.75);
    visibility: visible;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1, 1);
    visibility: hidden;
  }
}

@media screen and (max-width: 767px) {
  .video-filter-container {
    overflow: auto;
    gap: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }
  .video-buttons-tabs-wrapper .scrollbar-wrapper {
    max-width: unset;
  }
  .video-filter-container .video-buttons-tabs-wrapper {
    width: auto;
    max-width: unset;
    flex-shrink: 0;
    flex-grow: 1;
  }
}
/* Fonts */
@font-face {
  font-family: "Muller";
  src: url("/assets/Muller-Medium-DQpz1MO-.eot");
  src: url("/assets/Muller-Medium-DQpz1MO-.eot?#iefix") format("embedded-opentype"),
    url("/assets/Muller-Medium-4yktslxS.woff2") format("woff2"),
    url("/assets/Muller-Medium-BIW0yyoN.woff") format("woff"),
    url("/assets/Muller-Medium-CWC680QT.ttf") format("truetype"),
    url("/assets/Muller-Medium-CCUagXUG.svg#Muller-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.mds-model-box-main {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}
.mds-model-box-body {
  padding: 16px;
  background: linear-gradient(0deg, #01143f 0%, #0e327a 100%);
  border-radius: 20px;
  max-width: 640px;
  max-height: 840px;
  /* height: calc(100vh - 80px); */
  width: 100%;
}
.close-btn {
  text-align: right;
  width: fit-content;
  margin-left: auto;
  cursor: pointer;
}
.mds-model-logo {
  text-align: center;
  margin: 8px 0 24px;
}
.mds-model-heading {
  max-width: 412px;
  margin: 0 auto 45px;
}
.mds-model-heading h3 {
  font-family: "Muller";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%; /* or 38px */
  text-align: center;
  color: #ffffff;
}
.mds-model-main-img {
  max-width: 446px;
  margin: 0 auto 45px;
}
.mds-model-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mds-model-button-container {
  max-width: 390px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.mds-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 24px;
  gap: 4px;
  background: #f6f6f6;
  border-radius: 400px;
  text-decoration: none;
  transition: 0.5s all;
}
.mds-button:hover {
  background: #e4e4e4;
}

.mds-button p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #201e29;
  margin-bottom: 0;
}
.mds-button p span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  margin-bottom: -5px;

}

@media (max-width: 1439.98px) {
  .mds-model-box-main {
  padding: 40px;
  }
  .mds-model-box-body {
    padding: 16px;
    max-width: 370px;
    width: 100%;
    /* overflow-y: scroll; */
    height:auto;
}
  .mds-model-logo {
    text-align: center;
    margin: 0 0 16px;
  }
  .mds-model-logo img {
    width: 100%;
    height: 32px;
  }
  .mds-model-heading {
    margin: 0 auto 24px;
  }
  .mds-model-heading h3 {
    font-size: 24px;
  }
  .mds-model-main-img {
    max-width: 240px;
    margin: 0 auto 24px;
  }
  .mds-button p {
    font-size: 16px;
  }
  .mds-button {
    padding: 7px 16px;
  }
  .mds-model-button-container {
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
}

@media (max-width:919.98px){
  .mds-model-box-body {
    max-width: 450px;
}
  .mds-model-heading {
    max-width: 300px;
  }

}
@media (max-width:767.98px){
  .mds-model-box-body {
    max-width: 360px;
  }
  .mds-model-heading h3 {
    font-size: 20px;
  }
  .mds-button p {
    font-size: 14px;
  }
  .mds-button p span {
    font-size: 10px;
}
.mds-model-heading {
  max-width: 252px;
}
}

@media (max-width:575.98px){
  
  .mds-model-logo img {
    width: 100%;
    height: 24px;
  }
  
  .mds-model-heading h3 {
    font-size: 18px;
  }
  .mds-model-button-container {
    margin: 0 auto 16px;
    gap: 12px;
    flex-wrap: wrap;
}
}

@media (max-width:374.98px){
  .mds-model-box-main {
    padding: 20px;
    }
}.header-ft {
  display: flex;
  padding: 0px var(--spacing-24, 24px);
  /* padding: 0px var(--spacing-24, 24px) 0px var(--spacing-16, 16px); */
  padding: 0px var(--spacing-24, 24px);
  /* padding: 0px var(--spacing-24, 24px) 0px var(--spacing-16, 16px); */
  justify-content: space-between;
  background: var(--color-bg-screen);
  align-items: center;
  align-self: stretch;
  /* height: 56px; */
  position: fixed;
  /* top: 0; */
  width: 100%;
  z-index: 5;
  background: var(--color-bg-static-white);
}

.header-ft-logo {
  display: flex;
  padding: var(--spacing-8) 0px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.header-ft-element-sec {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  align-items: center;
  gap: var(--spacing-16);
}

.cstm-menu-mobile {
  margin-left: -8px;
}

.header-ft-vn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header-ft-vn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.header-ft-vn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header-ft-vn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.header-ft-vn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-ft-view-nav {
  cursor: pointer;
  border-radius: 50px;
  display: flex;
}
.header-ft-icon {
  position: relative;
}
.header-ft-icon .badge-notification-point {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 1;
}

.red-on {
  background: var(--color-bg-accent-pink);
  height: 12px;
  width: 12px;
  display: inherit;
  position: absolute;
  border-radius: 50px;
  top: 2px;
  right: 2px;
  border: 2px solid var(--color-bg-static-white);
}

.header-ft-menu-icon {
  cursor: pointer;
  position: relative;
}

.chat-photo-mn {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.chat-photo-mn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.chat-photo-mn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.chat-photo-mn:hover {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-hovered);
}

.chat-photo-mn:active {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-ft-menu-user {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: var(--spacing-8);
}

.header-ft-photo-user {
  position: relative;
  display: flex;
}

.header-ft-photo-user {
  position: relative;
  display: flex;
}

.header-ft-photo-user img {
  height: 32px;
  width: 32px;
  min-width: 32px;
  object-fit: cover;
  border-radius: 50px;
}

.header-ft-menu-user-main {
  order: 1;
}

.chat-on-off {
  border-radius: 50px;
  border: 2px solid var(--color-bg-static-white);
  border: 2px solid var(--color-bg-static-white);
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: -1px;
  right: -1px;
  bottom: -1px;
  right: -1px;
}

.dropdown-menu.header-menu-dp {
  order: 2;
  margin-left: -200px;
}

.header-ft-menu-view.show .mn-close {
  display: block;
}

.header-ft-menu-view.show .mn-open {
  display: none;
}

.header-menu-dp {
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 240px;
  padding: 0px;
  margin-top: 8px;
}

.header-menu-dp ul {
  margin: 0px;
  padding: 0px 0px 6px 0px;
  list-style: none;
}

.header-menu-dp ul li a {
  display: flex;
  padding: 8px 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #201e29;
  margin: 0px 8px;
  border-radius: 10px;
}

.header-menu-dp.footer-menu ul li a {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #091f48;
  padding: 12px 16px;
}

.header-menu-dp ul li a:hover {
  background-color: #f3f5f7;
}

.header-menu-dp ul li a img {
  margin-right: 17px;
}

.header-menu-dp ul li a svg {
  margin-right: 17px;
}
.header-menu-dp ul li:last-child {
  border-bottom: none;
}

.header-ft-search-search-down {
  top: 50px;
  position: absolute;
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.2);
  box-shadow: 0px 4px 16px rgb(154 154 154 / 25%);
  border-radius: 15px;
  max-width: 476px;
  width: 100%;
  overflow: hidden;
}

.header-ft-search-search-down ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.header-ft-search-search-down ul li {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #091f48;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}

.header-ft-search-search-down ul li img {
  margin-right: 8px;
}

.header-ft-search-search-down ul li:hover {
  background: #f3f5f7;
  cursor: pointer;
}

.header-menu-icon {
  height: 40px;
  width: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-ft-name-user:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='6'%20viewBox='0%200%2012%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%206L0%200H12L6%206Z'%20fill='%23091F48'/%3e%3c/svg%3e");
  content: "";
  width: 12px;
  height: 6px;
  position: absolute;
  top: 6px;
  right: 12px;
}

.header-ft-name-user {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #201e29;
  position: relative;
  padding-right: 35px;
}

.header-ft-menu {
  display: flex;
  align-items: center;
}

.cstm-profile-info {
  padding: 20px 20px 16px 20px;
  border-bottom: 1px solid rgba(32, 30, 41, 0.1);
  text-align: center;
  margin-bottom: 6px;
}

.cstm-profile-info-user {
  margin-bottom: 16px;
}

.cstm-profile-info-user img {
  width: 72px;
  height: 72px;
  border: 2px solid #ffffff !important;
  object-fit: cover;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1));
  border-radius: 400px;
}

.cstm-profile-info-name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #201e29;
  word-break: break-word;
}

.cstm-hd-as {
  display: none;
}

.cstm-pt-link {
  border-top: 1px solid rgba(32, 30, 41, 0.1);
  text-align: center;
  margin-top: 7px;
  padding-top: 5px;
  display: flex;
  justify-content: center;
}

.cstm-pt-link a {
  margin: 0px !important;
}

.chat-desk {
  position: relative;
}

.header-cont-lib .header-inner-ft .header-ft-element-sec {
  justify-content: end;
}

.header-ft-search {
  background-color: #f4f4f4;
  height: 48px;
  max-width: 476px;
  display: flex;
  width: 100%;
  border-radius: 15px;
  align-items: center;
  padding: 12px 0px;
  position: relative;
}

.cstm-menu-responsive {
  display: none !important;
}

body.menuview .header-ft-view-nav {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.header-search {
  max-width: 480px;
  width: 100%;
  height: 40px;
}

.header-search .text-field-search-main {
  max-width: 100%;
}

.header-search .text-field-search {
  width: 480px;
}

.header-search .dropdown-list {
  width: 480px;
  max-height: 350px;
}

.header-ft.video-header-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.header-ft.video-header-grid .header-ft-logo {
  justify-content: start;
}

.header-ft.video-header-grid .header-ft-element-sec {
  justify-content: end;
}

.header-ft.video-header-grid .header-search {
  margin: auto;
}
.header-search .header-search-close-btn,
.header-ft-element-sec .header-search-btn {
  display: none;
}

.header-referral-btn-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  flex-shrink: 0;
}

.header-icon-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  flex-shrink: 0;
}

@media only screen and (min-width: 999px) {
  .header-ft-view-nav {
    display: none;
  }
}

@media only screen and (max-width: 1280px) {
  .header-ft.video-header-grid {
    grid-template-columns: 1fr minmax(auto, 380px) 1fr;
  }
  .header-search .text-field-search {
    width: 100%;
  }
}

@media only screen and (max-width: 999px) {
  .header-ft.video-header-grid {
    grid-template-columns: auto minmax(auto, 380px) auto;
    gap: var(--spacing-12);
  }
}

@media (max-width: 767.98px) {
  .header-ft {
    padding-right: var(--spacing-16);
    padding-left: var(--spacing-8);
  }

  .header-ft-element-sec {
    gap: var(--spacing-12);
  }
  .header-icon-container {
    gap: var(--spacing-2);
  }
  .header-referral-btn-container {
    gap: var(--spacing-4);
  }
  .header-referral-btn-container .header-referral-btn {
    display: none;
  }
  .header-search .header-search-close-btn,
  .header-ft-element-sec .header-search-btn {
    display: block;
  }
  .header-ft.video-header-grid {
    grid-template-columns: 1fr auto;
  }
  .header-ft.video-header-grid .header-search {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: var(--spacing-8) var(--spacing-16) 7px var(--spacing-8);
    z-index: 11;
    background-color: #fff;
    align-items: center;
    gap: var(--spacing-8);
    border-bottom: 1px solid var(--color-border-neutral-tertiary);
  }
  .header-ft.video-header-grid .header-search.search-show {
    display: flex;
  }

  .header-search #suggestion-list {
    top: 100%;

    right: 16px;
    min-width: calc(100% - 72px);
    width: calc(100% - 72px);
  }
}
.loadind-post-colla {
  text-align: center;
  height: 100vh;
}

.loadind-post-colla img {
  width: 80px;
  position: relative;
  top: 50%;
  margin-top: -25px;
}

.header-collaborator {
  margin: 18px 12px;
}

.collaborator-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* height: calc(100vh - 100px); */
  max-width: 580px;
  width: 100%;
  margin: 120px auto;
  gap: 48px;
}

.collaborator-h2 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-large);
  margin: 0px;
  letter-spacing: -0.36px;
}

.collaborator-h4 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  letter-spacing: -0.24px;
  margin: 0px;
}

.collaborator-h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-large);
  margin: 0px;
  display: flex;
  padding: 0px var(--spacing-space-2-x-large, 32px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.collaborator-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
  align-self: stretch;
}

.collaborator-email {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-x-large, 24px);
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-secondary, #dfedff);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-large-bold);
}

.collaborator-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
}

.collaborator-field {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.collaborator-field input {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-large, 16px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  color: var(--color-text-neutral-strong);
  text-align: center;
  font: var(--title-large);
  letter-spacing: -0.36px;
  background-color: var(--color-bg-elevated);
}

.collaborator-field input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input::-moz-placeholder {
  /* Firefox 19+ */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:-ms-input-placeholder {
  /* IE 10+ */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:-moz-placeholder {
  /* Firefox 18- */
  /* font: var(--title-medium); */
  color: var(--color-text-neutral-tertiary);
}

.collaborator-field input:focus {
  border: 2px solid var(--color-border-inverse-neutral);
}

.collaborator-fill-field {
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
}

.collaborator-error-field {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.collaborator-field-error {
  color: var(--color-text-danger-strong);
  text-align: center;
  font: var(--body-x-small);
}

.collaborator-field-sucessfully {
  color: var(--color-text-success-strong);
  text-align: center;
  font: var(--body-x-small);
}

.collaborator-field-msg {
  display: none;
}

.collaborator-send {
  color: var(--color-text-neutral-secondary);
  text-align: center;
  font: var(--body-medium);
  position: relative;
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-2-x-large, 32px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.collaborator-send-loader-img img {
  width: 26px;
}

.collaborator-send-loader-img {
  width: 100%;
  background-color: #ffffffdb;
  position: absolute;
}

.collaborator-send-in {
  position: relative;
}

.collaborator-link {
  color: var(--color-text-brand-strong, #0b42cf);
  font: var(--body-large-bold);
  cursor: pointer;
}

.collaborator-emailicon {
  height: 120px;
  width: 100%;
  text-align: center;
}

/* .collaborator-info-registration {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-space-2-x-large, 32px);
  align-self: stretch;
} */

.collaborator-registration-info {
  display: flex;
  padding: 0px var(--spacing-space-2-x-large, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-medium, 16px);
  align-self: stretch;
}

.collaborator-registration-agree {
  padding: var(--spacing-space-2-x-small, 8px)
    var(--spacing-space-2-x-large, 40px);
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
}

.collaborator-registration-agree a {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-medium);
  text-decoration-line: underline;
}

.collaborator-registration-agree a:hover {
  color: var(--color-bg-brand-strong);
  text-decoration-line: inherit;
}

.collaborator-registration-btn {
  width: 100%;
}

.btn-connect {
  display: flex;
  padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  align-self: stretch;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  width: 100%;
  background-color: var(--color-bg-elevated);
}

.btn-connect:hover {
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.btn-connect:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.collaborator-registration-btn-label {
  display: flex;
  padding: 0px var(--spacing-space-4-x-small, 4px);
  align-items: flex-start;
}

.collaborator-succesfully {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-large, 32px);
  align-self: stretch;
}

.btn-log {
  color: var(--color-text-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  display: flex;
  padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 28px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-2-x-small, 8px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
}

.btn-log:hover {
  background: var(--color-bg-brand-strong-hovered);
  color: var(--color-text-static-white);
}

.collaborator-revoke-popup-main {
  max-width: 420px;
  position: relative;
  border-radius: var(--radius-medium, 12px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  overflow: inherit;
}

/* New Sign-Up page */
.new-signup-page.collaborator-main {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}
.new-login-page .btn-facebook:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}
button.apple-btn.new-login-page-btn:hover {
  background-color: #000000;
}
.new-login-page .apple-btn i,
.new-login-page .btn-facebook i,
.new-signup-page .apple-btn i,
.new-signup-page .btn-facebook i {
  font-size: 20px;
}
.new-signup-page .btn-facebook {
  background-color: #0866ff;
}
.new-signup-page .collaborator-registration-info {
  padding: 0;
  gap: 12px;
}
.new-signup-page .collaborator-registration-agree {
  color: var(--color-text-neutral-tertiary, #84898f);
  font-size: 13px;
  line-height: 1.3;
  padding-top: 0;
  padding-bottom: 0;
}
.new-signup-page .collaborator-registration-agree a {
  color: var(--color-bg-brand-strong, #0b42cf);
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
}
.header-spacing {
  padding: 18px 24px;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background-color: #fff;
}
.new-email-verify {
  height: auto;
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
}
.new-email-verify .collaborator-h6 {
  padding: 0;
}
.new-email-verify .collaborator-info {
  gap: 24px;
}
.new-email-verify .text-field-main {
  max-width: 100%;
}
.new-email-verify .button {
  width: 100%;
  display: block;
}
.new-email-verify a {
  color: var(--color-text-brand-strong, #0b42cf);
  font-weight: 700;
}
.new-check-email .collaborator-info {
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
  gap: 0;
}
.new-check-email .collaborator-info .collaborator-h2 {
  margin-top: 32px;
}
.new-check-email .collaborator-info .collaborator-h6 {
  padding: 8px 0 24px;
}
.new-contact-support .collaborator-info {
  margin: auto;
  max-width: 360px;
  width: 100%;
  padding: 80px 0;
  gap: 32px;
}
.new-contact-support .collaborator-info .collaborator-h6 {
  padding: 0;
}
.new-contact-support .collaborator-info .button {
  width: 100%;
  display: block;
}
button .btn-loader-img-cover {
  width: 60px;
  height: 20px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .collaborator-field {
    gap: 8px;
  }

  .collaborator-field input {
    font-size: 18px !important;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 8px;
  }

  .collaborator-h2 {
    font-size: 24px;
    line-height: 28px;
    padding: 0px 10px;
  }

  .collaborator-emailicon {
    height: 80px;
  }

  .collaborator-emailicon img {
    height: 80px;
  }

  .collaborator-main {
    margin: 50px auto;
    gap: 18px;
  }

  .collaborator-h6 {
    font-size: 14px;
    line-height: 21px;
  }

  .collaborator-email {
    padding: 5px 10px;
  }

  .collaborator-email {
    font-size: 14px;
    line-height: 21px;
  }

  .collaborator-send {
    font-size: 13px;
  }
}
.cstm-doc-pdf {
    height: calc(100vh - 56px);
    overflow-y: auto;
}

.cstm-doc-pdf::-webkit-scrollbar {
    width: 0px;
}

.doc-preview-img {
    overflow: hidden;
    margin: 56px 16px 0px;
    height: calc(100vh - 56px);
}


.doc-preview-media {
    /* margin: 72px 16px 24px 16px; */
    height: calc(100vh - 56px);
    margin: 56px 16px 0px 16px;
}

.doc-preview-img .react-transform-wrapper {
    text-align: center;
    width: 100%;
    height: 100%;
}

.doc-preview-img .react-transform-component {
    width: inherit;
    height: 100%;
}

.doc-preview-img .react-transform-component img {
    max-height: calc(100vh - 56px);

    margin: auto;
}

/* .custom-transform-component {
    touch-action: pan-y;
    overscroll-behavior-x: none;
} */

.doc-preview-media .react-transform-wrapper {
    margin: auto;
    width: initial;
}

.doc-preview-media .react-transform-component {
    /* margin: auto; */
    width: 100%;
    /* width: unset */
}


.doc-modal-only-left .react-transform-component {
    /* margin: auto; */
    /* width: 100%; */
}

.doc-modal-only-left-top-center .doc-modal-icon img {
    filter: invert(99%) sepia(0%) saturate(2476%) hue-rotate(199deg) brightness(100%) contrast(119%);
}

.doc-modal-only-left-top-left .doc-modal-icon {
    min-width: 40px;
}

.doc-modal-only-left-top-right button {
    border: none;
    font: var(--body-small);
    font-weight: 600;
    line-height: 24px;
}


.doc-preview-media .react-transform-wrapper .react-pdf__Page__canvas {
    /* width: 100% !important;
    height: calc(100vh - 72px) !important;
    margin: auto;
    padding-bottom: 16px;
    object-fit: contain; */
    margin: auto;
}

.react-pdf__Page {
    background: transparent !important;
    margin: 20px auto !important;
    min-width: unset !important;
}


.react-pdf__Page__textContent.textLayer {
    display: block;
    margin: auto;
}

.react-pdf__Page__annotations.annotationLayer {
    display: block !important;
    margin: auto;
    right: 0;
}

.doc-management-main-banner-detials {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.have-docs-you-title {
    margin: 0px;
    color: var(--color-text-static-white, #FFF);
    font: var(--title-small)
}

.docs-no-data-only {
    height: inherit !important;
}

.wereon-sub-title {
    margin: 0px;
    overflow: hidden;
    color: var(--color-text-static-white, #FFF);
    text-overflow: ellipsis;
    font: var(--body-small);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
}

.submit-your-document-btn {
    display: flex;
    padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-2-x-small, 8px);
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white, #FFF);
    color: var(--color-text-static-darkgray, #060D14);
    font: var(--body-large-bold);
}

.submit-your-document-btn:hover:hover {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white-pressed);
    color: var(--color-text-static-darkgray) !important;
}

.fresh-updates-title {
    color: var(--color-text-neutral-strong);
    font: var(--title-large);
    margin-bottom: 0px;
    padding: 24px 0px;
}

.fresh-updates-slider {
    padding: 0px 24px;
    margin: 0px -36px;
    overflow: hidden;
}

.all-docs-main-section {
    padding: 24px 0px;
}

.docs-menu-section {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.docs-menu-section li {
    display: flex;
}

.docs-menu-section li a {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-large-bold);
    padding: var(--spacing-12, 12px);
    align-items: center;
    gap: var(--spacing-2, 2px);
    position: relative;
}

.docs-menu-section li a:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.docs-menu-section li a:active {
    background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5);
}

.docs-menu-section li a.active:before {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--color-text-brand-strong, #0B42CF);
    position: absolute;
    left: 0;
    bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.all-docs-main-section-tabs {
    margin-bottom: 24px;
}

.all-docs-main-section-search {
    margin-bottom: 24px;
}

.all-docs-main-section-filters {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.all-docs-main-section-filters button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4, 4px);
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.20));
    background-color: var(--color-bg-static-white);
}

.all-docs-main-section-filters button:hover {
    border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.50));
}

.all-docs-main-section-filters button:active {
    border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.70));
}


.all-docs-main-section-filters .active {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-inverse-neutral, #041527);
    color: var(--color-text-inverse, #FFF);
}

.all-docs-main-section-search {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.all-docs-main-section-search-left {
    display: flex;
    gap: 24px;
    align-items: center;
}

.all-docs-main-section-search-right {
    position: relative;
}


/* Start Slider */
.fresh-updates-slider .slick-slide {
    padding: 24px 12px;
}

.fresh-updates-slider-cont {
    transition: transform .8s;
    position: relative;
    transform: translateZ(0);
}

.fresh-updates-slider-cont-img {
    border-radius: 12px;
    aspect-ratio: 16/8;
    overflow: hidden;
    border: 1px solid var(--color-bg-static-white-pressed);
    transform: translateZ(0);
    background: var(--gray-800, #394046);
    cursor: pointer;
}

.fresh-updates-slider-cont:hover .fresh-updates-slider-cont-img img {
    transform: scale(1.05);
}

.fresh-updates-slider-cont:hover .fresh-updates-slider-cont-img video {
    transform: scale(1.05);
}

.fresh-updates-slider-cont-img img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
    transition: transform .8s;
}

.fresh-updates-slider-cont-img video {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .8s;
}

.fresh-updates-slider-cont-file-icon {
    position: absolute;
    top: 12px;
    left: 8px;
    z-index: 1;
}

.fresh-updates-slider-cont-file-icon img {
    height: 48px;
    width: 48px;
    object-fit: cover;
}

.fresh-updates-slider-cont-dot {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.fresh-updates-slider-cont-img-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    position: relative;
    padding-right: 40px;
    margin-bottom: 4px;
}

.fresh-updates-slider-title {
    font: var(--title-small);
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    margin: 0px;
}

.fresh-updates-slider-cont-by {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-small);
    margin-bottom: 8px;
}

.fresh-updates-slider-cont-text {
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-secondary, #394046);
    text-overflow: ellipsis;
    font: var(--body-small);
}

.fresh-updates-slider button.slick-arrow {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
    background: var(--color-bg-static-white, #FFF);
    box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04), 0px 4px 25px 0px rgba(4, 21, 39, 0.10);
    height: 36px;
    width: 36px;
    top: 115px;
    right: -6px;
    z-index: 1;
}

.fresh-updates-slider button.slick-arrow:hover {
    border: 1px solid var(--color-border-neutral-tertiary-hovered, rgba(13, 13, 13, 0.30));
}

.fresh-updates-slider .slick-next:after {
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.64155%2016.2752C6.41966%2016.0534%206.3995%2015.7061%206.58104%2015.4615L6.64155%2015.3914L12.0327%209.99996L6.64155%204.60857C6.41966%204.38668%206.3995%204.03946%206.58104%203.79478L6.64155%203.72468C6.86345%203.50279%207.21066%203.48263%207.45534%203.66417L7.52544%203.72468L13.3587%209.55804C13.5807%209.77988%2013.6008%2010.1271%2013.4192%2010.3718L13.3587%2010.4419L7.52544%2016.2752C7.28136%2016.5193%206.88563%2016.5193%206.64155%2016.2752Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.fresh-updates-slider .slick-arrow:after {
    content: '';
    height: 20px;
    position: absolute;
    width: 20px;
    top: 7px;
    left: 7px;
}

.fresh-updates-slider .slick-arrow:before {
    display: none !important;
}

.fresh-updates-slider .slick-prev {
    left: -6px;
    z-index: 1;
}

.fresh-updates-slider .slick-prev:after {
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4193%2015.4615C13.6008%2015.7061%2013.5807%2016.0534%2013.3588%2016.2752C13.1147%2016.5193%2012.719%2016.5193%2012.4749%2016.2752L6.64157%2010.4419L6.58107%2010.3718C6.39949%2010.1271%206.41965%209.77988%206.64157%209.55804L12.4749%203.72468L12.545%203.66417C12.7897%203.48263%2013.1369%203.50279%2013.3588%203.72468L13.4193%203.79478C13.6008%204.03946%2013.5807%204.38668%2013.3588%204.60857L7.96765%209.99996L13.3588%2015.3914L13.4193%2015.4615Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.fresh-updates-slider .slick-disabled {
    display: none !important;
}

/* End Slider */

.doc-detial-main {
    width: 100%;
    max-width: 712px;
    margin: auto;
    padding: 0px 32px 40px 32px;
}

.doc-detial-main hr {
    border-color: #e5e5e5;
    margin: 0px;
}

.submit-you-document {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding: var(--spacing-40, 40px) 0px;
    gap: 93px;
}

.submit-you-document-left h2 {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-large);
    letter-spacing: -0.36px;
    margin: 0px;
}

.submit-you-document-left p {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
    margin: 0px;
}

.submit-you-document-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.submit-you-document-right {
    min-width: 160px;
}

.select-document-type {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.doc-detail-title-sub {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.doc-detail-title-sub h3 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-medium);
    letter-spacing: -0.24px;
}

.doc-detail-title-sub p {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-detail-select-label {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.doc-detail-select-label button {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4, 4px);
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.20));
    background-color: var(--color-bg-static-white);
}

.doc-detail-select-label button:hover {
    border: 1px solid var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.50));
}

.doc-detail-select-label button:active {
    border: 1px solid var(--color-border-neutral-secondary-pressed, rgba(13, 13, 13, 0.70));
}

.doc-detail-select-label .active {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-inverse-neutral, #041527);
    color: var(--color-text-inverse, #FFF);
}

.examples-of-documents {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.describe-your-document {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.describe-your-textarea {
    width: 100%;
}

.doc-detail-btn {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    align-items: flex-start;
    justify-content: space-between;
}

.btn-back {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-space-medium, 16px) var(--spacing-space-x-large, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-2-x-small, 8px);
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--body-large-bold);
    background-color: transparent;
}

.btn-back:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered);
    color: var(--color-text-neutral-strong, #060D14);
}

.btn-submit {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-brand-strong, #0B42CF);
    display: flex;
    padding: var(--spacing-16, 15px) var(--spacing-24, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8, 8px);
    color: var(--color-text-brand-onstrong, #FFF);
    text-align: center;
    font: var(--body-large-bold);
    border: none;
}

.btn-submit:hover {
    background: var(--color-bg-brand-strong-hovered);
    color: var(--color-text-static-white);
}

.btn-submit:active {
    background: var(--color-bg-brand-strong-pressed, #052D93);
    color: var(--color-text-brand-onstrong, #FFF);
}


.btn-disabled-sumit {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-disabled-strong, #DADDE0);
    display: flex;
    padding: var(--spacing-16, 15px) var(--spacing-24, 28px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8, 8px);
    color: var(--color-text-disabled-onstrong, #84898F);
    text-align: center;
    font: var(--body-large-bold);
    border: none;
    pointer-events: none;
    position: relative;
}

.examples-of-documents-blog {
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;

}

.drag-files-upload {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.drag-files-upload-box {
    display: flex;
    padding: var(--spacing-48, 48px) var(--spacing-32, 32px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-24, 24px);
    align-self: stretch;
    border-radius: var(--radius-medium, 12px);
    border-radius: var(--radius-medium, 12px);
    border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    margin: 0px;
    cursor: pointer;
}

.drag-files-upload-box:hover {
    border: 2px dashed var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.drag-files-upload-box:active {
    border: 2px dashed var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.active-drag-files {
    border: 2px dashed var(--color-border-danger-strong, #DB1D26) !important;
}

.drag-files-upload-box-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.drag-files-upload-box-top-icon {
    width: 100%;
    height: 48px;
    text-align: center;
}

.drag-files-upload-box-top-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.drag-files-upload-box-top-info h5 {
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--title-small);
    margin: 0px;
}

.drag-files-upload-box-top-info p {
    color: var(--color-text-neutral-tertiary, #84898F);
    text-align: center;
    font: var(--body-x-small);
    margin: 0px;
}

.browse-files-btn {
    border-radius: var(--radius-full, 120px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-space-small, 12px) var(--spacing-20, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-3-x-small, 6px);
    color: var(--color-text-neutral-strong, #060D14);
    text-align: center;
    font: var(--body-large-bold);
    background-color: transparent;
}

.browse-files-btn:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered);
    color: var(--color-text-neutral-strong, #060D14);
}

.drag-files-upload-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.drag-files-upload-load {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2, 2px);
    align-self: stretch;
}

.drag-files-upload-load-box {
    display: flex;
    padding: var(--spacing-8, 8px) var(--spacing-4, 4px);
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    border-radius: var(--radius-medium, 12px);
    position: relative;
    overflow: hidden;
}

.drag-files-upload-load-box-info h5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--title-x-small);
    margin: 0px;
}

.drag-files-upload-load-box-info h6 {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
    margin: 0px;
}

.drag-files-upload-load-box-info {
    flex: 1;
}

.drag-files-upload-load-box-img {
    min-width: 48px;
}

.drag-files-upload-load-box-img img {
    min-width: 48px;
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.drag-files-upload-load-box-icon {
    min-width: 40px;
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    cursor: pointer;
}

.drag-files-fill {
    background: var(--color-bg-neutral-secondary, #EAEDF1);
}

.drag-files-fill {
    background: var(--color-bg-neutral-secondary, #EAEDF1);
    position: absolute;
    height: 100%;
    z-index: -1;
    left: 0;
}

.your-document-main {
    display: flex;
    max-width: 648px;
    padding: 40px 0px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: auto;
}

.your-document-main-icon {
    width: 100%;
    height: 164px;
    text-align: center;
}

/* Start Loading page */
.doc-management-main-banner-loading {
    width: 100%;
    height: 120px;
    margin-bottom: 24px;
    border-radius: 12px;
}

.fresh-updates-slider-loading {
    grid-gap: 40px 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
    padding: 24px 0px;
}

.fresh-updates-slider-post-loading {
    position: relative;
}

.fresh-updates-slider-post-img-loading {
    border-radius: 12px;
    margin-bottom: 16px;
    aspect-ratio: 16/8;
    width: 100%;
}

.fresh-updates-slider-post-title-loading {
    width: 100%;
    height: 25px;
}

.fresh-updates-slider-partnesh5-loading {
    width: 35%;
    height: 15px;
}

.fresh-updates-slider-partnesh6-loading {
    width: 100%;
    height: 50px;
}

.docs-table-only-in-loading {
    width: 100%;
    height: 60px;
    margin-bottom: 16px;
}

.submit-you-document-loading {
    width: 100%;
    height: 148px;
    margin: 24px 0px;
    border-radius: 12px;
}

.doc-detail-select-label-loading {
    display: flex;
    align-items: center;
    gap: 10px 10px;
    align-self: stretch;
    flex-wrap: wrap;
    margin: 24px 0px;
}

.doc-detail-select-label-in-loading {
    width: 100px;
    height: 40px;
    border-radius: 50px;
}

.examples-of-documents-blog-loading {
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
}

.drag-files-upload-loading {
    width: 100%;
    height: 306px;
    border-radius: 12px;
    margin: 24px 0px;
}

.describe-your-document-loading {
    width: 100%;
    height: 144px;
    border-radius: 12px;
    margin: 24px 0px;
}

.doc-detail-btn-loading {
    display: flex;
    padding: var(--spacing-40, 40px) 0px;
    align-items: flex-start;
    justify-content: space-between;
}

.doc-detail-btn-loading-in-loading {
    width: 30%;
    height: 58px;
    border-radius: 50px;
}

/* .doc-file-modal-only {
    background: var(--color-bg-blackout-secondary);
} */
.doc-file-modal-only {
    background: transparent;
}

.doc-modal-only {
    max-width: 100%;
    height: 100%;
    border-radius: 0px;
    background: var(--black-900, rgba(13, 13, 13, 0.90));
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0px !important;
    max-height: initial !important;
}

.doc-modal-only-left {
    width: 75%;
    position: relative;
}

.doc-modal-only-right {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-text-static-white, #FFF);
}

.doc-modal-only-left-sldier {
    width: 100%;
    height: 100%;

}


.doc-modal-only-left-top {
    width: 100%;
    position: fixed;
    display: flex;
    z-index: 1;
    display: flex;
    height: 56px;
    padding: 0px 8px;
    justify-content: space-between;
    background-color: #000;
    align-items: center;
    flex-shrink: 0;
    top: 0;
}

.doc-modal-lsi {
    height: 100%;
    margin: 0px 10px;
    overflow: hidden;
    position: relative;
}

.doc-modal-only-left-sldier-in {
    display: flex !important;
    align-items: center;
    /* align-items: flex-end; */
    justify-content: center;
    height: 100%;
    margin: auto;
}

.doc-modal-only-left-sldier-in img {
    pointer-events: none;
    max-width: inherit;
    width: 100%;
}

.doc-modal-only-left-sldier .slick-slider {
    height: 100%;
    transition: 0.5s all;
}

.doc-modal-only-left-sldier .slick-list {
    height: 100%
}

.doc-modal-only-left-sldier .slick-track {
    height: 100%
}

.doc-modal-only-left-sldier .slick-track .slick-slide>div {
    height: 100%;
}

.doc-modal-only-left-top-left {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    width: 40%;
}

h5.doc-modal-filename {
    margin: 0px;
    color: var(--color-text-static-white, #FFF);
    font: var(--body-small);
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.doc-modal-icon {
    background: transparent;
    padding: 8px;
    border: none;
    border-radius: 50px;
}

.doc-modal-icon:hover {
    background: var(--color-bg-lightening-tertiary-hovered, rgba(255, 255, 255, 0.10));
}

.doc-modal-icon:active {
    background: var(--color-bg-lightening-tertiary-pressed, rgba(255, 255, 255, 0.20));
}

.doc-modal-only-left-top-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.doc-modal-cont {
    display: flex;
    width: 48px;
    padding: 2px 0px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-x-small, 4px);
    background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.50));
    flex: 1 0 0;
    color: var(--color-text-static-white, #FFF);
    text-align: center;
    font: var(--body-small-bold)
}

.doc-modal-only-left-top-right {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-16, 16px);
    width: 40%;
}

.doc-modal-btn {
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px) var(--spacing-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-space-4-x-small, 4px);
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white, #FFF);
    color: var(--color-text-static-darkgray, #060D14);
    text-align: center;
    font: var(--body-medium-bold);
}

.doc-modal-btn:hover {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-static-white-pressed);
    color: var(--color-text-static-darkgray) !important;
}

.doc-modal-only-left-sldier button.slick-arrow {
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    height: 40px;
    width: 40px;
    z-index: 1;
}

.doc-modal-only-left-sldier button.slick-arrow:hover {
    background: var(--color-bg-lightening-tertiary-hovered, rgba(255, 255, 255, 0.10));
}

.doc-modal-only-left-sldier button.slick-arrow:active {
    background: var(--color-bg-lightening-tertiary-pressed, rgba(255, 255, 255, 0.20));
}

/* .doc-modal-only-left-sldier  button.slick-arrow:hover {
    background: var(--color-bg-lightening-secondary-hovered, rgba(255, 255, 255, 0.30));
}
.doc-modal-only-left-sldier  button.slick-arrow:active {
    background: var(--color-bg-lightening-secondary-pressed, rgba(255, 255, 255, 0.40));
} */
.doc-modal-only-left-sldier .slick-next:after {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.79289%204.29289C8.40237%204.68342%208.40237%205.31658%208.79289%205.70711L15.0858%2012L8.79289%2018.2929C8.40237%2018.6834%208.40237%2019.3166%208.79289%2019.7071C9.18342%2020.0976%209.81658%2020.0976%2010.2071%2019.7071L17.9142%2012L10.2071%204.29289C9.81658%203.90237%209.18342%203.90237%208.79289%204.29289Z'%20fill='white'/%3e%3c/svg%3e");
}

.doc-modal-only-left-sldier .slick-next {
    right: 16px
}

.doc-modal-only-left-sldier .slick-prev:after {
    background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.207%2019.7071C15.5975%2019.3166%2015.5975%2018.6834%2015.207%2018.2929L8.91412%2012L15.207%205.70709C15.5975%205.31657%2015.5975%204.6834%2015.207%204.29288C14.8165%203.90235%2014.1833%203.90235%2013.7928%204.29288L6.08569%2012L13.7928%2019.7071C14.1833%2020.0976%2014.8165%2020.0976%2015.207%2019.7071Z'%20fill='white'/%3e%3c/svg%3e");
}

.doc-modal-only-left-sldier .slick-prev {
    left: 16px
}

.doc-modal-only-left-sldier .slick-arrow:after {
    content: '';
    height: 24px;
    position: absolute;
    width: 24px;
    top: 8px;
    left: 8px;
}

.doc-modal-only-left-sldier .slick-arrow:before {
    display: none !important;
}

.doc-modal-only-left-page {
    padding: 10px 16px 10px 24px;
    gap: 4px;
    align-items: center;
    border-radius: 28px;
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    position: fixed;
    bottom: 16px;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-flex;
    width: fit-content;
    margin: auto;
    color: var(--color-text-static-white, #FFF);
    text-align: center;
    font: var(--body-small);
    font-weight: 600;
}

.doc-page-cont {
    display: flex;
    width: 32px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-x-small, 4px);
    background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.50));
}

.doc-page-cont2 {
    width: 25px;
}

.doc-modal-tabs {
    padding: 8px 20px 0px 20px;
    justify-content: space-between;
    width: 100%;
    display: flex;
    padding-top: 8px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.doc-modal-tabs .docs-menu-section li {
    width: 100%;
}

.doc-modal-tabs .docs-menu-section li a {
    width: 100%;
    text-align: center;
}

.doc-modal-icon-btn {
    display: flex;
    padding: 8px 0px;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.doc-modal-icon-btn ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.doc-modal-icon-fill {
    display: flex;
    padding: var(--spacing-space-2-x-small, 8px);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    width: 40px;
    min-width: 40px;
    cursor: pointer;
}

.doc-modal-icon-fill:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.doc-modal-tabs1 {
    width: 100%;
    height: 100%;
}

.doc-modal-icon-box {
    display: flex;
    padding: var(--spacing-16, 16px) var(--spacing-20, 20px);
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    border-bottom: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
}

.doc-modal-icon-box-photo img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-modal-icon-box-icon img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
}

.doc-modal-icon-box-intup input {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0;
    overflow: hidden;
    color: var(--color-text-neutral-tertiary, #84898F);
    text-overflow: ellipsis;
    font: var(--body-large);
    height: auto;
    padding: 0px;
    background: transparent;
    border-radius: 0px;
}

.doc-modal-icon-box-intup input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font: var(--body-large);
}

.doc-modal-icon-box-intup input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font: var(--body-large);
    opacity: 1;
}

.doc-modal-icon-box-intup input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font: var(--body-large);
    opacity: 1;
}

.doc-modal-icon-box-intup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font: var(--body-large);
}

.doc-modal-icon-box-intup input::-ms-input-placeholder {
    /* Microsoft Edge */
    font: var(--body-large);
}

.doc-modal-icon-box-intup {
    flex: 1;
}

.doc-modal-info-cont-main {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
    overflow: auto;
    height: calc(100vh - 307px);
}

.doc-modal-info-cont-main::-webkit-scrollbar {
    width: 5px;
}

.doc-modal-info-cont-main::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-info-cont-main::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-modal-info-cont {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
}

.doc-modal-info-cont-photo img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-modal-info-cont-detail-head {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    align-self: stretch;
}

.doc-modal-info-cont-detail-head h5 {
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-x-small);
    margin: 0px;
}

.doc-modal-info-cont-detail-head h6 {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
    margin: 0px;
}

.doc-modal-info-cont-detail-text {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
}

.doc-modal-info-cont-detail-text a {
    color: var(--color-text-info-strong, #007BE5);
    font: var(--body-medium);
}

.doc-modal-no-data {
    display: flex;
    padding: var(--spacing-48, 48px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-24, 24px);
    flex: 1 0 0;
    align-self: stretch;
    height: calc(100% - 132px);
}

.doc-modal-no-data-text {
    color: var(--color-text-neutral-secondary, #394046);
    text-align: center;
    font: var(--body-small);
    margin: 0px;
}

.doc-modal-tabs2 {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.doc-modal-tabs2::-webkit-scrollbar {
    width: 5px;
}

.doc-modal-tabs2::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-tabs2::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-details-info {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-info-top {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.doc-details-info-top-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.doc-details-info-top-photo {
    display: flex;
    min-width: var(--avatar-large, 48px);
    height: var(--avatar-large, 48px);
    justify-content: center;
    align-items: center;
}

.doc-details-info-top-photo img {
    width: 48px;
    min-width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50px;
}

.doc-details-info-top-info h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-small)
}

.doc-details-info-top-info h6 {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.doc-details-info-bottom {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-medium);
}

.sidebar .doc-modal-only-left {
    width: 100%;
}

.sidebar .doc-modal-only-right {
    display: none;
}

.sidebar .doc-modal-only-left-sldier-video {
    padding: 72px 126px;
}

img.ili {
    display: none;
}

.sidebar img.ili {
    display: block;
}

.sidebar img.iri {
    display: none;
}

.hrdtl {
    border-color: #e5e5e5;
    margin: 0px 16px;
}

.doc-details-experience {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-experience-banner {
    position: relative;
    height: 180px;
    width: 100%;
}

.doc-exp-banner-img {
    border-radius: var(--radius-medium, 12px);
    object-fit: cover;
    height: 180px;
    width: 100%;
}

.doc-experiece-label {
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: var(--radius-8, 8px);
    background: var(--color-bg-static-white, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(4, 21, 39, 0.30), 0px 0px 1px 0px rgba(4, 21, 39, 0.40);
    display: inline-flex;
    padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-6, 6px);
    color: var(--color-text-static-darkgray, #060D14);
    font: var(--Regular);
    letter-spacing: -0.3px;
}

.doc-experiece-label b {
    font-weight: 600;
}

.doc-details-experience-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    width: 100%;
}

.doc-details-experience-cont h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--title-small);
}

.doc-details-experience-cont h6 {
    margin: 0px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-exp-cur {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-small);
}

.doc-details-file-list {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.doc-details-file-list-box {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    width: 100%;
}

.doc-details-file-list-box-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
    word-break: break-all;
}

.doc-details-file-list-box-right img {
    min-width: 32px;
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.doc-details-file-list-box-left h5 {
    margin: 0px;
    color: var(--color-text-neutral-strong, #060D14);
    font: var(--body-small);
    font-weight: 500;
}

.doc-details-file-list-box-left h6 {
    margin: 0px;
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.doc-modal-only-left-sldier-video {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
    padding: 122px 36px;
}

.doc-modal-only-left-sldier-video video {
    max-width: 100%;
}

.doc-video-list-box {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    gap: 8px;
}

.doc-video-list {
    display: flex;
    padding-right: var(--spacing-24, 0px);
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    border-radius: 10px;
}

.doc-video-list-right {
    display: flex;
    padding: var(--spacing-2, 2px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4, 4px);
    flex: 1 0 0;
}

.doc-video-list-right h4 {
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--title-x-small);
}

.doc-video-list-left img {
    width: 104px;
    min-width: 104px;
    height: 56px;
    border-radius: var(--radius-8, 8px);
    object-fit: cover;
}

.doc-modal-file {
    height: 100%;
    overflow-x: hidden;
    display: grid !important;
}

.doc-modal-file::-webkit-scrollbar {
    /* width: 5px; */
    width: 0px;
}

.doc-modal-file::-webkit-scrollbar-track {
    background: var(--color-bg-neutral-secondary);
}

.doc-modal-file::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--color-bg-neutral-secondary-pressed);
}

.doc-modal-only-left-file-in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* height: 100%; */
    margin: auto;
}

.doc-modal-only-left-file-in img {
    max-width: inherit;
    width: 100%;
}

.only-file-doc {
    padding-top: 72px;
}

/* Doc Popup End */

.cstm-slider-arrow-only {
    position: absolute;
    z-index: 1;
    top: 50%;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-blackout-strong, rgba(13, 13, 13, 0.80));
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cstm-slider-arrow-only:hover {
    background: var(--color-bg-lightening-secondary-hovered, rgba(255, 255, 255, 0.30));
}

.cstm-slider-arrow-only:active {
    background: var(--color-bg-lightening-secondary-pressed, rgba(255, 255, 255, 0.40));
}


.cstm-modal-slider-left {
    left: 16px;
}

.cstm-modal-slider-right {
    right: 16px;
}.cometchat-conversation-starter {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 8px var(--cometchat-padding-2, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
}

.cometchat-conversation-starter__item {
  display: flex;
  min-height: 33px;
  height: fit-content;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
  align-items: center;
  align-content: center;
  gap: 4px var(--cometchat-padding-1, 4px);
  flex-wrap: wrap;
  border-radius: var(--cometchat-radius-max, 1000px);
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  cursor: pointer;
}

.cometchat-conversation-starter__item:hover {
  background: var(--cometchat-white-hover,#FAFAFA);
  cursor: pointer;
}

.cometchat-conversation-starter__item-button {
  background-color: transparent;
  border: none;
  color: var(--cometchat-text-color-primary);
  cursor: pointer;
}

.cometchat-conversation-starter__shimmer-container {
  display: flex;
  width: 70%;
  justify-content: center;
  align-items: flex-start;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-conversation-starter__shimmer-item {
  width: 70%;
  display: flex;
  height: 33px;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
  align-items: center;
  align-content: center;
  gap: 4px var(--cometchat-padding-1, 4px);
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  background-size: 800px 104px;
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-conversation-starter__error-view {
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-smart-replies__wrapper {
  width: 100%;
  height: 100%;
  padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
}

.cometchat-smart-replies {
  display: flex;
  height: 100%;
  width: 100%;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  border-radius: var(--cometchat-radius-4, 16px);
  background: var(--cometchat-background-color-01, #FFF);
  box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 2%), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-smart-replies__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cometchat-smart-replies__header-title {
  overflow: hidden;
  color: var(--cometchat-text-color-primary, #141414);
  text-overflow: ellipsis;
  font: var(--cometchat-font-body-medium);
  font-style: normal;
}

.cometchat-smart-replies__header-close-button {
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-icon-color-primary, #141414);
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cometchat-smart-replies__body {
  width: 100%;
  flex: 1 0 0;
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  text-align: left;
}

.cometchat-smart-replies__shimmer-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--cometchat-padding-2, 8px);
  flex-direction: row;
}

.cometchat-smart-replies__shimmer-item {
  flex-wrap: wrap;
  width: 20%;
  display: flex;
  height: 33px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  background-size: 800px 104px;
  animation: shimmerAnimation 1.5s infinite linear;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-smart-replies__items-container {
  display: flex;
 flex-direction: column;
  gap: var(--cometchat-padding-2, 8px);
  justify-content: flex-start;
}

.cometchat-smart-replies__item {
  display: flex;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px);
  align-items: center;
  border-radius: var(--cometchat-radius-max, 1000px);
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  cursor: pointer;
  width: 100%;
}

.cometchat-smart-replies__item:hover {
  background: var(--cometchat-white-hover, #FAFAFA);
  cursor: pointer;
}

.cometchat-smart-replies__item-button {
  background-color: transparent;
  border: none;
  color: var(--cometchat-text-color-primary);
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.cometchat-conversation-summary__wrapper {
  width: 100%;
  height: 100%;
  padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
}

.cometchat-conversation-summary {
  display: flex;
  height: 100%;
  width: 100%;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-background-color-01, #FFF);
  box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 2%), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-conversation-summary__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cometchat-conversation-summary__header-title {
  overflow: hidden;
  color: var(--cometchat-text-color-primary, #141414);
  text-overflow: ellipsis;
  font: var(--cometchat-font-body-medium);
  font-style: normal;
}

.cometchat-conversation-summary__header-close-button {
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-icon-color-primary, #141414);
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.cometchat-conversation-summary__body {
  width: 100%;
  flex: 1 0 0;
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  text-align: left;
}

.cometchat-conversation-summary__shimmer {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-conversation-summary__shimmer-item {
  width: 100%;
  display: flex;
  height: 14px;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
  align-items: center;
  align-content: center;
  gap: 4px var(--cometchat-padding-1, 4px);
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  background-size: 800px 104px;
  /* Increase background size for smooth animation */
  animation: shimmerAnimation 1.5s infinite linear;
  /* Add animation properties */
}

.cometchat-conversation-summary__shimmer .cometchat-conversation-summary__shimmer-item:last-child {
  width: 70%;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-conversation-summary__shimmer-item {
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  background-size: 800px 104px;
  /* Consistent background size for animation */
  animation: shimmerAnimation 1.5s infinite linear;
  /* Apply shimmer animation */
}

.cometchat-conversation-summary__error-view,
.cometchat-conversation-summary__empty-view {
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-action-sheet {
    display: flex;
    width: max-content;
    height: 310px;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    overflow: hidden;
    overflow-y: auto;
    justify-content: flex-start;
}

.cometchat-action-sheet__item-icon {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-icon-color-highlight, #6852D6);
    mask-size: contain;
    -webkit-mask-size: contain;
}

.cometchat-action-sheet__item-body {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-heading4-regular, 400 16px Roboto);
    line-height: 120%;
    text-align: left;
}

.cometchat-action-sheet__item {
    display: flex;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    padding: var(--cometchat-padding-4, 16px);
    cursor: pointer;
    width: 100%;
}

.cometchat-action-sheet__item:hover  {
    background: var(--cometchat-white-hover);
}

.cometchat-popover .cometchat-action-sheet {
    height: inherit;
}

/* Base audio bubble container */

.cometchat-audio-bubble {
    border: none;
    display: flex;
    background: transparent;
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px) 0px var(--cometchat-padding-2, 8px);
    flex-direction: row;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--cometchat-radius-3, 12px);
    max-width: 240px;
    width: 240px;
}

/* Download icon for the tail view (right side of the audio bubble) */

.cometchat-audio-bubble__tail-view-download {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8320'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8320)'%3e%3cpath%20d='M12%2015.4115C11.8795%2015.4115%2011.7673%2015.3923%2011.6635%2015.3538C11.5597%2015.3154%2011.4609%2015.2494%2011.3672%2015.1558L8.25775%2012.0463C8.10908%2011.8974%208.03567%2011.7233%208.0375%2011.524C8.0395%2011.3247%208.11292%2011.1474%208.25775%2010.9922C8.41292%2010.8372%208.59108%2010.7572%208.79225%2010.752C8.99358%2010.7468%209.17183%2010.8218%209.327%2010.977L11.25%2012.9V5.25C11.25%205.03717%2011.3218%204.859%2011.4655%204.7155C11.609%204.57183%2011.7872%204.5%2012%204.5C12.2128%204.5%2012.391%204.57183%2012.5345%204.7155C12.6782%204.859%2012.75%205.03717%2012.75%205.25V12.9L14.673%2010.977C14.8218%2010.8283%2014.9984%2010.7549%2015.2028%2010.7568C15.4073%2010.7588%2015.5871%2010.8372%2015.7423%2010.9922C15.8871%2011.1474%2015.9621%2011.3231%2015.9672%2011.5192C15.9724%2011.7154%2015.8974%2011.8911%2015.7423%2012.0463L12.6328%2015.1558C12.5391%2015.2494%2012.4403%2015.3154%2012.3365%2015.3538C12.2327%2015.3923%2012.1205%2015.4115%2012%2015.4115ZM6.30775%2019.5C5.80258%2019.5%205.375%2019.325%205.025%2018.975C4.675%2018.625%204.5%2018.1974%204.5%2017.6923V15.7308C4.5%2015.5179%204.57183%2015.3398%204.7155%2015.1962C4.859%2015.0526%205.03717%2014.9808%205.25%2014.9808C5.46283%2014.9808%205.641%2015.0526%205.7845%2015.1962C5.92817%2015.3398%206%2015.5179%206%2015.7308V17.6923C6%2017.7692%206.03208%2017.8398%206.09625%2017.9038C6.16025%2017.9679%206.23075%2018%206.30775%2018H17.6923C17.7692%2018%2017.8398%2017.9679%2017.9038%2017.9038C17.9679%2017.8398%2018%2017.7692%2018%2017.6923V15.7308C18%2015.5179%2018.0718%2015.3398%2018.2155%2015.1962C18.359%2015.0526%2018.5372%2014.9808%2018.75%2014.9808C18.9628%2014.9808%2019.141%2015.0526%2019.2845%2015.1962C19.4282%2015.3398%2019.5%2015.5179%2019.5%2015.7308V17.6923C19.5%2018.1974%2019.325%2018.625%2018.975%2018.975C18.625%2019.325%2018.1974%2019.5%2017.6923%2019.5H6.30775Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8320'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8320)'%3e%3cpath%20d='M12%2015.4115C11.8795%2015.4115%2011.7673%2015.3923%2011.6635%2015.3538C11.5597%2015.3154%2011.4609%2015.2494%2011.3672%2015.1558L8.25775%2012.0463C8.10908%2011.8974%208.03567%2011.7233%208.0375%2011.524C8.0395%2011.3247%208.11292%2011.1474%208.25775%2010.9922C8.41292%2010.8372%208.59108%2010.7572%208.79225%2010.752C8.99358%2010.7468%209.17183%2010.8218%209.327%2010.977L11.25%2012.9V5.25C11.25%205.03717%2011.3218%204.859%2011.4655%204.7155C11.609%204.57183%2011.7872%204.5%2012%204.5C12.2128%204.5%2012.391%204.57183%2012.5345%204.7155C12.6782%204.859%2012.75%205.03717%2012.75%205.25V12.9L14.673%2010.977C14.8218%2010.8283%2014.9984%2010.7549%2015.2028%2010.7568C15.4073%2010.7588%2015.5871%2010.8372%2015.7423%2010.9922C15.8871%2011.1474%2015.9621%2011.3231%2015.9672%2011.5192C15.9724%2011.7154%2015.8974%2011.8911%2015.7423%2012.0463L12.6328%2015.1558C12.5391%2015.2494%2012.4403%2015.3154%2012.3365%2015.3538C12.2327%2015.3923%2012.1205%2015.4115%2012%2015.4115ZM6.30775%2019.5C5.80258%2019.5%205.375%2019.325%205.025%2018.975C4.675%2018.625%204.5%2018.1974%204.5%2017.6923V15.7308C4.5%2015.5179%204.57183%2015.3398%204.7155%2015.1962C4.859%2015.0526%205.03717%2014.9808%205.25%2014.9808C5.46283%2014.9808%205.641%2015.0526%205.7845%2015.1962C5.92817%2015.3398%206%2015.5179%206%2015.7308V17.6923C6%2017.7692%206.03208%2017.8398%206.09625%2017.9038C6.16025%2017.9679%206.23075%2018%206.30775%2018H17.6923C17.7692%2018%2017.8398%2017.9679%2017.9038%2017.9038C17.9679%2017.8398%2018%2017.7692%2018%2017.6923V15.7308C18%2015.5179%2018.0718%2015.3398%2018.2155%2015.1962C18.359%2015.0526%2018.5372%2014.9808%2018.75%2014.9808C18.9628%2014.9808%2019.141%2015.0526%2019.2845%2015.1962C19.4282%2015.3398%2019.5%2015.5179%2019.5%2015.7308V17.6923C19.5%2018.1974%2019.325%2018.625%2018.975%2018.975C18.625%2019.325%2018.1974%2019.5%2017.6923%2019.5H6.30775Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
    background: var(--cometchat-static-white);

}

/* Waveform container inside the audio bubble body */

.cometchat-audio-bubble__body-wave {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/* Container for download progress circle (24x24 size) */

.cometchat-audio-bubble__tail-view-download-progress {
    position: relative;
    width: 24px;
    height: 24px;
}

/* Rotate the SVG progress circle for correct start position */

.cometchat-audio-bubble__tail-view-download-progress svg {
    width: 24px;
    height: 24px;
    transform: rotate(-90deg);
}

/* Close/stop icon inside the progress view (positioned in the center) */

.cometchat-audio-bubble__tail-view-download-stop {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-static-white);
    display: flex;
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
}

.cometchat-audio-bubble>div:not([class]) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    flex: 1 0 0;
}

/* Time display (current time / duration) inside the audio bubble body */

.cometchat-audio-bubble__body-time {
    color: var(--cometchat-static-white);
    font: var(--cometchat-font-caption2-regular);
    width: 100%;
    text-align: left;
}

/* Body of the audio bubble, containing waveform and time display */

.cometchat-audio-bubble__body {
    padding: 0px var(--cometchat-padding-2) 0px var(--cometchat-padding-3);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: var(--cometchat-padding);
}

/* Play and pause icons for controlling the audio bubble */

.cometchat-audio-bubble__leading-view-play,
.cometchat-audio-bubble__leading-view-pause {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cometchat-primary-color);
    cursor: pointer;

}

/* Play button icon */

.cometchat-audio-bubble__leading-view-play {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8334'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8334)'%3e%3cpath%20d='M8.5%2016.4442V7.55573C8.5%207.29173%208.59058%207.07506%208.77175%206.90573C8.95292%206.73656%209.16433%206.65198%209.406%206.65198C9.4815%206.65198%209.56067%206.66289%209.6435%206.68473C9.72633%206.70639%209.80542%206.73906%209.88075%206.78273L16.8767%2011.2365C17.0141%2011.3301%2017.117%2011.4423%2017.1855%2011.573C17.2542%2011.7038%2017.2885%2011.8461%2017.2885%2012C17.2885%2012.1538%2017.2542%2012.2961%2017.1855%2012.427C17.117%2012.5576%2017.0141%2012.6698%2016.8767%2012.7635L9.88075%2017.2172C9.80525%2017.2609%209.72592%2017.2936%209.64275%2017.3152C9.55975%2017.3371%209.4805%2017.348%209.405%2017.348C9.16317%2017.348%208.95192%2017.2634%208.77125%2017.0942C8.59042%2016.9249%208.5%2016.7082%208.5%2016.4442Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8334'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8334)'%3e%3cpath%20d='M8.5%2016.4442V7.55573C8.5%207.29173%208.59058%207.07506%208.77175%206.90573C8.95292%206.73656%209.16433%206.65198%209.406%206.65198C9.4815%206.65198%209.56067%206.66289%209.6435%206.68473C9.72633%206.70639%209.80542%206.73906%209.88075%206.78273L16.8767%2011.2365C17.0141%2011.3301%2017.117%2011.4423%2017.1855%2011.573C17.2542%2011.7038%2017.2885%2011.8461%2017.2885%2012C17.2885%2012.1538%2017.2542%2012.2961%2017.1855%2012.427C17.117%2012.5576%2017.0141%2012.6698%2016.8767%2012.7635L9.88075%2017.2172C9.80525%2017.2609%209.72592%2017.2936%209.64275%2017.3152C9.55975%2017.3371%209.4805%2017.348%209.405%2017.348C9.16317%2017.348%208.95192%2017.2634%208.77125%2017.0942C8.59042%2016.9249%208.5%2016.7082%208.5%2016.4442Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Pause button icon */

.cometchat-audio-bubble__leading-view-pause {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8317'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8317)'%3e%3cpath%20d='M15.5%2018.5C15.091%2018.5%2014.7387%2018.3523%2014.4432%2018.0568C14.1477%2017.7613%2014%2017.409%2014%2017V7C14%206.591%2014.1477%206.23875%2014.4432%205.94325C14.7387%205.64775%2015.091%205.5%2015.5%205.5H16.25C16.659%205.5%2017.0113%205.64775%2017.3068%205.94325C17.6023%206.23875%2017.75%206.591%2017.75%207V17C17.75%2017.409%2017.6023%2017.7613%2017.3068%2018.0568C17.0113%2018.3523%2016.659%2018.5%2016.25%2018.5H15.5ZM7.75%2018.5C7.341%2018.5%206.98875%2018.3523%206.69325%2018.0568C6.39775%2017.7613%206.25%2017.409%206.25%2017V7C6.25%206.591%206.39775%206.23875%206.69325%205.94325C6.98875%205.64775%207.341%205.5%207.75%205.5H8.5C8.909%205.5%209.26125%205.64775%209.55675%205.94325C9.85225%206.23875%2010%206.591%2010%207V17C10%2017.409%209.85225%2017.7613%209.55675%2018.0568C9.26125%2018.3523%208.909%2018.5%208.5%2018.5H7.75Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8317'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8317)'%3e%3cpath%20d='M15.5%2018.5C15.091%2018.5%2014.7387%2018.3523%2014.4432%2018.0568C14.1477%2017.7613%2014%2017.409%2014%2017V7C14%206.591%2014.1477%206.23875%2014.4432%205.94325C14.7387%205.64775%2015.091%205.5%2015.5%205.5H16.25C16.659%205.5%2017.0113%205.64775%2017.3068%205.94325C17.6023%206.23875%2017.75%206.591%2017.75%207V17C17.75%2017.409%2017.6023%2017.7613%2017.3068%2018.0568C17.0113%2018.3523%2016.659%2018.5%2016.25%2018.5H15.5ZM7.75%2018.5C7.341%2018.5%206.98875%2018.3523%206.69325%2018.0568C6.39775%2017.7613%206.25%2017.409%206.25%2017V7C6.25%206.591%206.39775%206.23875%206.69325%205.94325C6.98875%205.64775%207.341%205.5%207.75%205.5H8.5C8.909%205.5%209.26125%205.64775%209.55675%205.94325C9.85225%206.23875%2010%206.591%2010%207V17C10%2017.409%209.85225%2017.7613%209.55675%2018.0568C9.26125%2018.3523%208.909%2018.5%208.5%2018.5H7.75Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Leading view container (play/pause button) with rounded background */

.cometchat-audio-bubble__leading-view {
    background: var(--cometchat-static-white);
    cursor: pointer;
    display: flex;
    width: 32px;
    border-radius: var(--cometchat-radius-max, 1000px);
    height: 32px;
    justify-content: center;
    align-items: center;
}

/* Background circle of the download progress indicator */

circle.cometchat-audio-bubble__tail-view-download-progress-background {
    stroke: var(--cometchat-static-white);
    stroke-dasharray: 113 113;
    opacity: .2;
    stroke-width: 2;
    fill: none;
}

/* Foreground circle that indicates download progress */

circle.cometchat-audio-bubble__tail-view-download-progress-foreground {
    stroke: var(--cometchat-static-white);
    stroke-dasharray: 0 113;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
}

/* Outgoing audio bubble (message sent by the user) background */

.cometchat-audio-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

/* Incoming audio bubble (message received by the user) background */

.cometchat-audio-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/* Tail view download button for incoming audio bubble */

.cometchat-audio-bubble-incoming .cometchat-audio-bubble__tail-view-download {
    background: var(--cometchat-primary-color);
}

/* Background circle for download progress in incoming bubble */

.cometchat-audio-bubble-incoming circle.cometchat-audio-bubble__tail-view-download-progress-background {
    stroke: var(--cometchat-primary-color);
    opacity: .2;
}

/* Foreground circle for download progress in incoming bubble */

.cometchat-audio-bubble-incoming circle.cometchat-audio-bubble__tail-view-download-progress-foreground {
    stroke: var(--cometchat-primary-color);
}

/* Stop download icon for incoming audio bubble */

.cometchat-audio-bubble-incoming .cometchat-audio-bubble__tail-view-download-stop {
    background: var(--cometchat-primary-color);
}

/* Time display in incoming audio bubble */

.cometchat-audio-bubble-incoming .cometchat-audio-bubble__body-time {
    color: var(--cometchat-neutral-color-600);
}

.cometchat-avatar {
    display: flex;
    width: 48px;
    height: 48px;
    background: var(--cometchat-extended-primary-color-500, #AA9EE8);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max, 1000px);
}

.cometchat-avatar__image {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--cometchat-primary-button-icon, #FFF);
    text-align: center;
    font: var(--cometchat-font-title-bold, 700 32px Roboto);
    border-radius: var(--cometchat-radius-max, 1000px);
}

.cometchat-avatar__text {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
    color: var(--cometchat-primary-button-icon, #FFF);
    text-align: center;
}

.cometchat-button {
    display: flex;
    height: 40px;
    width: 160px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    border: none;
    background: var(--cometchat-primary-button-background, #6852D6);
    cursor: pointer;
}

.cometchat-button__text {
    color: var(--cometchat-static-white, #FFFFFF);
    font: var(--cometchat-font-button-medium, 500 14px Roboto);
    line-height: 120%;
    cursor: pointer;
}

.cometchat-button__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cometchat-button__icon-default {
    height: 24px;
    width: 24px;
}

.cometchat-button:hover {
    background: var(--cometchat-extended-primary-color-800, #7A6BD6);
}

.cometchat-button:active {
    background: var(--cometchat-extended-primary-color-900, #5D49BE);
    outline: none;
}

.cometchat-button:focus {
    outline: none;
}

.cometchat-button__loading-view {
    width: 24px;
    height: 24px;
    animation: spin .8s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}

/**
Represents the overall container for the call bubble component. It is a flexible container that displays its content in a column format and aligns its items centrally.
*/

.cometchat-call-bubble {
    display: flex;
    max-width: 240px;
    width: 240px;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    background: var(--cometchat-primary-color);
    border-radius: var(--cometchat-radius-3, 12px);
    background: inherit;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/**
Defines the main body of the call bubble,
organizing its child elements in a flexible layout and aligning them appropriately.
*/

.cometchat-call-bubble__body {
    display: flex;
    padding: var(--cometchat-padding-3, 12px);
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

/**
Represents the title area of the call bubble,
ensuring the text is constrained to a single line and truncates overflowed text with ellipsis.
*/

.cometchat-call-bubble__body-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;

    text-overflow: ellipsis;
    font: var(--cometchat-font-body-medium);
    font-style: normal;
}

/**
Specifies the icon within the call bubble,
typically an SVG used to visually represent a type of call (e.g., video or voice).
*/

.cometchat-call-bubble__icon-wrapper-icon {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_774_6313'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_774_6313)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.26523%2018.975C3.61523%2019.325%204.04273%2019.5%204.54773%2019.5H15.9325C16.4375%2019.5%2016.865%2019.325%2017.215%2018.975C17.565%2018.625%2017.74%2018.1974%2017.74%2017.6923V13.1152L20.4862%2015.8615C20.6337%2016.009%2020.7994%2016.0458%2020.9832%2015.972C21.1672%2015.8983%2021.2592%2015.7577%2021.2592%2015.55V8.45C21.2592%208.24233%2021.1672%208.10167%2020.9832%208.028C20.7994%207.95417%2020.6337%207.991%2020.4862%208.1385L17.74%2010.8848V6.30775C17.74%205.80258%2017.565%205.375%2017.215%205.025C16.865%204.675%2016.4375%204.5%2015.9325%204.5H4.54773C4.04273%204.5%203.61523%204.675%203.26523%205.025C2.91523%205.375%202.74023%205.80258%202.74023%206.30775V17.6923C2.74023%2018.1974%202.91523%2018.625%203.26523%2018.975ZM10.75%2013.9704H8.55375L13.2578%209.2666C13.4026%209.1216%2013.475%208.94594%2013.475%208.7396C13.475%208.5331%2013.4026%208.35743%2013.2578%208.2126C13.1129%208.06777%2012.9357%207.99693%2012.726%208.0001C12.5163%208.00327%2012.3422%208.0741%2012.2037%208.2126L7.5%2012.9166V10.7204C7.5%2010.5079%207.42817%2010.3297%207.2845%2010.1859C7.141%2010.0422%206.96291%209.97035%206.75025%209.97035C6.53775%209.97035%206.35958%2010.0422%206.21575%2010.1859C6.07192%2010.3297%206%2010.5079%206%2010.7204V14.5666C6%2014.8226%206.08666%2015.0372%206.26%2015.2104C6.43317%2015.3837%206.64775%2015.4704%206.90375%2015.4704H10.75C10.9625%2015.4704%2011.1407%2015.3985%2011.2845%2015.2549C11.4282%2015.1114%2011.5%2014.9333%2011.5%2014.7206C11.5%2014.5081%2011.4282%2014.3299%2011.2845%2014.1861C11.1407%2014.0423%2010.9625%2013.9704%2010.75%2013.9704Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_774_6313'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_774_6313)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.26523%2018.975C3.61523%2019.325%204.04273%2019.5%204.54773%2019.5H15.9325C16.4375%2019.5%2016.865%2019.325%2017.215%2018.975C17.565%2018.625%2017.74%2018.1974%2017.74%2017.6923V13.1152L20.4862%2015.8615C20.6337%2016.009%2020.7994%2016.0458%2020.9832%2015.972C21.1672%2015.8983%2021.2592%2015.7577%2021.2592%2015.55V8.45C21.2592%208.24233%2021.1672%208.10167%2020.9832%208.028C20.7994%207.95417%2020.6337%207.991%2020.4862%208.1385L17.74%2010.8848V6.30775C17.74%205.80258%2017.565%205.375%2017.215%205.025C16.865%204.675%2016.4375%204.5%2015.9325%204.5H4.54773C4.04273%204.5%203.61523%204.675%203.26523%205.025C2.91523%205.375%202.74023%205.80258%202.74023%206.30775V17.6923C2.74023%2018.1974%202.91523%2018.625%203.26523%2018.975ZM10.75%2013.9704H8.55375L13.2578%209.2666C13.4026%209.1216%2013.475%208.94594%2013.475%208.7396C13.475%208.5331%2013.4026%208.35743%2013.2578%208.2126C13.1129%208.06777%2012.9357%207.99693%2012.726%208.0001C12.5163%208.00327%2012.3422%208.0741%2012.2037%208.2126L7.5%2012.9166V10.7204C7.5%2010.5079%207.42817%2010.3297%207.2845%2010.1859C7.141%2010.0422%206.96291%209.97035%206.75025%209.97035C6.53775%209.97035%206.35958%2010.0422%206.21575%2010.1859C6.07192%2010.3297%206%2010.5079%206%2010.7204V14.5666C6%2014.8226%206.08666%2015.0372%206.26%2015.2104C6.43317%2015.3837%206.64775%2015.4704%206.90375%2015.4704H10.75C10.9625%2015.4704%2011.1407%2015.3985%2011.2845%2015.2549C11.4282%2015.1114%2011.5%2014.9333%2011.5%2014.7206C11.5%2014.5081%2011.4282%2014.3299%2011.2845%2014.1861C11.1407%2014.0423%2010.9625%2013.9704%2010.75%2013.9704Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cometchat-primary-color);
    -webkit-mask-size: contain;
    mask-size: contain;
}

/**
Acts as the wrapper for the call bubble icon,
setting its size and background with a rounded appearance.
*/

.cometchat-call-bubble__icon-wrapper {
    display: flex;
    width: 40px;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-static-white);
    height: 40px;

    padding: var(--cometchat-padding-2);
    justify-content: center;
    align-items: center;
}

/**
Represents the subtitle text within the call bubble,
ensuring the text is truncated with ellipsis to fit within the given space.
*/

.cometchat-call-bubble__body-content-subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-caption1-regular);
    font-style: normal;
}

/**
Defines the styling of the subtitle date within the body content of the call bubble
*/

.cometchat-call-bubble__body-content-subtitle .cometchat-date {
    padding: 0px;
    color: inherit;
    font: inherit;
  }

/**
Provides additional content styling for the body of the call bubble, aligning the content text to the left.
*/

.cometchat-call-bubble__body-content {
    text-align: left;
}

/**
 Defines the button at the bottom of the call bubble,
 making it fully responsive in width and controlling its appearance with inherited styles.
*/

.cometchat-call-bubble__button {
    display: flex;
    height: 40px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    border: none;
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    width: 100%;
    background: inherit;
    border-radius: 0px 0px var(--cometchat-radius-radius_2, 8px) var(--cometchat-radius-radius_2, 8px);
    font: var(--cometchat-font-body-medium);
    font-style: normal;
    cursor: pointer;
}

/**
Represents the visual styling for an incoming call bubble,
providing a background color specific to incoming calls.
*/

.cometchat-call-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/**
Represents the visual styling for an outgoing call bubble,
providing a background color specific to outgoing calls.
*/

.cometchat-call-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

/**
Adjusts the subtitle text color within an incoming call bubble.
*/

.cometchat-call-bubble-incoming .cometchat-call-bubble__body-content-subtitle {
    color: var(--cometchat-neutral-color-600);
}

.cometchat-call-bubble__body-content-title {
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-medium);
}

/**
 Adjusts the title text color for the body content within an incoming call bubble.
*/

.cometchat-call-bubble-incoming .cometchat-call-bubble__body-content-title {
    color: var(--cometchat-neutral-color-900);
}

/**
Adjusts the subtitle text color within an outgoing call bubble.
*/

.cometchat-call-bubble-outgoing .cometchat-call-bubble__body-content-subtitle {
    color: var(--cometchat-static-white);
}

/**
 Adjusts the title text color for the body content within an outgoing call bubble.
*/

.cometchat-call-bubble-outgoing .cometchat-call-bubble__body-content-title {
    color: var(--cometchat-static-white);
}

/**
Defines the styling of the button for incoming call bubbles,
adding a border and setting the button text color.
*/

.cometchat-call-bubble-incoming .cometchat-call-bubble__button {
    border-top: 1px solid var(--cometchat-border-color-dark);
    color: var(--cometchat-neutral-color-900);
}

/**
Defines the styling of the button for outgoing call bubbles,
including a top border and button text color.
*/

.cometchat-call-bubble-outgoing .cometchat-call-bubble__button {
    border-top: 1px solid var(--cometchat-extended-primary-color-800);
    color: var(--cometchat-static-white);
}

.cometchat-change-scope {
    display: flex;
    width: 400px;
    padding: var(--cometchat-padding-6, 24px) var(--cometchat-padding-6, 24px) var(--cometchat-padding-3, 12px) var(--cometchat-padding-6, 24px);
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    border-radius: var(--cometchat-radius-5, 20px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-change-scope__icon-container {
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-background-color-02, #FAFAFA);
}

.cometchat-change-scope__icon {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    mask: url("/assets/change_scope-BnN7PCx8.png") center center no-repeat;
    -webkit-mask: url("/assets/change_scope-BnN7PCx8.png") center center no-repeat;
    background: var(--cometchat-icon-color-highlight, #6852D6);
    mask-size: contain;
    -webkit-mask-size: contain;
}

.cometchat-change-scope__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

.cometchat-change-scope__title {
    align-self: stretch;
    color: var(--cometchat-text-color-primary, #141414);
    text-align: center;
    font: var(--cometchat-font-heading2-medium, 500 20px Roboto);
    line-height: 120%;
}

.cometchat-change-scope__description {
    align-self: stretch;
    color: var(--cometchat-text-color-secondary, #727272);
    text-align: center;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    line-height: 120%;
}

.cometchat-change-scope__dropdown {
    width: 352px;
    height: 36px;
    gap: var(--cometchat-padding-2, 4px);
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-change-scope__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    height: fit-content;
    overflow: auto;
}

.cometchat-change-scope__list-item {
    display: flex;
    min-width: 240px;
    max-width: 1440px;
    height: 48px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    flex: 1 0 0;
    align-self: stretch;
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-change-scope__list-item:hover {
    background: var(--cometchat-white-hover, #FAFAFA);
    cursor: pointer;
}

.cometchat-change-scope__list-item-label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-heading4-medium, 500 16px Roboto);
    flex: 1 0 0;
    text-align: left;
}

.cometchat-change-scope__button-container {
    display: flex;
    padding: var(--cometchat-padding-3, 12px) 0px;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

.cometchat-change-scope__submit-button > .cometchat{
    height: 100%;
    width: 100%;
}

.cometchat-change-scope__submit-button{
    height: 40px;
    line-height: 120%;
    flex: 1;
}

.cometchat-change-scope__submit-button .cometchat-button{
    background: var(--cometchat-primary-button-background, #6852D6);
    color: var(--cometchat-primary-button-icon, #FFF);
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    align-items: center;
    align-self: stretch;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    font: var(--cometchat-font-body-medium, 500 14px Roboto);

}

.cometchat-change-scope__submit-button-disabled .cometchat-button{
    background: var(--cometchat-background-color-04, #E8E8E8);
    color: var(--cometchat-static-white, #FFF);
    pointer-events: none;
}

.cometchat-change-scope__cancel-button > .cometchat{
    height: 100%;
    width: 100%;
}

.cometchat-change-scope__cancel-button .cometchat-button{
    border: 1px solid var(--cometchat-border-color-dark, #DCDCDC);
    background: var(--cometchat-background-color-01, #FFF);
    color: var(--cometchat-neutral-color-900, #141414);
    font: var(--cometchat-font-body-medium, 500 14px Roboto);
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    align-items: center;
    align-self: stretch;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-change-scope__button-container .cometchat-button .cometchat-button__text{
    font: inherit;
    color: inherit;
}

.cometchat-change-scope__cancel-button{
    height: 40px;
    line-height: 120%;
    flex: 1;
}

.cometchat-change-scope__error-view{
    color: var(--cometchat-error-color, #F44649);
    font: var(--cometchat-font-body-regular);
    font-style: normal;
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    background: rgba(244, 70, 73, 0.10);

}

.cometchat-checkbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.cometchat-checkbox__label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cometchat-checkbox__checkmark {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-1, 4px);
    border: 1.5px solid var(--cometchat-border-color-default, #E8E8E8);
}

.cometchat-checkbox:hover .cometchat-checkbox__checkmark {
    border: 1.5px solid var(--cometchat-border-color-dark, #DCDCDC);
    cursor: pointer;
}

.cometchat-checkbox input[type="checkbox"]:checked+.cometchat-checkbox__checkmark {
    border: 1.5px solid var(--cometchat-primary-color, #6852D6);
    background-color: var(--cometchat-primary-color, #6852D6);
}

.cometchat-checkbox__checkmark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: var(--cometchat-static-white, #FFF);
    mask: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='check'%3e%3cpath%20id='Icon'%20d='M11.6663%203.5L5.24967%209.91667L2.33301%207'%20stroke='%236852D6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='check'%3e%3cpath%20id='Icon'%20d='M11.6663%203.5L5.24967%209.91667L2.33301%207'%20stroke='%236852D6'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    transform: translate(-50%, -50%);
    display: none;
}

.cometchat-checkbox input[type="checkbox"]:checked+.cometchat-checkbox__checkmark::after {
    display: block;
}

.cometchat-checkbox__label {
    display: flex;
    align-items: center;
    gap: var(--cometchat-radius-2, 8px);
    color: var(--cometchat-text-color-secondary);
    font: var(--cometchat-font-body-regular);
}

/* Container for the confirmation dialog */

.cometchat-confirm-dialog {
    margin: 0 auto;
    width: 400px;
    box-sizing: border-box;
    display: flex;
    width: 400px;
    padding: var(--cometchat-padding-6, 24px) var(--cometchat-padding-6, 24px) var(--cometchat-padding-3, 12px) var(--cometchat-padding-6, 24px);
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-border-color-light);
    background: var(--cometchat-background-color-01);
    /* Shadow-LG */
    flex-wrap: wrap;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

/* Title inside the confirmation dialog */

.cometchat-confirm-dialog__content-title {
    color: var(--cometchat-text-color-primary);
    text-align: center;
    font: var(--cometchat-font-heading2-medium);
    font-style: normal;
}

/* Content inside the dialog, typically descriptions and details */

.cometchat-confirm-dialog__content {
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding);
}

/* Description inside the dialog */

.cometchat-confirm-dialog__content-description {
    width: 100%;
    color: var(--cometchat-text-color-secondary);
    text-align: center;
    font: var(--cometchat-font-body-regular);
    font-style: normal;

}

/* Button group for the dialog */

.cometchat-confirm-dialog__button-group {
    display: flex;
    padding: var(--cometchat-padding-3, 12px) 0px;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
}

/* Icon wrapper for confirmation dialog */

.cometchat-confirm-dialog__icon-wrapper {
    display: flex;
    width: 80px;
    height: 80px;
    padding: var(--cometchat-padding-4);
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-background-color-02);
    flex-shrink: 1;

}

/* Styling for the confirmation icon */

.cometchat-confirm-dialog__icon-wrapper-icon {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8465'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8465)'%3e%3cpath%20d='M7.30775%2020.5C6.81058%2020.5%206.385%2020.323%206.031%2019.969C5.677%2019.615%205.5%2019.1894%205.5%2018.6923V6H5.25C5.0375%206%204.85942%205.92808%204.71575%205.78425C4.57192%205.64042%204.5%205.46225%204.5%205.24975C4.5%205.03708%204.57192%204.859%204.71575%204.7155C4.85942%204.57183%205.0375%204.5%205.25%204.5H9C9%204.25517%209.08625%204.0465%209.25875%203.874C9.43108%203.70167%209.63967%203.6155%209.8845%203.6155H14.1155C14.3603%203.6155%2014.5689%203.70167%2014.7413%203.874C14.9138%204.0465%2015%204.25517%2015%204.5H18.75C18.9625%204.5%2019.1406%204.57192%2019.2843%204.71575C19.4281%204.85959%2019.5%205.03775%2019.5%205.25025C19.5%205.46292%2019.4281%205.641%2019.2843%205.7845C19.1406%205.92817%2018.9625%206%2018.75%206H18.5V18.6923C18.5%2019.1894%2018.323%2019.615%2017.969%2019.969C17.615%2020.323%2017.1894%2020.5%2016.6923%2020.5H7.30775ZM10.1543%2017C10.3668%2017%2010.5448%2016.9282%2010.6885%2016.7845C10.832%2016.6407%2010.9037%2016.4625%2010.9037%2016.25V8.75C10.9037%208.5375%2010.8318%208.35933%2010.688%208.2155C10.5443%208.07183%2010.3662%208%2010.1535%208C9.941%208%209.76292%208.07183%209.61925%208.2155C9.47575%208.35933%209.404%208.5375%209.404%208.75V16.25C9.404%2016.4625%209.47583%2016.6407%209.6195%2016.7845C9.76333%2016.9282%209.94158%2017%2010.1543%2017ZM13.8465%2017C14.059%2017%2014.2371%2016.9282%2014.3807%2016.7845C14.5243%2016.6407%2014.596%2016.4625%2014.596%2016.25V8.75C14.596%208.5375%2014.5242%208.35933%2014.3805%208.2155C14.2367%208.07183%2014.0584%208%2013.8458%208C13.6333%208%2013.4552%208.07183%2013.3115%208.2155C13.168%208.35933%2013.0962%208.5375%2013.0962%208.75V16.25C13.0962%2016.4625%2013.1682%2016.6407%2013.312%2016.7845C13.4557%2016.9282%2013.6338%2017%2013.8465%2017Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8465'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8465)'%3e%3cpath%20d='M7.30775%2020.5C6.81058%2020.5%206.385%2020.323%206.031%2019.969C5.677%2019.615%205.5%2019.1894%205.5%2018.6923V6H5.25C5.0375%206%204.85942%205.92808%204.71575%205.78425C4.57192%205.64042%204.5%205.46225%204.5%205.24975C4.5%205.03708%204.57192%204.859%204.71575%204.7155C4.85942%204.57183%205.0375%204.5%205.25%204.5H9C9%204.25517%209.08625%204.0465%209.25875%203.874C9.43108%203.70167%209.63967%203.6155%209.8845%203.6155H14.1155C14.3603%203.6155%2014.5689%203.70167%2014.7413%203.874C14.9138%204.0465%2015%204.25517%2015%204.5H18.75C18.9625%204.5%2019.1406%204.57192%2019.2843%204.71575C19.4281%204.85959%2019.5%205.03775%2019.5%205.25025C19.5%205.46292%2019.4281%205.641%2019.2843%205.7845C19.1406%205.92817%2018.9625%206%2018.75%206H18.5V18.6923C18.5%2019.1894%2018.323%2019.615%2017.969%2019.969C17.615%2020.323%2017.1894%2020.5%2016.6923%2020.5H7.30775ZM10.1543%2017C10.3668%2017%2010.5448%2016.9282%2010.6885%2016.7845C10.832%2016.6407%2010.9037%2016.4625%2010.9037%2016.25V8.75C10.9037%208.5375%2010.8318%208.35933%2010.688%208.2155C10.5443%208.07183%2010.3662%208%2010.1535%208C9.941%208%209.76292%208.07183%209.61925%208.2155C9.47575%208.35933%209.404%208.5375%209.404%208.75V16.25C9.404%2016.4625%209.47583%2016.6407%209.6195%2016.7845C9.76333%2016.9282%209.94158%2017%2010.1543%2017ZM13.8465%2017C14.059%2017%2014.2371%2016.9282%2014.3807%2016.7845C14.5243%2016.6407%2014.596%2016.4625%2014.596%2016.25V8.75C14.596%208.5375%2014.5242%208.35933%2014.3805%208.2155C14.2367%208.07183%2014.0584%208%2013.8458%208C13.6333%208%2013.4552%208.07183%2013.3115%208.2155C13.168%208.35933%2013.0962%208.5375%2013.0962%208.75V16.25C13.0962%2016.4625%2013.1682%2016.6407%2013.312%2016.7845C13.4557%2016.9282%2013.6338%2017%2013.8465%2017Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cometchat-error-color);
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Submit button inside the confirmation dialog */

.cometchat-confirm-dialog__button-group-submit .cometchat-button {
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    background: var(--cometchat-error-color);
    border: 1px solid var(--cometchat-border-color-light);
}

.cometchat-confirm-dialog__button-group .cometchat-button{
    height: 100%;
    width: 100%;
}

/* Styling for buttons inside the dialog */

.cometchat-confirm-dialog__button-group .cometchat-confirm-dialog__button-group-submit,
 .cometchat-confirm-dialog__button-group .cometchat-confirm-dialog__button-group-cancel{
    width: 100%;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    font: var(--cometchat-font-button-medium);
    font-style: normal;
    cursor: pointer;
}

.cometchat-confirm-dialog__button-group-submit> .cometchat,
.cometchat-confirm-dialog__button-group-cancel> .cometchat{
    height: 100%;
    width: 100%;
}

/* Cancel button inside the confirmation dialog */

.cometchat-confirm-dialog__button-group-cancel  .cometchat-button {
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
    border: 1px solid var(--cometchat-border-color-dark);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-confirm-dialog__button-group-cancel  .cometchat-button .cometchat-button__text{
    color: var(--cometchat-text-color-primary);

}

.cometchat-confirm-dialog__button-group-submit  .cometchat-button .cometchat-button__text{
    color: var(--cometchat-static-white);

}

.cometchat-confirm-dialog-error-view{
    border-radius: var(--cometchat-radius-4, 12px) var(--cometchat-radius-4, 12px) 0px 0px;
   background: linear-gradient(0deg, rgba(244, 70, 73, 0.10) 0%, rgba(244, 70, 73, 0.10) 100%), var(--cometchat-background-color-01, #FFF);
   overflow: hidden;
color: var(--cometchat-error-color, #F44649);
text-overflow: ellipsis;
font:var(--cometchat-font-body-regular);
font-style: normal;
display: flex;
width: 100%;
padding: var(--cometchat-padding-2, 8px);
align-items: flex-start;
height: 48px;
margin-bottom: -16px;
justify-content: center;
}

.cometchat-menu-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    background: transparent;
}

.cometchat-menu-list__main-menu {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.cometchat-menu-list__sub-menu-list {
    display: flex;
    position: fixed;
    overflow: hidden;
    z-index: 3;
    width: 160px;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-menu-list__main-menu-item {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    cursor: pointer;
}

.cometchat-menu-list__sub-menu-list-item {
    display: flex;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    padding: var(--cometchat-padding-3, 12px);
    flex: 1 0 0;
    cursor: pointer;
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-menu-list__sub-menu-list-item:hover{
    background: var(--cometchat-white-hover);
}

.cometchat-menu-list__menu {
    display: flex;
    height: 48px;
    width: 100%;
    align-items: center;
    gap: var(--cometchat-padding-2, 12px);
    align-self: stretch;
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-menu-list__main-menu-item-icon {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
}

.cometchat-menu-list__sub-menu-list-item-icon {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
}

.cometchat-menu-list__sub-menu-item-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    text-align: left;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    line-height: 120%;
    
}

.cometchat-menu-list__sub-menu {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.cometchat-menu-list__sub-menu-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M7.99953%2013.9437C7.73575%2013.9437%207.51081%2013.8501%207.3247%2013.6629C7.13859%2013.4757%207.04553%2013.2503%207.04553%2012.9865C7.04553%2012.7227%207.13909%2012.4978%207.3262%2012.3117C7.51342%2012.1256%207.73887%2012.0325%208.00253%2012.0325C8.26631%2012.0325%208.49126%2012.1261%208.67737%2012.3134C8.86348%2012.5005%208.95653%2012.7259%208.95653%2012.9897C8.95653%2013.2535%208.86298%2013.4784%208.67587%2013.6645C8.48864%2013.8506%208.2632%2013.9437%207.99953%2013.9437ZM7.99953%209.45469C7.73575%209.45469%207.51081%209.36113%207.3247%209.17402C7.13859%208.9868%207.04553%208.76135%207.04553%208.49769C7.04553%208.23391%207.13909%208.00897%207.3262%207.82285C7.51342%207.63674%207.73887%207.54369%208.00253%207.54369C8.26631%207.54369%208.49126%207.63724%208.67737%207.82435C8.86348%208.01158%208.95653%208.23702%208.95653%208.50069C8.95653%208.76447%208.86298%208.98941%208.67587%209.17552C8.48864%209.36163%208.2632%209.45469%207.99953%209.45469ZM7.99953%204.96585C7.73575%204.96585%207.51081%204.87224%207.3247%204.68502C7.13859%204.49791%207.04553%204.27247%207.04553%204.00869C7.04553%203.74491%207.13909%203.51997%207.3262%203.33385C7.51342%203.14774%207.73887%203.05469%208.00253%203.05469C8.26631%203.05469%208.49126%203.1483%208.67737%203.33552C8.86348%203.52263%208.95653%203.74808%208.95653%204.01185C8.95653%204.27563%208.86298%204.50058%208.67587%204.68669C8.48864%204.8728%208.2632%204.96585%207.99953%204.96585Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-size: contain;
    cursor: pointer;
}

.cometchat-menu-list__menu-wrapper {
    display: flex;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

.cometchat-date {
    display: inline;
    font: var(--cometchat-font-caption2-regular);
    color: var(--cometchat-neutral-color-600);
    background: transparent;
    text-align: center;
    font-style: normal;
    padding: 3px 10px;
}

.cometchat-delete-bubble {
    display: flex;
    padding: var(--cometchat-padding-2, 8px);
    flex-direction: column;
    align-items: flex-end;
    border-radius: var(--cometchat-radius-3, 12px);
    max-width: 270px;
}

.cometchat-delete-bubble-outgoing {
    background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-delete-bubble-incoming {
    background: var(--cometchat-neutral-color-300, #383838);
}

.cometchat-delete-bubble__body {
    display: flex;
    padding: 0px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--cometchat-padding-1, 4px);
    border-radius: 0px;
}

.cometchat-delete-bubble__icon {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-primary-button-icon, #FFFFFF);
    mask-size: contain;
    -webkit-mask-size: contain;
}

.cometchat-delete-bubble-incoming .cometchat-delete-bubble__icon {
    background: var(--cometchat-neutral-color-600, #727272);
}

.cometchat-delete-bubble-outgoing .cometchat-delete-bubble__icon {
    background: var(--cometchat-static-white, #FFF);
}

.cometchat-delete-bubble__text {
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    text-align: left;
}

.cometchat-delete-bubble-outgoing .cometchat-delete-bubble__text {
    color: var(--cometchat-static-white, #FFF);
}

.cometchat-delete-bubble-incoming .cometchat-delete-bubble__text {
    color: var(--cometchat-neutral-color-600, #989898);
}

.cometchat-document-bubble {
    display: flex;
    width: 240px;
    flex-direction: column;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-1, 4px) 0px var(--cometchat-padding-1, 4px);
    gap: 0px;
    border-radius: var(--cometchat-radius-3, 12px);
    max-width: 240px;

}

.cometchat-document-bubble-incoming {
    background: var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-document-bubble-outgoing {
    background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-document-bubble__body {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) 0px var(--cometchat-padding-2, 8px) 0px;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-3, 12px);
}

.cometchat-document-bubble__banner-image {
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-document-bubble__banner-image img {
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-document-bubble__body-content {
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding, 2px);
}

.cometchat-document-bubble__body-content-name {
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-medium);
    font-style: normal;
    line-height: 120%;
    text-align: left;
}

.cometchat-document-bubble-incoming .cometchat-document-bubble__body-content-name {
    color: var(--cometchat-text-color-primary, #141414);
}

.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-content-name {
    color: var(--cometchat-static-white, #FFF);
}

.cometchat-document-bubble__body-content-description {
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-caption2-regular);
    font-style: normal;
    line-height: 120%;
}

.cometchat-document-bubble-incoming .cometchat-document-bubble__body-content-description {
    color: var(--cometchat-neutral-color-600, #727272);
}

.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-content-description {
    color: var(--cometchat-static-white, #FFF);
}

.cometchat-document-bubble__body-icon {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.cometchat-collaborative-document .cometchat-document-bubble__body-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%208.14748C6%206.40917%207.40918%205%209.14749%205H19.8489C21.5873%205%2022.9964%206.40918%2022.9964%208.14749V13.5388C22.9964%2013.7033%2022.932%2013.8612%2022.8171%2013.9789L18.75%2018.1389L12.9326%2023.7101C12.8154%2023.8223%2012.6594%2023.8849%2012.4972%2023.8849H9.14749C7.40918%2023.8849%206%2022.4757%206%2020.7374V8.14748ZM13.2393%207.95166C12.783%207.95166%2012.4131%208.32157%2012.4131%208.77788C12.4131%209.23418%2012.783%209.60409%2013.2393%209.60409H19.2195C19.6758%209.60409%2020.0457%209.23418%2020.0457%208.77788C20.0457%208.32157%2019.6758%207.95166%2019.2195%207.95166H13.2393ZM9.77641%2011.4146C9.3201%2011.4146%208.9502%2011.7845%208.9502%2012.2408C8.9502%2012.6971%209.3201%2013.067%209.77641%2013.067H19.2189C19.6752%2013.067%2020.0451%2012.6971%2020.0451%2012.2408C20.0451%2011.7845%2019.6752%2011.4146%2019.2189%2011.4146H9.77641ZM9.77641%2014.876C9.3201%2014.876%208.9502%2015.2459%208.9502%2015.7022C8.9502%2016.1585%209.3201%2016.5284%209.77641%2016.5284H17.3304C17.7867%2016.5284%2018.1566%2016.1585%2018.1566%2015.7022C18.1566%2015.2459%2017.7867%2014.876%2017.3304%2014.876H9.77641Z'%20fill='white'/%3e%3cpath%20d='M25.1275%2015.3341C24.6359%2014.8424%2023.8387%2014.8424%2023.3471%2015.3341L15.4128%2023.2684C15.3622%2023.319%2015.3294%2023.3846%2015.3193%2023.4553L14.9521%2026.0259C14.9209%2026.244%2015.1079%2026.431%2015.326%2026.3998L17.8965%2026.0326C17.9673%2026.0225%2018.0329%2025.9897%2018.0835%2025.9391L26.0178%2018.0048C26.5095%2017.5132%2026.5095%2016.716%2026.0178%2016.2243L25.1275%2015.3341Z'%20fill='white'/%3e%3c/svg%3e")center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%208.14748C6%206.40917%207.40918%205%209.14749%205H19.8489C21.5873%205%2022.9964%206.40918%2022.9964%208.14749V13.5388C22.9964%2013.7033%2022.932%2013.8612%2022.8171%2013.9789L18.75%2018.1389L12.9326%2023.7101C12.8154%2023.8223%2012.6594%2023.8849%2012.4972%2023.8849H9.14749C7.40918%2023.8849%206%2022.4757%206%2020.7374V8.14748ZM13.2393%207.95166C12.783%207.95166%2012.4131%208.32157%2012.4131%208.77788C12.4131%209.23418%2012.783%209.60409%2013.2393%209.60409H19.2195C19.6758%209.60409%2020.0457%209.23418%2020.0457%208.77788C20.0457%208.32157%2019.6758%207.95166%2019.2195%207.95166H13.2393ZM9.77641%2011.4146C9.3201%2011.4146%208.9502%2011.7845%208.9502%2012.2408C8.9502%2012.6971%209.3201%2013.067%209.77641%2013.067H19.2189C19.6752%2013.067%2020.0451%2012.6971%2020.0451%2012.2408C20.0451%2011.7845%2019.6752%2011.4146%2019.2189%2011.4146H9.77641ZM9.77641%2014.876C9.3201%2014.876%208.9502%2015.2459%208.9502%2015.7022C8.9502%2016.1585%209.3201%2016.5284%209.77641%2016.5284H17.3304C17.7867%2016.5284%2018.1566%2016.1585%2018.1566%2015.7022C18.1566%2015.2459%2017.7867%2014.876%2017.3304%2014.876H9.77641Z'%20fill='white'/%3e%3cpath%20d='M25.1275%2015.3341C24.6359%2014.8424%2023.8387%2014.8424%2023.3471%2015.3341L15.4128%2023.2684C15.3622%2023.319%2015.3294%2023.3846%2015.3193%2023.4553L14.9521%2026.0259C14.9209%2026.244%2015.1079%2026.431%2015.326%2026.3998L17.8965%2026.0326C17.9673%2026.0225%2018.0329%2025.9897%2018.0835%2025.9391L26.0178%2018.0048C26.5095%2017.5132%2026.5095%2016.716%2026.0178%2016.2243L25.1275%2015.3341Z'%20fill='white'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-collaborative-whiteboard .cometchat-document-bubble__body-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e")center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-document-bubble-incoming .cometchat-document-bubble__body-icon {
    background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-document-bubble-outgoing .cometchat-document-bubble__body-icon {
    background: var(--cometchat-static-white, #FFF);
}

.cometchat-document-bubble__button {
    display: flex;
    height: 40px;
    padding: var(--cometchat-padding-5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    font: var(--cometchat-font-button-medium);
    font-style: normal;
    line-height: 120%;
    cursor: pointer;
}

.cometchat-document-bubble-incoming .cometchat-document-bubble__button {
    color: var(--cometchat-primary-button-background, #6852D6);
    border-top: 1px solid var(--cometchat-border-color-dark, #DCDCDC);
}

.cometchat-document-bubble-outgoing .cometchat-document-bubble__button {
    border-top: 1px solid var(--cometchat-extended-primary-color-800, #7965DB);
    color: var(--cometchat-static-white, #FFF);
}

.cometchat-dropdown {
    position: relative;
}

.cometchat-dropdown__placeholder-text {
    display: flex;
    justify-content: space-between;
    height: 36px;
    width: 100%;
    padding: var(--cometchat-padding-2, 8px);
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    background: var(--cometchat-background-color-01, #FFF);
    border: 1px solid var(--cometchat-border-color-default, #F5F5F5);
    overflow: hidden;
    color: var(--cometchat-text-color-tertiary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    line-height: 120%;
}

.cometchat-dropdown__placeholder-text label {
    color: var(--cometchat-text-color-primary, #141414);
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-dropdown__placeholder-text::after {
    border: 1px solid var(--cometchat-border-color-highlight, #6852D6);
}

.cometchat-dropdown__arrow {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-icon-color-primary, #6B7280);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99841%2012.9961C9.90813%2012.9961%209.82536%2012.9805%209.75008%2012.9492C9.67494%2012.918%209.60376%2012.8665%209.53654%2012.7948L5.55049%208.80859C5.41619%208.67901%205.35195%208.52276%205.35779%208.33984C5.36362%208.15707%205.43362%208.002%205.56779%207.87464C5.70209%207.74727%205.85897%207.68359%206.03841%207.68359C6.21772%207.68359%206.37105%207.74727%206.49841%207.87464L9.99841%2011.3886L13.5124%207.87464C13.6396%207.74727%2013.7906%207.68595%2013.9655%207.69068C14.1402%207.69526%2014.2947%207.76123%2014.429%207.88859C14.5632%208.01582%2014.6309%208.17089%2014.6322%208.3538C14.6333%208.53672%2014.569%208.69297%2014.4395%208.82255L10.4672%2012.7948C10.3954%2012.8665%2010.3219%2012.918%2010.2467%2012.9492C10.1715%2012.9805%2010.0887%2012.9961%209.99841%2012.9961Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e");
    cursor: pointer;
}

.cometchat-dropdown__items {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    position: relative;
    z-index: 20;
}

.cometchat-dropdown__item {
    display: flex;
    padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    align-self: stretch;
    background: var(--cometchat-background-color-01, #FFF);
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    line-height: 120%;
}

.cometchat-dropdown__item:hover {
    border-right: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-white-hover, #FAFAFA);
    cursor: pointer;
}

.cometchat-dropdown__items-hidden {
    display: none;
}

/*
   Main container for the edit preview area.
*/

.cometchat-edit-preview {
    padding: var(--cometchat-padding-2, 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    min-height: 30px;
    height: 100%;
    width: 100%;
    border: none;
    background: var(--cometchat-background-color-03);
    border-radius: var(--cometchat-radius-1, 4px);
    box-sizing: border-box;
    gap: var(--cometchat-padding-1, 4px);
    position: relative;
}

/*
   Close button for the edit preview.
*/

.cometchat-edit-preview__close {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cometchat-icon-color-primary);
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: var(--cometchat-padding-2, 8px);
    right: var(--cometchat-padding-2, 8px);
    cursor: pointer;
}

/*
   Title text inside the edit preview.
*/

.cometchat-edit-preview__title {
    font: var(--cometchat-font-body-regular);
    color: var(--cometchat-text-color-primary);
    font-style: normal;
}

/*
   Subtitle text inside the edit preview, containing the actual text being edited.
*/

.cometchat-edit-preview__subtitle {
    font-style: normal;
    text-align: left;
    color: var(--cometchat-text-color-secondary);
    font: var(--cometchat-font-caption1-regular);
    word-break: break-word;
    width: 100%;
    overflow: hidden;
}

.cometchat-emoji-keyboard {
    display: flex;
    width: 300px;
    height: 300px;
    overflow: hidden;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    position: absolute;
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-emoji-keyboard__tabs {
    display: flex;
    width: 100%;
    min-height: 48px;
    overflow: scroll hidden;
    padding: var(--cometchat-padding-2, 8px);
    align-items: center;
    gap: var(--cometchat-padding-2, 4px);
    border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);
    cursor: pointer;
  /* Force hardware acceleration */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: scroll-position; /* Hint the browser for performance optimization */
}

.cometchat-emoji-keyboard__search {
    width: 100%;
     height: fit-content;
     padding: var(--cometchat-padding-3, 12px);
}

.cometchat-emoji-keyboard .cometchat-search-bar {
    height: 36px;
}

.cometchat-emoji-keyboard .cometchat-search-bar input,
.cometchat-emoji-keyboard .cometchat-search-bar input::placeholder {
    font: var(--cometchat-font-body-regular, 700 14px Roboto);
}

.cometchat-emoji-keyboard__list .cometchat-search {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px);
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--cometchat-radius-max, 1000px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-03, #F5F5F5);
}

.cometchat-emoji-keyboard__list-content {
    display: contents;
}

.cometchat-emoji-keyboard__emoji-list {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    gap: var(--cometchat-spacing-2, 8px);
}

.cometchat-emoji-keyboard__list-item {
    font-size: 24px;
    cursor: pointer;
    border-radius: var(--cometchat-radius-2, 8px);
    display: flex;
    justify-content: center;
    text-align: center;
    height: 32px;
    width: 32px;
}

.cometchat-emoji-keyboard__list-item:hover{
    background-color: var(--cometchat-background-color-03, #F5F5F5);
}

.cometchat-emoji-keyboard__list-item:active{
    background-color: var(--cometchat-background-color-04, #E8E8E8);
}

.cometchat-emoji-keyboard__list-title {
    color: var(--cometchat-text-color-tertiary, #A1A1A1);
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
    line-height: 120%;
    text-align: left;
}

.cometchat-emoji-keyboard__tab-active {
    background: var(--cometchat-extended-primary-color-100, #EDEAFA);
}

.cometchat-emoji-keyboard__tab {
    display: flex;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12.8px;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-emoji-keyboard__list {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    display: flex;
    padding: 0px var(--cometchat-padding-3, 12px) var(--cometchat-padding-3, 12px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

.cometchat-emoji-keyboard__tab-icon {
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    mask-size: contain;
    -webkit-mask-size: contain;
    width: 17px;
    height: 17px;
}

.cometchat-emoji-keyboard__tab-active .cometchat-emoji-keyboard__tab-icon {
    background: var(--cometchat-icon-color-highlight, #6852D6);
}

[data-theme="dark"] .cometchat-emoji-keyboard .cometchat-emoji-keyboard__list-item {
    color: var( --cometchat-neutral-color-500);
}

/* Main file bubble container with flex layout, gap, and background settings */

.cometchat-file-bubble {
    justify-content: space-between;
    overflow: hidden;
    box-sizing: border-box;
    gap: var(--cometchat-padding-2, 8px);
    border: none;
    border-radius: none;
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px) var(--cometchat-padding-1, 4px);
    flex-direction: row;
    align-items: center;
    border-radius: var(--cometchat-radius-3, 12px);
    align-self: stretch;
    width: 240px;
    max-width: 240px;
}

.cometchat-file-bubble>div:not([class]) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    flex: 1 0 0;
    width: inherit;
    overflow: hidden;
}

/* Body section of the file bubble with text alignment and overflow settings */

.cometchat-file-bubble__body {
    word-wrap: break-word;
    text-align: left;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding);
}

/* Styling for the name inside the body */

.cometchat-file-bubble__body-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-medium);
    font-style: normal;
}

/* Styling for file details section (file size, type, etc.) */

.cometchat-file-bubble__body-details {
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--cometchat-font-caption2-regular);
    font-style: normal;

}

/* Leading view section (e.g., file icon) with flex settings */

.cometchat-file-bubble__leading-view {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    width: fit-content;
}

/* Download icon for the tail view (right side of the file bubble) */

.cometchat-file-bubble__tail-view-download {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8320'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8320)'%3e%3cpath%20d='M12%2015.4115C11.8795%2015.4115%2011.7673%2015.3923%2011.6635%2015.3538C11.5597%2015.3154%2011.4609%2015.2494%2011.3672%2015.1558L8.25775%2012.0463C8.10908%2011.8974%208.03567%2011.7233%208.0375%2011.524C8.0395%2011.3247%208.11292%2011.1474%208.25775%2010.9922C8.41292%2010.8372%208.59108%2010.7572%208.79225%2010.752C8.99358%2010.7468%209.17183%2010.8218%209.327%2010.977L11.25%2012.9V5.25C11.25%205.03717%2011.3218%204.859%2011.4655%204.7155C11.609%204.57183%2011.7872%204.5%2012%204.5C12.2128%204.5%2012.391%204.57183%2012.5345%204.7155C12.6782%204.859%2012.75%205.03717%2012.75%205.25V12.9L14.673%2010.977C14.8218%2010.8283%2014.9984%2010.7549%2015.2028%2010.7568C15.4073%2010.7588%2015.5871%2010.8372%2015.7423%2010.9922C15.8871%2011.1474%2015.9621%2011.3231%2015.9672%2011.5192C15.9724%2011.7154%2015.8974%2011.8911%2015.7423%2012.0463L12.6328%2015.1558C12.5391%2015.2494%2012.4403%2015.3154%2012.3365%2015.3538C12.2327%2015.3923%2012.1205%2015.4115%2012%2015.4115ZM6.30775%2019.5C5.80258%2019.5%205.375%2019.325%205.025%2018.975C4.675%2018.625%204.5%2018.1974%204.5%2017.6923V15.7308C4.5%2015.5179%204.57183%2015.3398%204.7155%2015.1962C4.859%2015.0526%205.03717%2014.9808%205.25%2014.9808C5.46283%2014.9808%205.641%2015.0526%205.7845%2015.1962C5.92817%2015.3398%206%2015.5179%206%2015.7308V17.6923C6%2017.7692%206.03208%2017.8398%206.09625%2017.9038C6.16025%2017.9679%206.23075%2018%206.30775%2018H17.6923C17.7692%2018%2017.8398%2017.9679%2017.9038%2017.9038C17.9679%2017.8398%2018%2017.7692%2018%2017.6923V15.7308C18%2015.5179%2018.0718%2015.3398%2018.2155%2015.1962C18.359%2015.0526%2018.5372%2014.9808%2018.75%2014.9808C18.9628%2014.9808%2019.141%2015.0526%2019.2845%2015.1962C19.4282%2015.3398%2019.5%2015.5179%2019.5%2015.7308V17.6923C19.5%2018.1974%2019.325%2018.625%2018.975%2018.975C18.625%2019.325%2018.1974%2019.5%2017.6923%2019.5H6.30775Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8320'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8320)'%3e%3cpath%20d='M12%2015.4115C11.8795%2015.4115%2011.7673%2015.3923%2011.6635%2015.3538C11.5597%2015.3154%2011.4609%2015.2494%2011.3672%2015.1558L8.25775%2012.0463C8.10908%2011.8974%208.03567%2011.7233%208.0375%2011.524C8.0395%2011.3247%208.11292%2011.1474%208.25775%2010.9922C8.41292%2010.8372%208.59108%2010.7572%208.79225%2010.752C8.99358%2010.7468%209.17183%2010.8218%209.327%2010.977L11.25%2012.9V5.25C11.25%205.03717%2011.3218%204.859%2011.4655%204.7155C11.609%204.57183%2011.7872%204.5%2012%204.5C12.2128%204.5%2012.391%204.57183%2012.5345%204.7155C12.6782%204.859%2012.75%205.03717%2012.75%205.25V12.9L14.673%2010.977C14.8218%2010.8283%2014.9984%2010.7549%2015.2028%2010.7568C15.4073%2010.7588%2015.5871%2010.8372%2015.7423%2010.9922C15.8871%2011.1474%2015.9621%2011.3231%2015.9672%2011.5192C15.9724%2011.7154%2015.8974%2011.8911%2015.7423%2012.0463L12.6328%2015.1558C12.5391%2015.2494%2012.4403%2015.3154%2012.3365%2015.3538C12.2327%2015.3923%2012.1205%2015.4115%2012%2015.4115ZM6.30775%2019.5C5.80258%2019.5%205.375%2019.325%205.025%2018.975C4.675%2018.625%204.5%2018.1974%204.5%2017.6923V15.7308C4.5%2015.5179%204.57183%2015.3398%204.7155%2015.1962C4.859%2015.0526%205.03717%2014.9808%205.25%2014.9808C5.46283%2014.9808%205.641%2015.0526%205.7845%2015.1962C5.92817%2015.3398%206%2015.5179%206%2015.7308V17.6923C6%2017.7692%206.03208%2017.8398%206.09625%2017.9038C6.16025%2017.9679%206.23075%2018%206.30775%2018H17.6923C17.7692%2018%2017.8398%2017.9679%2017.9038%2017.9038C17.9679%2017.8398%2018%2017.7692%2018%2017.6923V15.7308C18%2015.5179%2018.0718%2015.3398%2018.2155%2015.1962C18.359%2015.0526%2018.5372%2014.9808%2018.75%2014.9808C18.9628%2014.9808%2019.141%2015.0526%2019.2845%2015.1962C19.4282%2015.3398%2019.5%2015.5179%2019.5%2015.7308V17.6923C19.5%2018.1974%2019.325%2018.625%2018.975%2018.975C18.625%2019.325%2018.1974%2019.5%2017.6923%2019.5H6.30775Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    background: var(--cometchat-primary-color);
    cursor: pointer;
}

/* Adjustments for incoming file bubble name text color */

.cometchat-file-bubble-incoming .cometchat-file-bubble__body-name {
    color: var(--cometchat-neutral-color-900);
}

/* Adjustments for incoming file bubble details text color */

.cometchat-file-bubble-incoming .cometchat-file-bubble__body-details {
    color: var(--cometchat-neutral-color-600);
}

/* Adjustments for outgoing file bubble name text color */

.cometchat-file-bubble-outgoing .cometchat-file-bubble__body-name {
    color: var(--cometchat-static-white);
}

/* Adjustments for outgoing file bubble details text color */

.cometchat-file-bubble-outgoing .cometchat-file-bubble__body-details {
    color: var(--cometchat-static-white);
}

/* Background color for incoming file bubbles */

.cometchat-file-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/* Background color for outgoing file bubbles */

.cometchat-file-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

/* Progress circle container with a fixed width and height */

.cometchat-file-bubble__tail-view-download-progress {
    position: relative;
    width: 20px;
    height: 20px;
}

/* SVG within the download progress container with rotation */

.cometchat-file-bubble__tail-view-download-progress svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}

/* Close icon in the progress view to stop/cancel download */

.cometchat-file-bubble__tail-view-download-stop {
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-primary-color);
    display: flex;
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
}

/* Background circle for the download progress */

circle.cometchat-file-bubble__tail-view-download-progress-background {
    stroke: var(--cometchat-primary-color);
    stroke-dasharray: 113 113;
    stroke-width: 2;
    fill: none;
    opacity: .2;
}

/* Foreground circle that indicates download progress */

circle.cometchat-file-bubble__tail-view-download-progress-foreground {
    stroke: var(--cometchat-primary-color);
    stroke-dasharray: 0 113;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
}

/* Tail view download button for outgoing file bubble */

.cometchat-file-bubble-outgoing .cometchat-file-bubble__tail-view-download {
    background: var(--cometchat-static-white);
}

/* Background circle for download progress in outgoing bubble */

.cometchat-file-bubble-outgoing circle.cometchat-file-bubble__tail-view-download-progress-background {
    stroke: var(--cometchat-static-white);
    opacity: .2;
}

/* Foreground circle for download progress in outgoing bubble */

.cometchat-file-bubble-outgoing circle.cometchat-file-bubble__tail-view-download-progress-foreground {
    stroke: var(--cometchat-static-white);
}

/* Stop download icon for outgoing file bubble */

.cometchat-file-bubble-outgoing .cometchat-file-bubble__tail-view-download-stop {
    background: var(--cometchat-static-white);
}

.cometchat-fullscreen-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #141414CC;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.cometchat-fullscreen-viewer__header {
  width:fit-content;
  position: absolute;
  left: 10px;
  top: 0px;
}

.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__header-item .cometchat-list-item {
  background-color: transparent;
}

.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__header-item .cometchat-avatar img {
  width: 100%;
  height: 100%;
}

.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__header-item .cometchat-list-item__body-title {
  overflow: hidden;
  color: var(--cometchat-static-white, #FFF);
  text-overflow: ellipsis;
  font: var(--cometchat-font-heading4-medium);
  font-style: normal;
}

.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__header-item .cometchat-list-item__body-subtitle  {
  overflow: hidden;
  color: var(--cometchat-text-color-tertiary, #A1A1A1);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-caption1-regular);
}

.cometchat-fullscreen-viewer__body-image {
  max-width: 400px;
  max-height: 600px;
  flex-shrink: 0;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-fullscreen-viewer__close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  mask-repeat: no-repeat;
  background-color: var(--cometchat-primary-button-icon, #FFFFFF);
  height: 32px;
  width: 32px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.cometchat-fullscreen-viewer__body-download-progress {
  position: relative;
  width: 100px;
  height: 100px;
}

.cometchat-fullscreen-viewer__body-download-progress svg {
  width: 100px;
  height: 100px;
  transform: rotate(-90deg);
}

circle.cometchat-fullscreen-viewer__body-download-progress-background {
  stroke: var(--cometchat-static-white);
  stroke-dasharray: 113 113;
  stroke-width: 2;
  fill: none;
  opacity: .2;
}

circle.cometchat-fullscreen-viewer__body-download-progress-foreground {
  stroke: var(--cometchat-static-white);
  stroke-dasharray: 0 113;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
}

/* Styles for the image bubble container */

.cometchat-image-bubble {
    padding: 0;
    background: transparent;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    max-height: 350px;
    max-width: 250px;
    border-radius: var(--cometchat-radius-3);
    overflow: hidden;
    cursor: pointer;
}

/* Styles for the image inside the bubble */

.cometchat-image-bubble__body {
    margin: 0;
    border-radius: inherit;
    height: 100%;
    width: 100%;
    object-fit: cover;

}

/* Specific styling for incoming image bubbles, giving it a background color
   for differentiation */

.cometchat-image-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/* Specific styling for outgoing image bubbles, using the primary color as
   the background to distinguish it from incoming bubbles */

.cometchat-image-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

/* Main container for the list component, taking full width and height */

.cometchat-list {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

/* Title section of the header, containing text or other elements */

.cometchat-list__header-title {
    display: flex;
    height: fit-content;
    min-height: 64px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-align: left;
    overflow: hidden;
    color: var(--cometchat-text-color-primary);
    text-overflow: ellipsis;
    font: var(--cometchat-font-heading1-bold);
    font-style: normal;
    width: 100%;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    gap: var(--cometchat-padding-3, 12px);
    flex: 1 0 0;
    align-self: stretch;
}

/* Header section of the list, containing title and possibly other elements */

.cometchat-list__header {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: var(--cometchat-background-color-01);
    border-right: 1px solid var(--cometchat-border-color-light);
    border-bottom: 1px solid var(--cometchat-border-color-light);
}

/* Search bar section in the header */

.cometchat-list__header-search-bar {
    display: flex;
    padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
    align-items: flex-start;
    align-self: stretch;
    width: 100%;

}

/* Body section of the list, contains the scrollable content */

.cometchat-list__body {
    overflow: hidden auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid var(--cometchat-border-color-light);
    position: relative;
}

/* Styles for loading, error, and empty views, taking up the remaining space */

.cometchat-list__loading-view,
.cometchat-list__error-view,
.cometchat-list__empty-view {
    height: calc(100% - 1px);
    overflow: hidden;
    width: 100%;
}

.cometchat-list__loading-view-top{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

/* Section header text styling */

.cometchat-list__section-header {
    color: var(--cometchat-primary-color, #6852D6);
    font: var(--cometchat-font-heading4-medium);
    font-style: normal;
    text-align: left;
}

/* Section container, holds section items */

.cometchat-list__section {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px) 0 var(--cometchat-padding-4, 16px);
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
}

.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar,
.cometchat-list-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
    display: none;
}

/* Wrapper for each item in the list */

.cometchat-list__item-wrapper {
    display: flex;
    flex-direction: column;
}

.cometchat-list-item {
    display: flex;
    width: 100%;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    background: var(--cometchat-background-color-01, #FFF);
    box-sizing: border-box;
}

.cometchat-list-item:hover {
    background: var(--cometchat-white-hover, #FAFAFA);
}

.cometchat-list-item:active {
    background: var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-list-item__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 5px;
    overflow: hidden;
}

.cometchat-list-item__body-title {
    height: 19px;
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--cometchat-font-heading4-medium, 500 16px Roboto);
    line-height: 120%;
    margin-right: var(--cometchat-margin-1);
    width: 100%;

}

.cometchat-list-item__title-container {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-1, 4px);
    flex: 1 0 0;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.cometchat-list-item__menu-view,
.cometchat-list-item__trailing-view {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: flex-end;
    align-items: center;
}

.cometchat-list-item__trailing-view-hidden {
    display: none;
}

.cometchat-list-item__leading-view {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 9px 9px 9px 10px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max, 1000px);
}

.cometchat-list-item__body-subtitle {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cometchat-list-item__status {
    display: none;
}

.cometchat-list-item__status-icon_right {
    border-radius: 16px;
    width: 10px;
    height: 10px;
    border: none;
    position: relative;
    bottom: 20%;
    margin-left: 20px;
}

.cometchat-list-item__divider {
    height: 1px;
    width: 100%;
    background: grey;
}

.cometchat-media-recorder__recording,
.cometchat-media-recorder__recorded {
    display: flex;
    width: 260px;
    height: inherit;
    padding: var(--cometchat-padding-5, 20px);
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-5, 20px);
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-media-recorder__recording{
    justify-content: space-between;
}

.cometchat-media-recorder {
    width: max-content;
}

.cometchat-media-recorder .cometchat-audio-bubble {
    padding-bottom: var(--cometchat-padding-2);
    max-width: 100%;
    width: 100%;
}

.cometchat-media-recorder .cometchat-audio-bubble .cometchat-audio-bubble__tail-view {
    display: none;
}

.cometchat-media-recorder .cometchat-audio-bubble .cometchat-audio-bubble__body {
    flex-direction: row;
    gap: var(--cometchat-padding-2);
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
}

.cometchat-media-recorder__recording-control,
.cometchat-media-recorder__recorded-control {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cometchat-media-recorder__recording-preview {
    display: flex;
    width: 120px;
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
}

.cometchat-media-recorder__recorded-preview {
    display: flex;
    width: 260px;
    padding: var(--cometchat-padding-2, 8px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border-radius: var(--cometchat-radius-3, 12px);
    background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-media-recorder__recording-control-delete,
.cometchat-media-recorder__recorded-control-delete,
.cometchat-media-recorder__recording-control-stop,
.cometchat-media-recorder__recorded-control-record {
    display: flex;
    width: 40px;
    cursor: pointer;
    height: 40px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-background-color-01, #FFF);
    border-radius: var(--cometchat-radius-max, 1000px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.cometchat-media-recorder__recording-control-stop-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8289'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8289)'%3e%3cpath%20d='M6.5%2015.6923V8.30775C6.5%207.81058%206.677%207.385%207.031%207.031C7.385%206.677%207.81058%206.5%208.30775%206.5H15.6923C16.1894%206.5%2016.615%206.677%2016.969%207.031C17.323%207.385%2017.5%207.81058%2017.5%208.30775V15.6923C17.5%2016.1894%2017.323%2016.615%2016.969%2016.969C16.615%2017.323%2016.1894%2017.5%2015.6923%2017.5H8.30775C7.81058%2017.5%207.385%2017.323%207.031%2016.969C6.677%2016.615%206.5%2016.1894%206.5%2015.6923Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8289'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8289)'%3e%3cpath%20d='M6.5%2015.6923V8.30775C6.5%207.81058%206.677%207.385%207.031%207.031C7.385%206.677%207.81058%206.5%208.30775%206.5H15.6923C16.1894%206.5%2016.615%206.677%2016.969%207.031C17.323%207.385%2017.5%207.81058%2017.5%208.30775V15.6923C17.5%2016.1894%2017.323%2016.615%2016.969%2016.969C16.615%2017.323%2016.1894%2017.5%2015.6923%2017.5H8.30775C7.81058%2017.5%207.385%2017.323%207.031%2016.969C6.677%2016.615%206.5%2016.1894%206.5%2015.6923Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-control-delete-icon,
.cometchat-media-recorder__recorded-control-delete-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8465'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8465)'%3e%3cpath%20d='M7.30775%2020.5C6.81058%2020.5%206.385%2020.323%206.031%2019.969C5.677%2019.615%205.5%2019.1894%205.5%2018.6923V6H5.25C5.0375%206%204.85942%205.92808%204.71575%205.78425C4.57192%205.64042%204.5%205.46225%204.5%205.24975C4.5%205.03708%204.57192%204.859%204.71575%204.7155C4.85942%204.57183%205.0375%204.5%205.25%204.5H9C9%204.25517%209.08625%204.0465%209.25875%203.874C9.43108%203.70167%209.63967%203.6155%209.8845%203.6155H14.1155C14.3603%203.6155%2014.5689%203.70167%2014.7413%203.874C14.9138%204.0465%2015%204.25517%2015%204.5H18.75C18.9625%204.5%2019.1406%204.57192%2019.2843%204.71575C19.4281%204.85959%2019.5%205.03775%2019.5%205.25025C19.5%205.46292%2019.4281%205.641%2019.2843%205.7845C19.1406%205.92817%2018.9625%206%2018.75%206H18.5V18.6923C18.5%2019.1894%2018.323%2019.615%2017.969%2019.969C17.615%2020.323%2017.1894%2020.5%2016.6923%2020.5H7.30775ZM10.1543%2017C10.3668%2017%2010.5448%2016.9282%2010.6885%2016.7845C10.832%2016.6407%2010.9037%2016.4625%2010.9037%2016.25V8.75C10.9037%208.5375%2010.8318%208.35933%2010.688%208.2155C10.5443%208.07183%2010.3662%208%2010.1535%208C9.941%208%209.76292%208.07183%209.61925%208.2155C9.47575%208.35933%209.404%208.5375%209.404%208.75V16.25C9.404%2016.4625%209.47583%2016.6407%209.6195%2016.7845C9.76333%2016.9282%209.94158%2017%2010.1543%2017ZM13.8465%2017C14.059%2017%2014.2371%2016.9282%2014.3807%2016.7845C14.5243%2016.6407%2014.596%2016.4625%2014.596%2016.25V8.75C14.596%208.5375%2014.5242%208.35933%2014.3805%208.2155C14.2367%208.07183%2014.0584%208%2013.8458%208C13.6333%208%2013.4552%208.07183%2013.3115%208.2155C13.168%208.35933%2013.0962%208.5375%2013.0962%208.75V16.25C13.0962%2016.4625%2013.1682%2016.6407%2013.312%2016.7845C13.4557%2016.9282%2013.6338%2017%2013.8465%2017Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8465'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8465)'%3e%3cpath%20d='M7.30775%2020.5C6.81058%2020.5%206.385%2020.323%206.031%2019.969C5.677%2019.615%205.5%2019.1894%205.5%2018.6923V6H5.25C5.0375%206%204.85942%205.92808%204.71575%205.78425C4.57192%205.64042%204.5%205.46225%204.5%205.24975C4.5%205.03708%204.57192%204.859%204.71575%204.7155C4.85942%204.57183%205.0375%204.5%205.25%204.5H9C9%204.25517%209.08625%204.0465%209.25875%203.874C9.43108%203.70167%209.63967%203.6155%209.8845%203.6155H14.1155C14.3603%203.6155%2014.5689%203.70167%2014.7413%203.874C14.9138%204.0465%2015%204.25517%2015%204.5H18.75C18.9625%204.5%2019.1406%204.57192%2019.2843%204.71575C19.4281%204.85959%2019.5%205.03775%2019.5%205.25025C19.5%205.46292%2019.4281%205.641%2019.2843%205.7845C19.1406%205.92817%2018.9625%206%2018.75%206H18.5V18.6923C18.5%2019.1894%2018.323%2019.615%2017.969%2019.969C17.615%2020.323%2017.1894%2020.5%2016.6923%2020.5H7.30775ZM10.1543%2017C10.3668%2017%2010.5448%2016.9282%2010.6885%2016.7845C10.832%2016.6407%2010.9037%2016.4625%2010.9037%2016.25V8.75C10.9037%208.5375%2010.8318%208.35933%2010.688%208.2155C10.5443%208.07183%2010.3662%208%2010.1535%208C9.941%208%209.76292%208.07183%209.61925%208.2155C9.47575%208.35933%209.404%208.5375%209.404%208.75V16.25C9.404%2016.4625%209.47583%2016.6407%209.6195%2016.7845C9.76333%2016.9282%209.94158%2017%2010.1543%2017ZM13.8465%2017C14.059%2017%2014.2371%2016.9282%2014.3807%2016.7845C14.5243%2016.6407%2014.596%2016.4625%2014.596%2016.25V8.75C14.596%208.5375%2014.5242%208.35933%2014.3805%208.2155C14.2367%208.07183%2014.0584%208%2013.8458%208C13.6333%208%2013.4552%208.07183%2013.3115%208.2155C13.168%208.35933%2013.0962%208.5375%2013.0962%208.75V16.25C13.0962%2016.4625%2013.1682%2016.6407%2013.312%2016.7845C13.4557%2016.9282%2013.6338%2017%2013.8465%2017Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recorded-control-record-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_3522_63973'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20id='Bounding%20box'%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3522_63973)'%3e%3cpath%20id='mic'%20d='M15.9995%2018C15.0679%2018%2014.2795%2017.6773%2013.6342%2017.032C12.9888%2016.3867%2012.6662%2015.5982%2012.6662%2014.6667V6.66667C12.6662%205.73511%2012.9888%204.94667%2013.6342%204.30134C14.2795%203.656%2015.0679%203.33334%2015.9995%203.33334C16.931%203.33334%2017.7195%203.656%2018.3648%204.30134C19.0102%204.94667%2019.3328%205.73511%2019.3328%206.66667V14.6667C19.3328%2015.5982%2019.0102%2016.3867%2018.3648%2017.032C17.7195%2017.6773%2016.931%2018%2015.9995%2018ZM14.9995%2026.6667V23.2717C13.0148%2023.0426%2011.3139%2022.2272%209.89682%2020.8257C8.47993%2019.4239%207.65005%2017.7153%207.40716%2015.7C7.37138%2015.4162%207.44571%2015.1731%207.63016%2014.9707C7.81482%2014.768%208.04905%2014.6667%208.33282%2014.6667C8.6166%2014.6667%208.85416%2014.7646%209.04549%2014.9603C9.23705%2015.1559%209.36449%2015.3956%209.42782%2015.6793C9.67049%2017.312%2010.417%2018.6624%2011.6675%2019.7307C12.9179%2020.7991%2014.3619%2021.3333%2015.9995%2021.3333C17.6593%2021.3333%2019.1088%2020.7936%2020.3482%2019.714C21.5875%2018.6347%2022.3285%2017.2898%2022.5712%2015.6793C22.6345%2015.3956%2022.7619%2015.1559%2022.9535%2014.9603C23.1448%2014.7646%2023.3824%2014.6667%2023.6662%2014.6667C23.9499%2014.6667%2024.1842%2014.768%2024.3688%2014.9707C24.5533%2015.1731%2024.6276%2015.4162%2024.5918%2015.7C24.3489%2017.6709%2023.5246%2019.3662%2022.1188%2020.786C20.7128%2022.2056%2019.0064%2023.0341%2016.9995%2023.2717V26.6667C16.9995%2026.9504%2016.9037%2027.188%2016.7122%2027.3793C16.5208%2027.5709%2016.2833%2027.6667%2015.9995%2027.6667C15.7157%2027.6667%2015.4782%2027.5709%2015.2868%2027.3793C15.0953%2027.188%2014.9995%2026.9504%2014.9995%2026.6667Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_3522_63973'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20id='Bounding%20box'%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3522_63973)'%3e%3cpath%20id='mic'%20d='M15.9995%2018C15.0679%2018%2014.2795%2017.6773%2013.6342%2017.032C12.9888%2016.3867%2012.6662%2015.5982%2012.6662%2014.6667V6.66667C12.6662%205.73511%2012.9888%204.94667%2013.6342%204.30134C14.2795%203.656%2015.0679%203.33334%2015.9995%203.33334C16.931%203.33334%2017.7195%203.656%2018.3648%204.30134C19.0102%204.94667%2019.3328%205.73511%2019.3328%206.66667V14.6667C19.3328%2015.5982%2019.0102%2016.3867%2018.3648%2017.032C17.7195%2017.6773%2016.931%2018%2015.9995%2018ZM14.9995%2026.6667V23.2717C13.0148%2023.0426%2011.3139%2022.2272%209.89682%2020.8257C8.47993%2019.4239%207.65005%2017.7153%207.40716%2015.7C7.37138%2015.4162%207.44571%2015.1731%207.63016%2014.9707C7.81482%2014.768%208.04905%2014.6667%208.33282%2014.6667C8.6166%2014.6667%208.85416%2014.7646%209.04549%2014.9603C9.23705%2015.1559%209.36449%2015.3956%209.42782%2015.6793C9.67049%2017.312%2010.417%2018.6624%2011.6675%2019.7307C12.9179%2020.7991%2014.3619%2021.3333%2015.9995%2021.3333C17.6593%2021.3333%2019.1088%2020.7936%2020.3482%2019.714C21.5875%2018.6347%2022.3285%2017.2898%2022.5712%2015.6793C22.6345%2015.3956%2022.7619%2015.1559%2022.9535%2014.9603C23.1448%2014.7646%2023.3824%2014.6667%2023.6662%2014.6667C23.9499%2014.6667%2024.1842%2014.768%2024.3688%2014.9707C24.5533%2015.1731%2024.6276%2015.4162%2024.5918%2015.7C24.3489%2017.6709%2023.5246%2019.3662%2022.1188%2020.786C20.7128%2022.2056%2019.0064%2023.0341%2016.9995%2023.2717V26.6667C16.9995%2026.9504%2016.9037%2027.188%2016.7122%2027.3793C16.5208%2027.5709%2016.2833%2027.6667%2015.9995%2027.6667C15.7157%2027.6667%2015.4782%2027.5709%2015.2868%2027.3793C15.0953%2027.188%2014.9995%2026.9504%2014.9995%2026.6667Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-control-record,
.cometchat-media-recorder__recording-control-pause,
.cometchat-media-recorder__recorded-control-send {
    display: flex;
    cursor: pointer;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.cometchat-media-recorder__recording-control-error>.cometchat-media-recorder__recording-control-record-icon,
.cometchat-media-recorder__recording-control-record-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-control-record-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_3522_63973'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20id='Bounding%20box'%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3522_63973)'%3e%3cpath%20id='mic'%20d='M15.9995%2018C15.0679%2018%2014.2795%2017.6773%2013.6342%2017.032C12.9888%2016.3867%2012.6662%2015.5982%2012.6662%2014.6667V6.66667C12.6662%205.73511%2012.9888%204.94667%2013.6342%204.30134C14.2795%203.656%2015.0679%203.33334%2015.9995%203.33334C16.931%203.33334%2017.7195%203.656%2018.3648%204.30134C19.0102%204.94667%2019.3328%205.73511%2019.3328%206.66667V14.6667C19.3328%2015.5982%2019.0102%2016.3867%2018.3648%2017.032C17.7195%2017.6773%2016.931%2018%2015.9995%2018ZM14.9995%2026.6667V23.2717C13.0148%2023.0426%2011.3139%2022.2272%209.89682%2020.8257C8.47993%2019.4239%207.65005%2017.7153%207.40716%2015.7C7.37138%2015.4162%207.44571%2015.1731%207.63016%2014.9707C7.81482%2014.768%208.04905%2014.6667%208.33282%2014.6667C8.6166%2014.6667%208.85416%2014.7646%209.04549%2014.9603C9.23705%2015.1559%209.36449%2015.3956%209.42782%2015.6793C9.67049%2017.312%2010.417%2018.6624%2011.6675%2019.7307C12.9179%2020.7991%2014.3619%2021.3333%2015.9995%2021.3333C17.6593%2021.3333%2019.1088%2020.7936%2020.3482%2019.714C21.5875%2018.6347%2022.3285%2017.2898%2022.5712%2015.6793C22.6345%2015.3956%2022.7619%2015.1559%2022.9535%2014.9603C23.1448%2014.7646%2023.3824%2014.6667%2023.6662%2014.6667C23.9499%2014.6667%2024.1842%2014.768%2024.3688%2014.9707C24.5533%2015.1731%2024.6276%2015.4162%2024.5918%2015.7C24.3489%2017.6709%2023.5246%2019.3662%2022.1188%2020.786C20.7128%2022.2056%2019.0064%2023.0341%2016.9995%2023.2717V26.6667C16.9995%2026.9504%2016.9037%2027.188%2016.7122%2027.3793C16.5208%2027.5709%2016.2833%2027.6667%2015.9995%2027.6667C15.7157%2027.6667%2015.4782%2027.5709%2015.2868%2027.3793C15.0953%2027.188%2014.9995%2026.9504%2014.9995%2026.6667Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_3522_63973'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20id='Bounding%20box'%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3522_63973)'%3e%3cpath%20id='mic'%20d='M15.9995%2018C15.0679%2018%2014.2795%2017.6773%2013.6342%2017.032C12.9888%2016.3867%2012.6662%2015.5982%2012.6662%2014.6667V6.66667C12.6662%205.73511%2012.9888%204.94667%2013.6342%204.30134C14.2795%203.656%2015.0679%203.33334%2015.9995%203.33334C16.931%203.33334%2017.7195%203.656%2018.3648%204.30134C19.0102%204.94667%2019.3328%205.73511%2019.3328%206.66667V14.6667C19.3328%2015.5982%2019.0102%2016.3867%2018.3648%2017.032C17.7195%2017.6773%2016.931%2018%2015.9995%2018ZM14.9995%2026.6667V23.2717C13.0148%2023.0426%2011.3139%2022.2272%209.89682%2020.8257C8.47993%2019.4239%207.65005%2017.7153%207.40716%2015.7C7.37138%2015.4162%207.44571%2015.1731%207.63016%2014.9707C7.81482%2014.768%208.04905%2014.6667%208.33282%2014.6667C8.6166%2014.6667%208.85416%2014.7646%209.04549%2014.9603C9.23705%2015.1559%209.36449%2015.3956%209.42782%2015.6793C9.67049%2017.312%2010.417%2018.6624%2011.6675%2019.7307C12.9179%2020.7991%2014.3619%2021.3333%2015.9995%2021.3333C17.6593%2021.3333%2019.1088%2020.7936%2020.3482%2019.714C21.5875%2018.6347%2022.3285%2017.2898%2022.5712%2015.6793C22.6345%2015.3956%2022.7619%2015.1559%2022.9535%2014.9603C23.1448%2014.7646%2023.3824%2014.6667%2023.6662%2014.6667C23.9499%2014.6667%2024.1842%2014.768%2024.3688%2014.9707C24.5533%2015.1731%2024.6276%2015.4162%2024.5918%2015.7C24.3489%2017.6709%2023.5246%2019.3662%2022.1188%2020.786C20.7128%2022.2056%2019.0064%2023.0341%2016.9995%2023.2717V26.6667C16.9995%2026.9504%2016.9037%2027.188%2016.7122%2027.3793C16.5208%2027.5709%2016.2833%2027.6667%2015.9995%2027.6667C15.7157%2027.6667%2015.4782%2027.5709%2015.2868%2027.3793C15.0953%2027.188%2014.9995%2026.9504%2014.9995%2026.6667Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-error-color, #F44649);
}

.cometchat-media-recorder__recording-control-error>.cometchat-media-recorder__recording-control-record-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8402'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8402)'%3e%3cpath%20d='M16.5213%2013.9018C16.3456%2013.8069%2016.2292%2013.6557%2016.172%2013.448C16.115%2013.2403%2016.1339%2013.0487%2016.2288%2012.873C16.3263%2012.7025%2016.4013%2012.5211%2016.4538%2012.3287C16.5064%2012.1364%2016.5462%2011.9416%2016.573%2011.7443C16.6205%2011.5314%2016.716%2011.3542%2016.8595%2011.2125C17.0032%2011.0708%2017.1814%2011%2017.3943%2011C17.6071%2011%2017.7827%2011.0776%2017.921%2011.2327C18.0595%2011.3877%2018.1185%2011.5717%2018.098%2011.7845C18.0608%2012.0973%2017.999%2012.4067%2017.9125%2012.7125C17.826%2013.0182%2017.7052%2013.3088%2017.55%2013.5845C17.4552%2013.7667%2017.3055%2013.8888%2017.101%2013.951C16.8965%2014.0132%2016.7033%2013.9968%2016.5213%2013.9018ZM12.8288%209.7385L9.67127%206.5615C9.5071%206.39733%209.37827%206.20408%209.28477%205.98175C9.1911%205.75925%209.14427%205.5275%209.14427%205.2865V5C9.14427%204.30133%209.38627%203.71%209.87027%203.226C10.3543%202.742%2010.9456%202.5%2011.6443%202.5C12.3429%202.5%2012.9343%202.742%2013.4183%203.226C13.9023%203.71%2014.1443%204.30133%2014.1443%205V9.1865C14.1443%209.534%2013.9865%209.77442%2013.671%209.90775C13.3557%2010.0411%2013.0749%209.98467%2012.8288%209.7385ZM10.8943%2020V17.4578C9.40577%2017.2832%208.1301%2016.6704%207.06727%2015.6193C6.00443%2014.5679%205.38202%2013.2865%205.20002%2011.775C5.17318%2011.5622%205.22893%2011.3798%205.36727%2011.228C5.50577%2011.076%205.68143%2011%205.89427%2011C6.1071%2011%206.28527%2011.0734%206.42877%2011.2203C6.57243%2011.3669%206.66793%2011.5467%206.71527%2011.7595C6.89743%2012.984%207.45743%2013.9968%208.39527%2014.798C9.3331%2015.5993%2010.4161%2016%2011.6443%2016C12.2878%2016%2012.8926%2015.8852%2013.4588%2015.6557C14.0248%2015.4262%2014.5257%2015.1083%2014.9615%2014.702L16.0308%2015.771C15.5474%2016.225%2014.9974%2016.5988%2014.3808%2016.8923C13.7641%2017.1859%2013.1019%2017.3744%2012.3943%2017.4578V20C12.3943%2020.2128%2012.3224%2020.391%2012.1788%2020.5345C12.0353%2020.6782%2011.8571%2020.75%2011.6443%2020.75C11.4314%2020.75%2011.2532%2020.6782%2011.1095%2020.5345C10.966%2020.391%2010.8943%2020.2128%2010.8943%2020ZM19.3405%2021.1885L2.20577%204.05375C2.06727%203.91525%201.99643%203.74125%201.99327%203.53175C1.9901%203.32208%202.06093%203.14483%202.20577%203C2.3506%202.85517%202.52627%202.78275%202.73277%202.78275C2.9391%202.78275%203.11468%202.85517%203.25952%203L20.3943%2020.1345C20.5328%2020.273%2020.6036%2020.4471%2020.6068%2020.6568C20.6099%2020.8663%2020.5391%2021.0435%2020.3943%2021.1885C20.2494%2021.3333%2020.0738%2021.4058%2019.8673%2021.4058C19.6609%2021.4058%2019.4853%2021.3333%2019.3405%2021.1885Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8402'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8402)'%3e%3cpath%20d='M16.5213%2013.9018C16.3456%2013.8069%2016.2292%2013.6557%2016.172%2013.448C16.115%2013.2403%2016.1339%2013.0487%2016.2288%2012.873C16.3263%2012.7025%2016.4013%2012.5211%2016.4538%2012.3287C16.5064%2012.1364%2016.5462%2011.9416%2016.573%2011.7443C16.6205%2011.5314%2016.716%2011.3542%2016.8595%2011.2125C17.0032%2011.0708%2017.1814%2011%2017.3943%2011C17.6071%2011%2017.7827%2011.0776%2017.921%2011.2327C18.0595%2011.3877%2018.1185%2011.5717%2018.098%2011.7845C18.0608%2012.0973%2017.999%2012.4067%2017.9125%2012.7125C17.826%2013.0182%2017.7052%2013.3088%2017.55%2013.5845C17.4552%2013.7667%2017.3055%2013.8888%2017.101%2013.951C16.8965%2014.0132%2016.7033%2013.9968%2016.5213%2013.9018ZM12.8288%209.7385L9.67127%206.5615C9.5071%206.39733%209.37827%206.20408%209.28477%205.98175C9.1911%205.75925%209.14427%205.5275%209.14427%205.2865V5C9.14427%204.30133%209.38627%203.71%209.87027%203.226C10.3543%202.742%2010.9456%202.5%2011.6443%202.5C12.3429%202.5%2012.9343%202.742%2013.4183%203.226C13.9023%203.71%2014.1443%204.30133%2014.1443%205V9.1865C14.1443%209.534%2013.9865%209.77442%2013.671%209.90775C13.3557%2010.0411%2013.0749%209.98467%2012.8288%209.7385ZM10.8943%2020V17.4578C9.40577%2017.2832%208.1301%2016.6704%207.06727%2015.6193C6.00443%2014.5679%205.38202%2013.2865%205.20002%2011.775C5.17318%2011.5622%205.22893%2011.3798%205.36727%2011.228C5.50577%2011.076%205.68143%2011%205.89427%2011C6.1071%2011%206.28527%2011.0734%206.42877%2011.2203C6.57243%2011.3669%206.66793%2011.5467%206.71527%2011.7595C6.89743%2012.984%207.45743%2013.9968%208.39527%2014.798C9.3331%2015.5993%2010.4161%2016%2011.6443%2016C12.2878%2016%2012.8926%2015.8852%2013.4588%2015.6557C14.0248%2015.4262%2014.5257%2015.1083%2014.9615%2014.702L16.0308%2015.771C15.5474%2016.225%2014.9974%2016.5988%2014.3808%2016.8923C13.7641%2017.1859%2013.1019%2017.3744%2012.3943%2017.4578V20C12.3943%2020.2128%2012.3224%2020.391%2012.1788%2020.5345C12.0353%2020.6782%2011.8571%2020.75%2011.6443%2020.75C11.4314%2020.75%2011.2532%2020.6782%2011.1095%2020.5345C10.966%2020.391%2010.8943%2020.2128%2010.8943%2020ZM19.3405%2021.1885L2.20577%204.05375C2.06727%203.91525%201.99643%203.74125%201.99327%203.53175C1.9901%203.32208%202.06093%203.14483%202.20577%203C2.3506%202.85517%202.52627%202.78275%202.73277%202.78275C2.9391%202.78275%203.11468%202.85517%203.25952%203L20.3943%2020.1345C20.5328%2020.273%2020.6036%2020.4471%2020.6068%2020.6568C20.6099%2020.8663%2020.5391%2021.0435%2020.3943%2021.1885C20.2494%2021.3333%2020.0738%2021.4058%2019.8673%2021.4058C19.6609%2021.4058%2019.4853%2021.3333%2019.3405%2021.1885Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-text-color-tertiary, #A1A1A1);
}

.cometchat-media-recorder__recording-control-error {
    pointer-events: none;
}

.cometchat-media-recorder__recording-control-pause-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8317'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8317)'%3e%3cpath%20d='M15.5%2018.5C15.091%2018.5%2014.7387%2018.3523%2014.4432%2018.0568C14.1477%2017.7613%2014%2017.409%2014%2017V7C14%206.591%2014.1477%206.23875%2014.4432%205.94325C14.7387%205.64775%2015.091%205.5%2015.5%205.5H16.25C16.659%205.5%2017.0113%205.64775%2017.3068%205.94325C17.6023%206.23875%2017.75%206.591%2017.75%207V17C17.75%2017.409%2017.6023%2017.7613%2017.3068%2018.0568C17.0113%2018.3523%2016.659%2018.5%2016.25%2018.5H15.5ZM7.75%2018.5C7.341%2018.5%206.98875%2018.3523%206.69325%2018.0568C6.39775%2017.7613%206.25%2017.409%206.25%2017V7C6.25%206.591%206.39775%206.23875%206.69325%205.94325C6.98875%205.64775%207.341%205.5%207.75%205.5H8.5C8.909%205.5%209.26125%205.64775%209.55675%205.94325C9.85225%206.23875%2010%206.591%2010%207V17C10%2017.409%209.85225%2017.7613%209.55675%2018.0568C9.26125%2018.3523%208.909%2018.5%208.5%2018.5H7.75Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8317'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8317)'%3e%3cpath%20d='M15.5%2018.5C15.091%2018.5%2014.7387%2018.3523%2014.4432%2018.0568C14.1477%2017.7613%2014%2017.409%2014%2017V7C14%206.591%2014.1477%206.23875%2014.4432%205.94325C14.7387%205.64775%2015.091%205.5%2015.5%205.5H16.25C16.659%205.5%2017.0113%205.64775%2017.3068%205.94325C17.6023%206.23875%2017.75%206.591%2017.75%207V17C17.75%2017.409%2017.6023%2017.7613%2017.3068%2018.0568C17.0113%2018.3523%2016.659%2018.5%2016.25%2018.5H15.5ZM7.75%2018.5C7.341%2018.5%206.98875%2018.3523%206.69325%2018.0568C6.39775%2017.7613%206.25%2017.409%206.25%2017V7C6.25%206.591%206.39775%206.23875%206.69325%205.94325C6.98875%205.64775%207.341%205.5%207.75%205.5H8.5C8.909%205.5%209.26125%205.64775%209.55675%205.94325C9.85225%206.23875%2010%206.591%2010%207V17C10%2017.409%209.85225%2017.7613%209.55675%2018.0568C9.26125%2018.3523%208.909%2018.5%208.5%2018.5H7.75Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-error-color, #F44649);
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recorded-control-send-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8291'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8291)'%3e%3cpath%20d='M6.7665%2018.7228C6.4645%2018.8434%206.17792%2018.8178%205.90675%2018.6458C5.63558%2018.4738%205.5%2018.2233%205.5%2017.8943V13.673L12.423%2012L5.5%2010.327V6.10576C5.5%205.77676%205.63558%205.52626%205.90675%205.35426C6.17792%205.18226%206.4645%205.1566%206.7665%205.27726L20.723%2011.1615C21.0948%2011.328%2021.2807%2011.6081%2021.2807%2012.0018C21.2807%2012.3954%2021.0948%2012.6743%2020.723%2012.8385L6.7665%2018.7228Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8291'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8291)'%3e%3cpath%20d='M6.7665%2018.7228C6.4645%2018.8434%206.17792%2018.8178%205.90675%2018.6458C5.63558%2018.4738%205.5%2018.2233%205.5%2017.8943V13.673L12.423%2012L5.5%2010.327V6.10576C5.5%205.77676%205.63558%205.52626%205.90675%205.35426C6.17792%205.18226%206.4645%205.1566%206.7665%205.27726L20.723%2011.1615C21.0948%2011.328%2021.2807%2011.6081%2021.2807%2012.0018C21.2807%2012.3954%2021.0948%2012.6743%2020.723%2012.8385L6.7665%2018.7228Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-icon-color-highlight, #6852D6);
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-preview-recording,
.cometchat-media-recorder__recording-preview-paused {
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-icon-color-highlight, #6852D6);
}

.cometchat-media-recorder__recording-preview-recording-icon,
.cometchat-media-recorder__recording-preview-paused-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: var(--cometchat-icon-color-white, #FFFFFF);
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_2993_47565'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='48'%20height='48'%3e%3crect%20id='Bounding%20box'%20width='48'%20height='48'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2993_47565)'%3e%3cpath%20id='mic'%20d='M23.9992%2027C22.6019%2027%2021.4192%2026.516%2020.4512%2025.548C19.4832%2024.58%2018.9992%2023.3973%2018.9992%2022V10C18.9992%208.60267%2019.4832%207.42%2020.4512%206.452C21.4192%205.484%2022.6019%205%2023.9992%205C25.3966%205%2026.5792%205.484%2027.5472%206.452C28.5152%207.42%2028.9992%208.60267%2028.9992%2010V22C28.9992%2023.3973%2028.5152%2024.58%2027.5472%2025.548C26.5792%2026.516%2025.3966%2027%2023.9992%2027ZM22.4992%2040V34.9075C19.5222%2034.5638%2016.9709%2033.3408%2014.8452%2031.2385C12.7199%2029.1358%2011.4751%2026.573%2011.1107%2023.55C11.0571%2023.1243%2011.1686%2022.7597%2011.4452%2022.456C11.7222%2022.152%2012.0736%2022%2012.4992%2022C12.9249%2022%2013.2812%2022.1468%2013.5682%2022.4405C13.8556%2022.7338%2014.0467%2023.0933%2014.1417%2023.519C14.5057%2025.968%2015.6256%2027.9937%2017.5012%2029.596C19.3769%2031.1987%2021.5429%2032%2023.9992%2032C26.4889%2032%2028.6632%2031.1903%2030.5222%2029.571C32.3812%2027.952%2033.4927%2025.9347%2033.8567%2023.519C33.9517%2023.0933%2034.1429%2022.7338%2034.4302%2022.4405C34.7172%2022.1468%2035.0736%2022%2035.4992%2022C35.9249%2022%2036.2762%2022.152%2036.5532%2022.456C36.8299%2022.7597%2036.9414%2023.1243%2036.8877%2023.55C36.5234%2026.5063%2035.2869%2029.0493%2033.1782%2031.179C31.0692%2033.3083%2028.5096%2034.5512%2025.4992%2034.9075V40C25.4992%2040.4257%2025.3556%2040.782%2025.0682%2041.069C24.7812%2041.3563%2024.4249%2041.5%2023.9992%2041.5C23.5736%2041.5%2023.2172%2041.3563%2022.9302%2041.069C22.6429%2040.782%2022.4992%2040.4257%2022.4992%2040Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_2993_47565'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='48'%20height='48'%3e%3crect%20id='Bounding%20box'%20width='48'%20height='48'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2993_47565)'%3e%3cpath%20id='mic'%20d='M23.9992%2027C22.6019%2027%2021.4192%2026.516%2020.4512%2025.548C19.4832%2024.58%2018.9992%2023.3973%2018.9992%2022V10C18.9992%208.60267%2019.4832%207.42%2020.4512%206.452C21.4192%205.484%2022.6019%205%2023.9992%205C25.3966%205%2026.5792%205.484%2027.5472%206.452C28.5152%207.42%2028.9992%208.60267%2028.9992%2010V22C28.9992%2023.3973%2028.5152%2024.58%2027.5472%2025.548C26.5792%2026.516%2025.3966%2027%2023.9992%2027ZM22.4992%2040V34.9075C19.5222%2034.5638%2016.9709%2033.3408%2014.8452%2031.2385C12.7199%2029.1358%2011.4751%2026.573%2011.1107%2023.55C11.0571%2023.1243%2011.1686%2022.7597%2011.4452%2022.456C11.7222%2022.152%2012.0736%2022%2012.4992%2022C12.9249%2022%2013.2812%2022.1468%2013.5682%2022.4405C13.8556%2022.7338%2014.0467%2023.0933%2014.1417%2023.519C14.5057%2025.968%2015.6256%2027.9937%2017.5012%2029.596C19.3769%2031.1987%2021.5429%2032%2023.9992%2032C26.4889%2032%2028.6632%2031.1903%2030.5222%2029.571C32.3812%2027.952%2033.4927%2025.9347%2033.8567%2023.519C33.9517%2023.0933%2034.1429%2022.7338%2034.4302%2022.4405C34.7172%2022.1468%2035.0736%2022%2035.4992%2022C35.9249%2022%2036.2762%2022.152%2036.5532%2022.456C36.8299%2022.7597%2036.9414%2023.1243%2036.8877%2023.55C36.5234%2026.5063%2035.2869%2029.0493%2033.1782%2031.179C31.0692%2033.3083%2028.5096%2034.5512%2025.4992%2034.9075V40C25.4992%2040.4257%2025.3556%2040.782%2025.0682%2041.069C24.7812%2041.3563%2024.4249%2041.5%2023.9992%2041.5C23.5736%2041.5%2023.2172%2041.3563%2022.9302%2041.069C22.6429%2040.782%2022.4992%2040.4257%2022.4992%2040Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-preview-disabled {
    opacity: 0.2;
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-icon-color-highlight, #6852D6);
}

.cometchat-media-recorder__recording-preview-disabled-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: var(--cometchat-icon-color-white, #FFFFFF);
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_2993_47565'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='48'%20height='48'%3e%3crect%20id='Bounding%20box'%20width='48'%20height='48'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2993_47565)'%3e%3cpath%20id='mic'%20d='M23.9992%2027C22.6019%2027%2021.4192%2026.516%2020.4512%2025.548C19.4832%2024.58%2018.9992%2023.3973%2018.9992%2022V10C18.9992%208.60267%2019.4832%207.42%2020.4512%206.452C21.4192%205.484%2022.6019%205%2023.9992%205C25.3966%205%2026.5792%205.484%2027.5472%206.452C28.5152%207.42%2028.9992%208.60267%2028.9992%2010V22C28.9992%2023.3973%2028.5152%2024.58%2027.5472%2025.548C26.5792%2026.516%2025.3966%2027%2023.9992%2027ZM22.4992%2040V34.9075C19.5222%2034.5638%2016.9709%2033.3408%2014.8452%2031.2385C12.7199%2029.1358%2011.4751%2026.573%2011.1107%2023.55C11.0571%2023.1243%2011.1686%2022.7597%2011.4452%2022.456C11.7222%2022.152%2012.0736%2022%2012.4992%2022C12.9249%2022%2013.2812%2022.1468%2013.5682%2022.4405C13.8556%2022.7338%2014.0467%2023.0933%2014.1417%2023.519C14.5057%2025.968%2015.6256%2027.9937%2017.5012%2029.596C19.3769%2031.1987%2021.5429%2032%2023.9992%2032C26.4889%2032%2028.6632%2031.1903%2030.5222%2029.571C32.3812%2027.952%2033.4927%2025.9347%2033.8567%2023.519C33.9517%2023.0933%2034.1429%2022.7338%2034.4302%2022.4405C34.7172%2022.1468%2035.0736%2022%2035.4992%2022C35.9249%2022%2036.2762%2022.152%2036.5532%2022.456C36.8299%2022.7597%2036.9414%2023.1243%2036.8877%2023.55C36.5234%2026.5063%2035.2869%2029.0493%2033.1782%2031.179C31.0692%2033.3083%2028.5096%2034.5512%2025.4992%2034.9075V40C25.4992%2040.4257%2025.3556%2040.782%2025.0682%2041.069C24.7812%2041.3563%2024.4249%2041.5%2023.9992%2041.5C23.5736%2041.5%2023.2172%2041.3563%2022.9302%2041.069C22.6429%2040.782%2022.4992%2040.4257%2022.4992%2040Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_2993_47565'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='48'%20height='48'%3e%3crect%20id='Bounding%20box'%20width='48'%20height='48'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2993_47565)'%3e%3cpath%20id='mic'%20d='M23.9992%2027C22.6019%2027%2021.4192%2026.516%2020.4512%2025.548C19.4832%2024.58%2018.9992%2023.3973%2018.9992%2022V10C18.9992%208.60267%2019.4832%207.42%2020.4512%206.452C21.4192%205.484%2022.6019%205%2023.9992%205C25.3966%205%2026.5792%205.484%2027.5472%206.452C28.5152%207.42%2028.9992%208.60267%2028.9992%2010V22C28.9992%2023.3973%2028.5152%2024.58%2027.5472%2025.548C26.5792%2026.516%2025.3966%2027%2023.9992%2027ZM22.4992%2040V34.9075C19.5222%2034.5638%2016.9709%2033.3408%2014.8452%2031.2385C12.7199%2029.1358%2011.4751%2026.573%2011.1107%2023.55C11.0571%2023.1243%2011.1686%2022.7597%2011.4452%2022.456C11.7222%2022.152%2012.0736%2022%2012.4992%2022C12.9249%2022%2013.2812%2022.1468%2013.5682%2022.4405C13.8556%2022.7338%2014.0467%2023.0933%2014.1417%2023.519C14.5057%2025.968%2015.6256%2027.9937%2017.5012%2029.596C19.3769%2031.1987%2021.5429%2032%2023.9992%2032C26.4889%2032%2028.6632%2031.1903%2030.5222%2029.571C32.3812%2027.952%2033.4927%2025.9347%2033.8567%2023.519C33.9517%2023.0933%2034.1429%2022.7338%2034.4302%2022.4405C34.7172%2022.1468%2035.0736%2022%2035.4992%2022C35.9249%2022%2036.2762%2022.152%2036.5532%2022.456C36.8299%2022.7597%2036.9414%2023.1243%2036.8877%2023.55C36.5234%2026.5063%2035.2869%2029.0493%2033.1782%2031.179C31.0692%2033.3083%2028.5096%2034.5512%2025.4992%2034.9075V40C25.4992%2040.4257%2025.3556%2040.782%2025.0682%2041.069C24.7812%2041.3563%2024.4249%2041.5%2023.9992%2041.5C23.5736%2041.5%2023.2172%2041.3563%2022.9302%2041.069C22.6429%2040.782%2022.4992%2040.4257%2022.4992%2040Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cometchat-media-recorder__recording-preview-duration {
    align-self: stretch;
    color: var(--cometchat-text-color-primary, #141414);
    text-align: center;
    font: var(--cometchat-font-heading4-regular, 400 16px Roboto);
    line-height: 120%;
}

.cometchat-media-recorder__error {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: var(--cometchat-background-color-02, #FAFAFA);
    border-radius: var(--cometchat-radius-4) var(--cometchat-radius-4) 0px 0px;
    padding: var(--cometchat-padding-2);
    gap: var(--cometchat-padding-2);
    width: 260px;
    position: absolute;
    z-index: 2;
    bottom: 100%;
}

.cometchat-media-recorder__error-content {
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding-1);
}

.cometchat-media-recorder__error-content-title {
    font: var(--cometchat-font-caption1-bold);
}

.cometchat-media-recorder__error-content-subtitle {
    font: var(--cometchat-font-caption1-regular);

}

.cometchat-media-recorder__error-content-title,
.cometchat-media-recorder__error-content-subtitle {
    text-align: left;
    color: var(--cometchat-text-color-secondary, #727272);

}

.cometchat-media-recorder__error-icon-wrapper {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-error-color);
    border-radius: var(--cometchat-radius-max);
}

.cometchat-media-recorder__error-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: var(--cometchat-static-white);
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9974%2016.9168C12.2439%2016.9168%2012.4476%2016.8372%2012.6086%2016.678C12.7698%2016.5189%2012.8504%2016.316%2012.8504%2016.0695C12.8504%2015.8232%2012.7708%2015.6195%2012.6116%2015.4583C12.4525%2015.2973%2012.2497%2015.2168%2012.0034%2015.2168C11.7569%2015.2168%2011.5531%2015.2964%2011.3921%2015.4555C11.231%2015.6147%2011.1504%2015.8175%2011.1504%2016.0638C11.1504%2016.3101%2011.23%2016.5139%2011.3891%2016.675C11.5483%2016.8362%2011.7511%2016.9168%2011.9974%2016.9168ZM12.0616%2013.1168C12.282%2013.1168%2012.4685%2013.0397%2012.6211%2012.8855C12.774%2012.7314%2012.8504%2012.5431%2012.8504%2012.3208V7.7543C12.8504%207.53846%2012.7728%207.35321%2012.6176%207.19855C12.4625%207.04405%2012.2766%206.9668%2012.0599%206.9668C11.8369%206.9668%2011.649%207.04405%2011.4961%207.19855C11.3435%207.35321%2011.2671%207.53846%2011.2671%207.7543V12.3208C11.2671%2012.5431%2011.3445%2012.7314%2011.4991%2012.8855C11.6538%2013.0397%2011.8413%2013.1168%2012.0616%2013.1168Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9974%2016.9168C12.2439%2016.9168%2012.4476%2016.8372%2012.6086%2016.678C12.7698%2016.5189%2012.8504%2016.316%2012.8504%2016.0695C12.8504%2015.8232%2012.7708%2015.6195%2012.6116%2015.4583C12.4525%2015.2973%2012.2497%2015.2168%2012.0034%2015.2168C11.7569%2015.2168%2011.5531%2015.2964%2011.3921%2015.4555C11.231%2015.6147%2011.1504%2015.8175%2011.1504%2016.0638C11.1504%2016.3101%2011.23%2016.5139%2011.3891%2016.675C11.5483%2016.8362%2011.7511%2016.9168%2011.9974%2016.9168ZM12.0616%2013.1168C12.282%2013.1168%2012.4685%2013.0397%2012.6211%2012.8855C12.774%2012.7314%2012.8504%2012.5431%2012.8504%2012.3208V7.7543C12.8504%207.53846%2012.7728%207.35321%2012.6176%207.19855C12.4625%207.04405%2012.2766%206.9668%2012.0599%206.9668C11.8369%206.9668%2011.649%207.04405%2011.4961%207.19855C11.3435%207.35321%2011.2671%207.53846%2011.2671%207.7543V12.3208C11.2671%2012.5431%2011.3445%2012.7314%2011.4991%2012.8855C11.6538%2013.0397%2011.8413%2013.1168%2012.0616%2013.1168Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    transform: rotate(180deg);
    mask-size: contain;
}

/* Wrapper for the message bubble */

.cometchat-message-bubble__wrapper {
    display: flex;
    position: relative;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    flex: 1 0 0;
}

.cometchat-message-bubble .cometchat-reactions{
    width: 100%;
    margin-top: -4px;
}

.cometchat-message-bubble-outgoing .cometchat-reactions{
    justify-content: flex-end;
}

.cometchat-message-bubble-incoming .cometchat-reactions{
    justify-content: flex-start;
}

/* Avatar styles inside the message bubble */

.cometchat-message-bubble__leading-view {
    position: relative;
    border-radius: inherit;
    display: flex;
    width: fit-content;
    align-self: flex-start;
}

/* Alignment styles for the message bubble */

.cometchat-message-bubble {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    border-radius: inherit;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

/* Alignment for receiver's messages */

.cometchat-message-bubble-incoming {
    justify-content: flex-start;
    align-items: flex-start;
}

.cometchat-message-bubble__text-message .cometchat-message-bubble__body-content-view{
    width: fit-content;
    display: flex;
    align-self: flex-start;
    max-width: 100%;
}

.cometchat-message-bubble  .cometchat-text-bubble__body-text{
text-align: left;
}

/* Alignment for sender's messages */

.cometchat-message-bubble-outgoing {
    justify-content: flex-end;
    align-items: flex-end;
}

/* Alignment for action  messages */

.cometchat-message-bubble-action {
    justify-content: center;
    align-items: center;
}

/* Background for incoming message bubble body */

.cometchat-message-bubble-incoming .cometchat-message-bubble__body {
    background: var(--cometchat-neutral-color-300);
}

/* Background for outgoing message bubble body */

.cometchat-message-bubble-outgoing .cometchat-message-bubble__body {
    background: var(--cometchat-primary-color);
}

/* Body of the message bubble */

.cometchat-message-bubble__body {
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-1, 4px) 0px var(--cometchat-padding-1, 4px);
    flex-direction: column;
    align-items: flex-end;
    border-radius: var(--cometchat-radius-3, 12px);
}

/* Wrapper around the body of the message bubble */

.cometchat-message-bubble__body-wrapper {
    order: 2;
}

/* Title/header styles */

.cometchat-message-bubble__header-view {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

/* Styles for message options */

.cometchat-message-bubble__options {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px var(--cometchat-padding-2, 8px);
}

/* Options for incoming message bubble */

.cometchat-message-bubble-incoming .cometchat-message-bubble__options {
    order: 3;
}

/* Options for outgoing message bubble */

.cometchat-message-bubble-outgoing .cometchat-message-bubble__options {
    order: 1;
}

.cometchat-popover__content {
    position: fixed;
    height: fit-content;
    width: fit-content;
    z-index: 2;
    border-radius: var(--cometchat-radius-5, 16px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-popover__content-tooltip-top,
.cometchat-popover__content-tooltip-bottom {
  position: absolute;
  width: 100%;
  height: 6px;
  background: var(--cometchat-static-black, #141414);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='32'%20height='9'%20viewBox='0%200%2032%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Tooltip'%3e%3cpath%20id='bottom-center'%20d='M22.0711%200.485289C22.962%200.485289%2023.4081%201.56243%2022.7782%202.1924L16.7071%208.26347C16.3166%208.654%2015.6834%208.654%2015.2929%208.26347L9.22183%202.1924C8.59187%201.56243%209.03803%200.485289%209.92894%200.485289L22.0711%200.485289Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
}

.cometchat-popover__content-tooltip-top {
  bottom: -7px;
}

.cometchat-popover__content-tooltip-bottom {
  transform: rotate(180deg);
  top: -7px;
}

.cometchat-quick-view {
    position: relative;
    min-width: 190px;
    padding: 5px;
    box-sizing: border-box;
    background: #efefef;
    height: fit-content;
    width: 100%;
    border-radius: 8px;
}

.cometchat-quick-view__content {
    margin-left: 14px;
}

.cometchat-quick-view__container {
    display: flex;
    align-items: center;
}

.cometchat-quick-view-button {
    position: absolute;
    top: 2px;
    right: 4px;
    height: 16px;
    width: 16px;
    border: none;
    border-radius: 0;
    background: transparent;
}

.cometchat-quick-view-bar {
    position: absolute;
    height: 90%;
    top: 5%;
    left: 5px;
    border-radius: 5px;
    background: "black";
    width: "4px";
}

.cometchat-quick-view-title {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0px;
    font: "600 13px Inter, sans-serif";
    color: "grey";
}

.cometchat-quick-view-subtitle {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: left;
    font: "400 13px Inter, sans-serif";
    color: "grey";
}

.cometchat-radiobutton {
    display: inline-flex;
    align-items: center;
    position: relative;

}

.cometchat-radiobutton__label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cometchat-radiobutton__selected {
    display: inline-block;
    position: relative;
    height: 24px;
    width: 24px;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max, 1000px);
    border: 1.5px solid var(--cometchat-border-color-default, #E8E8E8);
}

.cometchat-radiobutton:hover .cometchat-radiobutton__selected {
    border: 1.5px solid var(--cometchat-border-color-dark, #DCDCDC);
    cursor: pointer;
}

.cometchat-radiobutton input[type="radio"]:checked+.cometchat-radiobutton__selected {
    border: 1.5px solid var(--cometchat-primary-color, #6852D6);
}

.cometchat-radiobutton input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.cometchat-radiobutton__selected::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    border-radius: var(--cometchat-radius-max, 1000px);
    background-color: var(--cometchat-primary-color, #6852D6);
    transform: translate(-50%, -50%);
    display: none;
}

.cometchat-radiobutton input[type="radio"]:checked+.cometchat-radiobutton__selected::after {
    display: block;
}

.cometchat-radiobutton__label {
    display: flex;
    align-items: center;
    gap: var(--cometchat-radius-2, 8px);
    color: var(--cometchat-text-color-secondary);
    font: var(--cometchat-font-body-regular);
}

/*
    This class styles the search container.
    It uses flexbox to align items horizontally,
    includes padding, rounded corners, a border,
    and a background color. It also has flexible sizing for layout adjustments.
    */

.cometchat-search-bar {
       display: flex;
       padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px);
       align-items: center;
       align-self: stretch;
       border-radius: var(--cometchat-radius-max, 1000px);
       border: 1px solid var(--cometchat-border-color-light);
       background: var(--cometchat-background-color-03);
       flex: 1 0 0;
   }

/*
    This class styles the search input field.
    It occupies the full width and height,
    has no borders, and inherits the border-radius from its parent.
    The background is transparent to blend with the container.
    */

.cometchat-search-bar__input {
       width: 100%;
       height: 100%;
       border: none;
       border-radius: none;
       background: transparent;
       color: var(--cometchat-text-color-primary);
       font: var(--cometchat-font-heading4-regular);
       font-style: normal;
       outline: none;
       padding-left: var(--cometchat-padding-1);
   }

/*
    This class styles the search icon.
    It uses a webkit mask to display the search icon,
    ensures the icon is centered and sized correctly,
    and uses a background color for the icon.
    */

.cometchat-search-bar__icon {
       -webkit-mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.9598%2011.531C5.47958%2012.7541%206.4639%2013.7205%207.69625%2014.2178C8.92859%2014.7151%2010.308%2014.7024%2011.531%2014.1826C12.754%2013.6629%2013.7205%2012.6785%2014.2178%2011.4462C14.715%2010.2139%2014.7024%208.83445%2014.1826%207.61142C13.6629%206.3884%2012.6785%205.42195%2011.4462%204.92467C10.2138%204.4274%208.83444%204.44004%207.61141%204.95981C6.38839%205.47959%205.42194%206.46391%204.92467%207.69626C4.42739%208.9286%204.44003%2010.308%204.9598%2011.531V11.531Z'%20stroke='%23808080'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.114%2013.1139L17.0001%2017.0005'%20stroke='%23808080'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center center no-repeat;
       mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.9598%2011.531C5.47958%2012.7541%206.4639%2013.7205%207.69625%2014.2178C8.92859%2014.7151%2010.308%2014.7024%2011.531%2014.1826C12.754%2013.6629%2013.7205%2012.6785%2014.2178%2011.4462C14.715%2010.2139%2014.7024%208.83445%2014.1826%207.61142C13.6629%206.3884%2012.6785%205.42195%2011.4462%204.92467C10.2138%204.4274%208.83444%204.44004%207.61141%204.95981C6.38839%205.47959%205.42194%206.46391%204.92467%207.69626C4.42739%208.9286%204.44003%2010.308%204.9598%2011.531V11.531Z'%20stroke='%23808080'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.114%2013.1139L17.0001%2017.0005'%20stroke='%23808080'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center center no-repeat;
       display: flex;
       width: 24px;
       height: 24px;
       justify-content: center;
       align-items: center;
       -webkit-mask-size: contain;
       mask-size: contain;
       background: var(--cometchat-icon-color-secondary);
   }

/*
    This class styles the placeholder text inside the search input field.
    It sets the text color and font style.
    The color is a tertiary text color for search placeholder.
    */

.cometchat-search-bar__input::placeholder {
       color: var(--cometchat-text-color-tertiary);
       font: var(--cometchat-font-heading4-regular);
       font-style: normal;

   }

:host {
     width: 100%;
     text-align: center;
 }

.cc-single_select-option {
     padding: 10px;
     box-sizing: border-box;
     cursor: pointer;
     min-height: 20px;
     min-width: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
     font: 400 14px Inter;
     color: grey;
     background: white;
     border: 1px solid #dedede;
     border-radius: 2px;

     :hover {
         font: 400 14px Inter;
         color: black;
         background: #efefef;
     }
 }

.cc-single_select-wrapper {
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     border: none;
     border-radius: 6px;
 }

/* Container for the text bubble */

.cometchat-text-bubble {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: var(--cometchat-padding-1) var(--cometchat-padding-2) var(--cometchat-padding-2) var(--cometchat-padding-2);
    align-self: flex-end;
    width: auto;
    border-radius: var(--cometchat-radius-3, 12px);
    max-width: 630px;
}

/* Styles for the text content inside the text bubble */

.cometchat-text-bubble__body-text {
    margin: 0;
    word-break: break-word;
    text-align: left;
    white-space: pre-line;
    overflow: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top:var(--cometchat-padding-1);

}

/* Incoming text bubble specific styles */

.cometchat-text-bubble.cometchat-text-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/* Outgoing text bubble specific styles */

.cometchat-text-bubble.cometchat-text-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

/* Styles for the text inside the incoming text bubble */

.cometchat-text-bubble.cometchat-text-bubble-incoming .cometchat-text-bubble__body-text {
    color: var(--cometchat-neutral-color-900);
    font: var(--cometchat-font-body-regular);
    font-style: normal;

}

/* Styles for the text inside the outgoing text bubble */

.cometchat-text-bubble.cometchat-text-bubble-outgoing .cometchat-text-bubble__body-text {
    color: var(--cometchat-static-white);
    font: var(--cometchat-font-body-regular);
    font-style: normal;
}

/* Container for the body content of the text bubble */

.cometchat-text-bubble__body {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Styles for the text expanding buttons inside the text bubble */

.cometchat-text-bubble__read-more,
.cometchat-text-bubble__read-less {
    font: var(--cometchat-font-body-regular);
    font-style: normal;
    cursor: pointer;
    display: flex;
    align-self: flex-end;
    width: fit-content;
    padding: var(--cometchat-padding-1);
}

/* text expanding buttons styles for outgoing message bubbles */

.cometchat-text-bubble-outgoing .cometchat-text-bubble__read-more,
.cometchat-text-bubble-outgoing .cometchat-text-bubble__read-less {
    color: var(--cometchat-static-white);
}

/* text expanding buttons styles for incoming message bubbles */

.cometchat-text-bubble-incoming .cometchat-text-bubble__read-more,
.cometchat-text-bubble-incoming .cometchat-text-bubble__read-less {
    color: var(--cometchat-text-color-highlight);

}

.cometchat-text-bubble .cometchat-text-bubble__body-text.cometchat-text-bubble__body-text-emoji{
    font:var(--cometchat-font-title-regular);
}

@media (max-width: 1000px) {
    .cometchat-text-bubble {
        max-width: 420px;
    }
}

@media (max-width: 768px) {
    .cometchat-text-bubble {
        max-width: 280px;
    }
}

/* The main container for the video bubble, setting up basic layout, width,
   padding, and flex properties for alignment and justification */

.cometchat-video-bubble {
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: var(--cometchat-radius-3, 12px);
    max-width: 250px;
    max-height: 350px;
    overflow: hidden;
    width: auto;
    height: auto;
    cursor: pointer;
}

/* Defines the body of the video bubble, ensuring the video or media inside
   takes up the full available space with inherited border radius */

.cometchat-video-bubble__body {
    margin: 0;
    border-radius: inherit;
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* Specific styling for incoming video bubbles, giving it a background color
   for differentiation */

.cometchat-video-bubble-incoming {
    background: var(--cometchat-neutral-color-300);
}

/* Specific styling for outgoing video bubbles, using the primary color as
   the background to distinguish it from incoming bubbles */

.cometchat-video-bubble-outgoing {
    background: var(--cometchat-primary-color);
}

.cometchat-create-poll {
  display: flex;
  width: 420px;
  height: 480px;
  flex-direction: column;
  align-items: center;
  gap: var(--cometchat-padding-2, 8px);
  flex-shrink: 0;
  align-self: stretch;
  background-color: var(--cometchat-background-color-01, #FFFFFF);
  border-radius: var(--cometchat-radius-3, 12px);
  overflow: hidden;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  position: relative;
}

.cometchat-create-poll__header {
  padding: var(--cometchat-radius-3, 12px);
  border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cometchat-create-poll__header-title {
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading2-bold);
  font-style: normal;
  line-height: 120%;
}

.cometchat-create-poll__header-close-icon {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  mask-repeat: no-repeat;
  background-color: var(--cometchat-icon-color-primary, #141414);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  border: none;
  cursor: pointer;
}

.cometchat-create-poll__body {
  padding: var(--cometchat-padding-4, 16px);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  overflow: hidden;
}

.cometchat-create-poll__body-question {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-create-poll__body-question-title {
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-heading4-medium);
  font-style: normal;
  line-height: 120%;
}

.cometchat-create-poll__body-question-input {
  display: flex;
  height: 36px;
  padding: var(--cometchat-padding-2, 8px);
  align-items: center;
  gap: var(--cometchat-padding-1, 4px);
  flex: 1 0 0;

  border-radius: var(--cometchat-radius-2, 8px);
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  flex: 1 0 0;
  width: 100%;
  min-width: 90px;
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  outline: none;
  /* border: none; */
}

.cometchat-create-poll__body-options-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: var(--cometchat-padding-5, 20px);
  gap: var(--cometchat-padding-2, 8px);
  margin-bottom: var(--cometchat-padding-2, 8px);
  overflow: hidden;
  max-height: 64%;
}

.cometchat-create-poll__body-options-title {
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-heading4-medium);
  font-style: normal;
}

.cometchat-create-poll__body-options {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--cometchat-padding-2, 8px);
  scrollbar-width: none;
  overflow-y: scroll;
}

.cometchat-create-poll__body-option-input {
  display: flex;
  height: 36px;
  padding: var(--cometchat-padding-2, 8px);
  align-items: center;
  gap: var(--cometchat-padding-1, 4px);
  flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  color: var(--cometchat-text-color-primary, #141414);
  width: 100%;
  min-width: 90px;
  flex: 1 0 0;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  outline: none;
}

.cometchat-create-poll__body-options-add-button {
  display: flex;
  justify-content: flex-start;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--cometchat-text-color-highlight, #6852D6);
  font: var(--cometchat-font-caption1-medium);
  font-style: normal;
  line-height: 120%;
  padding-bottom: var(--cometchat-padding-2);
}

.cometchat-create-poll__body-option-remove-button {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8321'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8321)'%3e%3cpath%20d='M11.9995%2013.0538L6.92652%2018.127C6.78802%2018.2653%206.61394%2018.3362%206.40427%2018.3395C6.19477%2018.3427%206.01752%2018.2718%205.87252%2018.127C5.72769%2017.982%205.65527%2017.8063%205.65527%2017.6C5.65527%2017.3937%205.72769%2017.218%205.87252%2017.073L10.9458%2012L5.87252%206.92701C5.73419%206.78851%205.66336%206.61443%205.66002%206.40476C5.65686%206.19526%205.72769%206.01801%205.87252%205.87301C6.01752%205.72818%206.19319%205.65576%206.39952%205.65576C6.60586%205.65576%206.78152%205.72818%206.92652%205.87301L11.9995%2010.9463L17.0725%205.87301C17.211%205.73468%2017.3851%205.66385%2017.5948%205.66051C17.8043%205.65735%2017.9815%205.72818%2018.1265%205.87301C18.2714%206.01801%2018.3438%206.19368%2018.3438%206.40001C18.3438%206.60635%2018.2714%206.78201%2018.1265%206.92701L13.0533%2012L18.1265%2017.073C18.2649%2017.2115%2018.3357%2017.3856%2018.339%2017.5953C18.3422%2017.8048%2018.2714%2017.982%2018.1265%2018.127C17.9815%2018.2718%2017.8059%2018.3443%2017.5995%2018.3443C17.3932%2018.3443%2017.2175%2018.2718%2017.0725%2018.127L11.9995%2013.0538Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cometchat-icon-color-secondary, #A1A1A1);
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  cursor: pointer;
}

.cometchat-create-poll__button {
  width: 100%;
  height: 40px;
}

.cometchat-create-poll__button>.cometchat{
  height: 100%;
  width: 100%;
}

.cometchat-create-poll__button .cometchat-button{
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--cometchat-primary-button-icon, #FFF);
  font: var(--cometchat-font-button-medium);
  font-style: normal;
  line-height: 120%;
  background: var(--cometchat-primary-button-background, #6852D6);
  border-radius: var(--cometchat-radius-2, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.cometchat-create-poll__button-disabled .cometchat-button {
  background: var(--cometchat-background-color-04, #E8E8E8);
  color: var(--cometchat-static-white, #FFF);
  pointer-events: none;
}

.cometchat-create-poll__body-option {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-create-poll-backdrop {
  background: #141414CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-create-poll__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  border-top: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px) var(--cometchat-padding-5) var(--cometchat-padding-4, 16px);
  width: 100%;

}

.cometchat-create-poll__error-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.99881%2011.7786C8.16315%2011.7786%208.29898%2011.7256%208.40631%2011.6195C8.51376%2011.5134%208.56748%2011.3781%208.56748%2011.2138C8.56748%2011.0496%208.51442%2010.9138%208.40831%2010.8063C8.3022%2010.699%208.16704%2010.6453%208.00281%2010.6453C7.83848%2010.6453%207.70265%2010.6984%207.59531%2010.8045C7.48787%2010.9106%207.43415%2011.0458%207.43415%2011.21C7.43415%2011.3742%207.4872%2011.51%207.59331%2011.6175C7.69942%2011.7249%207.83459%2011.7786%207.99881%2011.7786ZM8.04165%209.24531C8.18854%209.24531%208.31287%209.19392%208.41465%209.09115C8.51653%208.98837%208.56748%208.86287%208.56748%208.71465V5.67031C8.56748%205.52642%208.51576%205.40292%208.41231%205.29981C8.30887%205.19681%208.18492%205.14531%208.04048%205.14531C7.89181%205.14531%207.76653%205.19681%207.66465%205.29981C7.56287%205.40292%207.51198%205.52642%207.51198%205.67031V8.71465C7.51198%208.86287%207.56354%208.98837%207.66665%209.09115C7.76976%209.19392%207.89476%209.24531%208.04165%209.24531ZM8.00448%2015.0563C7.09959%2015.0563%206.24898%2014.8836%205.45265%2014.5381C4.65631%2014.1926%203.96203%2013.7231%203.36981%2013.1298C2.77748%2012.5364%202.30865%2011.8419%201.96331%2011.0463C1.61798%2010.2506%201.44531%209.40054%201.44531%208.49598C1.44531%207.59042%201.61803%206.73926%201.96348%205.94248C2.30903%205.14559%202.77848%204.45192%203.37181%203.86148C3.96526%203.27104%204.65976%202.80404%205.45531%202.46048C6.25098%202.11704%207.10109%201.94531%208.00565%201.94531C8.9112%201.94531%209.76242%202.11759%2010.5593%202.46215C11.3562%202.80659%2012.0499%203.27415%2012.6403%203.86481C13.2306%204.45548%2013.6976%205.1492%2014.0411%205.94598C14.3846%206.74276%2014.5563%207.59315%2014.5563%208.49715C14.5563%209.40204%2014.3845%2010.2526%2014.0408%2011.049C13.6971%2011.8453%2013.2296%2012.5389%2012.6381%2013.1298C12.0466%2013.7207%2011.3524%2014.1895%2010.5556%2014.5363C9.75887%2014.883%208.90848%2015.0563%208.00448%2015.0563ZM8.00598%2014.0008C9.53031%2014.0008%2010.8272%2013.4644%2011.8966%2012.3915C12.9661%2011.3186%2013.5008%2010.02%2013.5008%208.49565C13.5008%206.97131%2012.9669%205.67442%2011.8991%204.60498C10.8313%203.53554%209.53192%203.00081%208.00115%203.00081C6.48059%203.00081%205.1837%203.5347%204.11048%204.60248C3.03737%205.67037%202.50081%206.9697%202.50081%208.50048C2.50081%2010.021%203.03726%2011.3179%204.11015%2012.3911C5.18303%2013.4643%206.48165%2014.0008%208.00598%2014.0008Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.99881%2011.7786C8.16315%2011.7786%208.29898%2011.7256%208.40631%2011.6195C8.51376%2011.5134%208.56748%2011.3781%208.56748%2011.2138C8.56748%2011.0496%208.51442%2010.9138%208.40831%2010.8063C8.3022%2010.699%208.16704%2010.6453%208.00281%2010.6453C7.83848%2010.6453%207.70265%2010.6984%207.59531%2010.8045C7.48787%2010.9106%207.43415%2011.0458%207.43415%2011.21C7.43415%2011.3742%207.4872%2011.51%207.59331%2011.6175C7.69942%2011.7249%207.83459%2011.7786%207.99881%2011.7786ZM8.04165%209.24531C8.18854%209.24531%208.31287%209.19392%208.41465%209.09115C8.51653%208.98837%208.56748%208.86287%208.56748%208.71465V5.67031C8.56748%205.52642%208.51576%205.40292%208.41231%205.29981C8.30887%205.19681%208.18492%205.14531%208.04048%205.14531C7.89181%205.14531%207.76653%205.19681%207.66465%205.29981C7.56287%205.40292%207.51198%205.52642%207.51198%205.67031V8.71465C7.51198%208.86287%207.56354%208.98837%207.66665%209.09115C7.76976%209.19392%207.89476%209.24531%208.04165%209.24531ZM8.00448%2015.0563C7.09959%2015.0563%206.24898%2014.8836%205.45265%2014.5381C4.65631%2014.1926%203.96203%2013.7231%203.36981%2013.1298C2.77748%2012.5364%202.30865%2011.8419%201.96331%2011.0463C1.61798%2010.2506%201.44531%209.40054%201.44531%208.49598C1.44531%207.59042%201.61803%206.73926%201.96348%205.94248C2.30903%205.14559%202.77848%204.45192%203.37181%203.86148C3.96526%203.27104%204.65976%202.80404%205.45531%202.46048C6.25098%202.11704%207.10109%201.94531%208.00565%201.94531C8.9112%201.94531%209.76242%202.11759%2010.5593%202.46215C11.3562%202.80659%2012.0499%203.27415%2012.6403%203.86481C13.2306%204.45548%2013.6976%205.1492%2014.0411%205.94598C14.3846%206.74276%2014.5563%207.59315%2014.5563%208.49715C14.5563%209.40204%2014.3845%2010.2526%2014.0408%2011.049C13.6971%2011.8453%2013.2296%2012.5389%2012.6381%2013.1298C12.0466%2013.7207%2011.3524%2014.1895%2010.5556%2014.5363C9.75887%2014.883%208.90848%2015.0563%208.00448%2015.0563ZM8.00598%2014.0008C9.53031%2014.0008%2010.8272%2013.4644%2011.8966%2012.3915C12.9661%2011.3186%2013.5008%2010.02%2013.5008%208.49565C13.5008%206.97131%2012.9669%205.67442%2011.8991%204.60498C10.8313%203.53554%209.53192%203.00081%208.00115%203.00081C6.48059%203.00081%205.1837%203.5347%204.11048%204.60248C3.03737%205.67037%202.50081%206.9697%202.50081%208.50048C2.50081%2010.021%203.03726%2011.3179%204.11015%2012.3911C5.18303%2013.4643%206.48165%2014.0008%208.00598%2014.0008Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cometchat-error-color, #F44649);
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  cursor: pointer;
}

.cometchat-create-poll__error {
  display: flex;
  padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--cometchat-padding-1, 4px);
  align-self: stretch;
  border-radius: var(--cometchat-radius-2, 8px);
  background: rgba(244, 70, 73, 0.10);
}

.cometchat-create-poll__error-text{
  color: var(--cometchat-error-color, #F44649);
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-create-poll__loading-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C10.6333%2022%209.34167%2021.7375%208.125%2021.2125C6.90833%2020.6875%205.84583%2019.9708%204.9375%2019.0625C4.02917%2018.1542%203.3125%2017.0917%202.7875%2015.875C2.2625%2014.6583%202%2013.3667%202%2012C2%2010.6167%202.2625%209.32083%202.7875%208.1125C3.3125%206.90417%204.02917%205.84583%204.9375%204.9375C5.84583%204.02917%206.90833%203.3125%208.125%202.7875C9.34167%202.2625%2010.6333%202%2012%202C12.2833%202%2012.5208%202.09583%2012.7125%202.2875C12.9042%202.47917%2013%202.71667%2013%203C13%203.28333%2012.9042%203.52083%2012.7125%203.7125C12.5208%203.90417%2012.2833%204%2012%204C9.78333%204%207.89583%204.77917%206.3375%206.3375C4.77917%207.89583%204%209.78333%204%2012C4%2014.2167%204.77917%2016.1042%206.3375%2017.6625C7.89583%2019.2208%209.78333%2020%2012%2020C14.2167%2020%2016.1042%2019.2208%2017.6625%2017.6625C19.2208%2016.1042%2020%2014.2167%2020%2012C20%2011.7167%2020.0958%2011.4792%2020.2875%2011.2875C20.4792%2011.0958%2020.7167%2011%2021%2011C21.2833%2011%2021.5208%2011.0958%2021.7125%2011.2875C21.9042%2011.4792%2022%2011.7167%2022%2012C22%2013.3667%2021.7375%2014.6583%2021.2125%2015.875C20.6875%2017.0917%2019.9708%2018.1542%2019.0625%2019.0625C18.1542%2019.9708%2017.0958%2020.6875%2015.8875%2021.2125C14.6792%2021.7375%2013.3833%2022%2012%2022Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2022C10.6333%2022%209.34167%2021.7375%208.125%2021.2125C6.90833%2020.6875%205.84583%2019.9708%204.9375%2019.0625C4.02917%2018.1542%203.3125%2017.0917%202.7875%2015.875C2.2625%2014.6583%202%2013.3667%202%2012C2%2010.6167%202.2625%209.32083%202.7875%208.1125C3.3125%206.90417%204.02917%205.84583%204.9375%204.9375C5.84583%204.02917%206.90833%203.3125%208.125%202.7875C9.34167%202.2625%2010.6333%202%2012%202C12.2833%202%2012.5208%202.09583%2012.7125%202.2875C12.9042%202.47917%2013%202.71667%2013%203C13%203.28333%2012.9042%203.52083%2012.7125%203.7125C12.5208%203.90417%2012.2833%204%2012%204C9.78333%204%207.89583%204.77917%206.3375%206.3375C4.77917%207.89583%204%209.78333%204%2012C4%2014.2167%204.77917%2016.1042%206.3375%2017.6625C7.89583%2019.2208%209.78333%2020%2012%2020C14.2167%2020%2016.1042%2019.2208%2017.6625%2017.6625C19.2208%2016.1042%2020%2014.2167%2020%2012C20%2011.7167%2020.0958%2011.4792%2020.2875%2011.2875C20.4792%2011.0958%2020.7167%2011%2021%2011C21.2833%2011%2021.5208%2011.0958%2021.7125%2011.2875C21.9042%2011.4792%2022%2011.7167%2022%2012C22%2013.3667%2021.7375%2014.6583%2021.2125%2015.875C20.6875%2017.0917%2019.9708%2018.1542%2019.0625%2019.0625C18.1542%2019.9708%2017.0958%2020.6875%2015.8875%2021.2125C14.6792%2021.7375%2013.3833%2022%2012%2022Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cometchat-static-white, #FFF);
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  cursor: pointer;
}

.cometchat-create-poll__body-options-add-button-disabled{
  color: var(--cometchat-text-color-disabled, #DCDCDC);
  font: var(--cometchat-font-caption1-medium);
}

@media (max-width: 768px) {
 .cometchat-create-poll{
  width: 360px;
 }
}

.cometchat-link-bubble {
  display: flex;
  padding: 0px;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  border-radius: var(--cometchat-radius-3, 12px);
  width: 240px;
  max-width: 240px;

}

.cometchat-link-bubble-incoming {
  background: var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-link-bubble-outgoing {
  background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-link-bubble__preview-image {
  height: 50%;
  width: 100%;
  cursor: pointer;
  align-self: stretch;
  background: var(--cometchat-static-black, #0A0914);
  border-radius: var(--cometchat-radius-3, 12px) var(--cometchat-radius-3, 12px) 0px 0px;
}

.cometchat-link-bubble__preview-body {
  display: flex;
  padding: var(--cometchat-padding-2, 8px);
  gap: var(--cometchat-padding-1, 4px);
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0px 0px var(--cometchat-radius-2) var(--cometchat-radius-2);
}

.cometchat-link-bubble__preview-body-rounded {
  border-radius: var(--cometchat-radius-2);
}

.cometchat-link-bubble-incoming .cometchat-link-bubble__preview-body {
  background: var(--cometchat-neutral-color-400, #DCDCDC);
}

.cometchat-link-bubble-outgoing .cometchat-link-bubble__preview-body {
  background: var(--cometchat-extended-primary-color-900, #5D49BE);
}

.cometchat-link-bubble__preview-body-content-title {
  font: var(--cometchat-font-body-bold);
  font-style: normal;
}

.cometchat-link-bubble-incoming .cometchat-link-bubble__preview-body-content-title {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-link-bubble-outgoing .cometchat-link-bubble__preview-body-content-title {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-link-bubble__preview-body-content-description {
  font: var(--cometchat-font-caption1-regular);
  font-style: normal;
}

.cometchat-link-bubble-incoming .cometchat-link-bubble__preview-body-content-title {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-link-bubble-outgoing .cometchat-link-bubble__preview-body-content-description {
  color: var(--cometchat-static-white, #FFF);

}

.cometchat-link-bubble__preview-body-content-link {
  font: var(--cometchat-font-caption1-regular);
  font-style: normal;
  opacity: 0.6;
  cursor: pointer;
}

.cometchat-link-bubble-incoming .cometchat-link-bubble__preview-body-content-link {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-link-bubble-outgoing .cometchat-link-bubble__preview-body-content-link {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-link-bubble__body {
  width: 100%;
}

.cometchat-link-bubble__body .cometchat-url{
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-link-bubble-incoming .cometchat-link-bubble__body {
  color: var(--cometchat-info-color, #0B7BEA);
}

.cometchat-link-bubble-outgoing .cometchat-link-bubble__body {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-link-bubble__preview-body-fav-icon {
  height: 40px;
  width: 40px;
  cursor: pointer;
  border-radius: var(--cometchat-radius-1, 4px);
}

.cometchat-link-bubble__preview-body-content {
  text-align: left;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-tanslation-bubble {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--cometchat-radius-3, 12px);
  flex: 1 0 0;
  padding: var(--cometchat-padding-2) var(--cometchat-padding-2) 0px var(--cometchat-padding-2);
}

.cometchat-tanslation-bubble-incoming {
  align-items: flex-start;
  background: var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-tanslation-bubble-outgoing {
  align-items: flex-end;
  background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-tanslation-bubble__original-text {
  width: 100%;
  max-width: 500px;
}

.cometchat-tanslation-bubble__original-text 
.cometchat-text-bubble {
  padding: 0px;
}

.cometchat-tanslation-bubble__translated-text {
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  text-align: left;
  max-width: 500px;
  margin: 0px;
  word-break: break-word;
  text-align: left;
  white-space: pre-line;
  overflow: auto;
  width: 100%;
  display: block;
}

.cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__translated-text {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__translated-text {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-tanslation-bubble__separator {
  height: 1px;
  width: 100%;
}

.cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__separator {
  background: var(--cometchat-neutral-color-400, #DCDCDC);
}

.cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__separator {
  background: var(--cometchat-extended-primary-color-800, #7965DB);
}

.cometchat-tanslation-bubble__helper-text {
  padding: var(--cometchat-padding-2) var(--cometchat-padding-2) var(--cometchat-padding-2) 0px;
  text-align: right;
  font: var(--cometchat-font-caption2-regular);
  font-style: normal;
}

.cometchat-tanslation-bubble-incoming .cometchat-tanslation-bubble__helper-text {
  color: var(--cometchat-neutral-color-600, #727272);
}

.cometchat-tanslation-bubble-outgoing .cometchat-tanslation-bubble__helper-text {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--cometchat-padding-2, 8px);
  border-radius: var(--cometchat-radius-3, 12px);
  gap: var(--cometchat-padding-4, 16px);
  width: 240px;
  max-width: 240px;
}

.cometchat-polls-bubble  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.cometchat-polls-bubble-incoming {
  background: var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-polls-bubble-outgoing {
  background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-polls-bubble .cometchat-avatar {
  padding: 0px;
  width: 20px;
  height: 20px;
}

.cometchat-polls-bubble .cometchat-avatar img {
  width: 20px;
  height: 20px;
  border-radius: var(--cometchat-radius-max, 1000px);
}

.cometchat-polls-bubble-incoming .cometchat-avatar img {
  border: 1px solid var(--cometchat-neutral-color-300, #E8E8E8);
}

.cometchat-polls-bubble-outgoing .cometchat-avatar img {
  border: 1px solid var(--cometchat-primary-color, #6852D6);
}

.cometchat-polls-bubble .cometchat-avatar .cometchat-avatar__text {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-extended-primary-color-600, #AA9EE8);
  font: var(--cometchat-font-caption2-regular);
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble__question {
  font: var(--cometchat-font-heading4-bold);
  font-style: normal;
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.cometchat-polls-bubble-incoming .cometchat-polls-bubble__question {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-polls-bubble-outgoing .cometchat-polls-bubble__question {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble__options {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style-type: none;
  padding-bottom: var(--cometchat-padding-3, 12px);
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}

.cometchat-polls-bubble__options>li {
  display: flex;
  gap: var(--cometchat-padding-2, 8px);
  width: 100%;
  position: relative;
}

.cometchat-polls-bubble__option-item {
  width: 100%;
  justify-content: space-between;
  padding: 0px;
}

.cometchat-poll-bubble__option-item-leading-view {
  cursor: pointer;
}

.cometchat-poll-bubble__option-item-leading-view-radio-button {
  width: 20px;
  height: 20px;
  border-radius: var(--cometchat-radius-max, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-leading-view-radio-button {
  border: 1.5px solid var(--cometchat-icon-color-secondary, #A1A1A1);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-leading-view-radio-button {
  border: 1.5px solid var(--cometchat-static-white, #FFFFFF);
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-leading-view-radio-button.checked {
  background: var(--cometchat-icon-color-highlight, #6852D6);
  color: var(--cometchat-background-color-01, #FFF);
  border: var(--cometchat-icon-color-highlight, #6852D6);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-leading-view-radio-button.checked {
  background-color: var(--cometchat-static-white, #FFF);
  color: #6852D6;
  border: 1px solid var(--cometchat-icon-color-highlight, #6852D6);
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-leading-view-radio-button.checked::after,
.cometchat-poll-bubble__option-item-leading-view-radio-button.checked::after {
  content: '✓';
  font-size: 12px;
  font-weight: 900;
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-leading-view-radio-button.checked::after {
  color: var(--cometchat-background-color-01, #FFFFFF);
}

.cometchat-poll-bubble__option-item-leading-view-radio-button.checked::after {
  color: var(--cometchat-primary-color, #6852D6);
}

.cometchat-poll-bubble__option-item-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-spacing-1, 4px);
  overflow: hidden;
}

.cometchat-poll-bubble__option-item-body-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cometchat-poll-bubble__option-item-body-content-title {
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  text-align: left;
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-body-content-title {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-body-content-title {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-poll-bubble__option-item-body-content-tail {
  display: flex;
  justify-content: flex-end;
  max-width: 100px;
  position: relative;
  height: 20px;
  width: fit-content;
  gap: var(--cometchat-padding-1);
}

.cometchat-poll-bubble__option-item-body-content-tail-avatar {
  height: 20px;
  width: 20px;
  margin-right: -8px;
  z-index: 2;
}

.cometchat-poll-bubble__option-item-body-content-tail-avatar.last {
  margin-right: 0;
  z-index: 0;
}

.cometchat-poll-bubble__option-item-body-content-tail-count {
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-body-content-tail-count {
  color: var(--cometchat-neutral-color-900, #141414);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-body-content-tail-count {
  color: var(--cometchat-static-white, #FFF);
}

.cometchat-poll-bubble__option-item-body-progress {
  margin-top: 3px;
  width: 100%;
  height: 8px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 16px;
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-body-progress {
  background: var(--cometchat-neutral-color-400, #DCDCDC);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-body-progress {
  background: var(--cometchat-extended-primary-color-700, #8978DF);
}

.cometchat-poll-bubble__option-item-body-progress-background {
  height: 8px;
  width: 20px;
  border-radius: var(--cometchat-radius-4, 16px);
}

.cometchat-polls-bubble-incoming .cometchat-poll-bubble__option-item-body-progress-background {
  background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-polls-bubble-outgoing .cometchat-poll-bubble__option-item-body-progress-background {
  background: var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble-incoming .cometchat-radiobutton__selected {
  border: 1.5px solid var(--cometchat-primary-color, #6852D6);
}

.cometchat-polls-bubble-outgoing .cometchat-radiobutton__selected {
  border: 1.5px solid var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble-outgoing .cometchat-radiobutton input[type="radio"]:checked+.cometchat-radiobutton__selected {
  border: 1.5px solid var(--cometchat-static-white, #FFF);
}

.cometchat-polls-bubble-outgoing .cometchat-radiobutton__selected::after {
  background-color: var(--cometchat-static-white, #FFF);
}

.cometchat-sticker-keyboard {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px;
  flex-direction: column;
  gap: 0px;
  border-radius: var(--cometchat-radius-4, 16px);
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-sticker-keyboard__tabs {
  min-height: 40px;
  height: 40px;
  display: flex;
  gap: var(--cometchat-padding-2, 8px);
  border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);
  overflow-x: auto;
  overflow-y: hidden;
    /* Force hardware acceleration */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: scroll-position; /* Hint the browser for performance optimization */
}

.cometchat-sticker-keyboard__tab{
  padding: var(--cometchat-padding-1,4px);
}

.cometchat-sticker-keyboard__tab-active{
  border-bottom: 2px solid var(--cometchat-primary-color, #6852D6);
}

.cometchat-sticker-keyboard__tab > img {
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--cometchat-padding-3, 12px);
  border-radius: var(--cometchat-radius-max, 800px);
  cursor: pointer;
}

.cometchat-sticker-keyboard__tab-active > img {
  background: var(--cometchat-extended-primary-color-100, #EDEAFA);
}

.cometchat-sticker-keyboard__list {
  width: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: wrap;
  background: inherit;
  padding: var(--cometchat-padding-3) var(--cometchat-padding-3) 0px var(--cometchat-padding-3);
}

.cometchat-sticker-keyboard__list-item {
  min-width: 80px;
  min-height: 80px;
  width: 80px;
  height: 80px;
  display: flex;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px);
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
}

.cometchat-sticker-keyboard__shimmer-tabs {
  display: flex;
  padding: var(--cometchat-padding-2, 8px);
  align-items: center;
  gap: var(--cometchat-padding-2, 8px);
  border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);

}

.cometchat-sticker-keyboard__shimmer-tab {
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--cometchat-radius-max, 800);
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  animation: shimmerAnimation 10s infinite linear;
}

.cometchat-sticker-keyboard__shimmer-list {
  gap: var(--cometchat-padding-3,12px);
}

.cometchat-sticker-keyboard__shimmer-list-item {
  background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #E0E0E0 0%, #EEE 100%));
  animation: shimmerAnimation 5s infinite linear;
  border-radius: 8px;
  min-width: 70px;
  min-height: 70px;
  width: 70px;
  height: 70px;


}

.cometchat-sticker-keyboard__empty-view {
  display: flex;
  height: 272px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--cometchat-padding-3, 12px);
  flex-shrink: 0;
  align-self: stretch;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading4-bold);
  font-style: normal;
}

.cometchat-sticker-keyboard__error-view {
  display: flex;
  height: 272px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
}

.cometchat-sticker-keyboard__empty-view-icon {
  width: 60px;
  height: 60px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.42541%203.53198C4.94956%203.84953%203.82566%204.99078%203.52746%206.47483C3.45601%206.83038%203.44886%207.46378%203.46296%2012.1748C3.47766%2017.0965%203.48521%2017.4962%203.56836%2017.7748C3.88646%2018.8403%204.62136%2019.7197%205.57396%2020.1745C6.31606%2020.5288%206.19271%2020.5178%209.60841%2020.5369C12.2688%2020.5517%2012.7376%2020.5434%2013.0283%2020.476C13.7571%2020.3069%2013.7108%2020.3468%2017.0291%2017.0285C20.3474%2013.7102%2020.3075%2013.7565%2020.4766%2013.0277C20.544%2012.737%2020.5523%2012.2682%2020.5375%209.60783C20.5183%206.18968%2020.5292%206.30943%2020.1734%205.57483C19.7047%204.60688%2018.8447%203.88703%2017.7754%203.56778C17.4962%203.48438%2017.1045%203.47743%2012.1254%203.46743C7.52016%203.45818%206.72671%203.46713%206.42541%203.53198ZM6.68181%205.00533C6.57531%205.03033%206.33286%205.13243%206.14306%205.23218C5.56891%205.53388%205.13371%206.10523%204.99936%206.73373C4.96531%206.89288%204.95251%208.73443%204.96161%2012.1536L4.97541%2017.3324L5.18781%2017.761C5.51596%2018.4232%206.05221%2018.8491%206.74036%2018.994C6.91436%2019.0307%207.83586%2019.0498%209.42486%2019.0498H11.8444L11.8635%2016.9873C11.8846%2014.7089%2011.8881%2014.6806%2012.2277%2013.9694C12.5812%2013.2291%2013.2312%2012.5798%2013.974%2012.2252C14.6807%2011.8877%2014.7113%2011.884%2016.9879%2011.8629L19.0504%2011.8438L19.0498%209.38433C19.0492%206.68873%2019.0469%206.66358%2018.7481%206.10313C18.468%205.57753%2017.8902%205.14013%2017.2948%205.00288C17.0151%204.93838%206.95691%204.94073%206.68181%205.00533ZM15.0818%2013.4053C14.4926%2013.5437%2013.8387%2014.0729%2013.5792%2014.6213C13.3666%2015.0709%2013.3474%2015.277%2013.3618%2016.9625L13.3754%2018.5502L15.9752%2015.95L18.5751%2013.3498L16.9252%2013.3548C16.0178%2013.3576%2015.1883%2013.3803%2015.0818%2013.4053Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.42541%203.53198C4.94956%203.84953%203.82566%204.99078%203.52746%206.47483C3.45601%206.83038%203.44886%207.46378%203.46296%2012.1748C3.47766%2017.0965%203.48521%2017.4962%203.56836%2017.7748C3.88646%2018.8403%204.62136%2019.7197%205.57396%2020.1745C6.31606%2020.5288%206.19271%2020.5178%209.60841%2020.5369C12.2688%2020.5517%2012.7376%2020.5434%2013.0283%2020.476C13.7571%2020.3069%2013.7108%2020.3468%2017.0291%2017.0285C20.3474%2013.7102%2020.3075%2013.7565%2020.4766%2013.0277C20.544%2012.737%2020.5523%2012.2682%2020.5375%209.60783C20.5183%206.18968%2020.5292%206.30943%2020.1734%205.57483C19.7047%204.60688%2018.8447%203.88703%2017.7754%203.56778C17.4962%203.48438%2017.1045%203.47743%2012.1254%203.46743C7.52016%203.45818%206.72671%203.46713%206.42541%203.53198ZM6.68181%205.00533C6.57531%205.03033%206.33286%205.13243%206.14306%205.23218C5.56891%205.53388%205.13371%206.10523%204.99936%206.73373C4.96531%206.89288%204.95251%208.73443%204.96161%2012.1536L4.97541%2017.3324L5.18781%2017.761C5.51596%2018.4232%206.05221%2018.8491%206.74036%2018.994C6.91436%2019.0307%207.83586%2019.0498%209.42486%2019.0498H11.8444L11.8635%2016.9873C11.8846%2014.7089%2011.8881%2014.6806%2012.2277%2013.9694C12.5812%2013.2291%2013.2312%2012.5798%2013.974%2012.2252C14.6807%2011.8877%2014.7113%2011.884%2016.9879%2011.8629L19.0504%2011.8438L19.0498%209.38433C19.0492%206.68873%2019.0469%206.66358%2018.7481%206.10313C18.468%205.57753%2017.8902%205.14013%2017.2948%205.00288C17.0151%204.93838%206.95691%204.94073%206.68181%205.00533ZM15.0818%2013.4053C14.4926%2013.5437%2013.8387%2014.0729%2013.5792%2014.6213C13.3666%2015.0709%2013.3474%2015.277%2013.3618%2016.9625L13.3754%2018.5502L15.9752%2015.95L18.5751%2013.3498L16.9252%2013.3548C16.0178%2013.3576%2015.1883%2013.3803%2015.0818%2013.4053Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--cometchat-icon-color-tertiary, #DCDCDC);
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-group-members {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  background: var(--cometchat-background-color-01, #fff);
}

.cometchat-group-members__backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar {
  background: transparent;
  height: 0px;
  width: 0px;
}

.cometchat-group-members-hide-scrollbar .cometchat-list__body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 8px;
}

.cometchat-group-members .cometchat-group-members__trailing-view-options {
  display: flex;
  padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-3, 12px);
  justify-content: center;
  align-items: center;
  gap: var(--cometchat-padding-5, 20px);
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-extended-primary-color-100, #edeafa);
  overflow: hidden;
  color: var(--cometchat-text-color-highlight, #6852d6);
  text-overflow: ellipsis;
  font: var(--cometchat-font-caption1-regular);
  font-style: normal;
  text-transform: capitalize;
}

.cometchat-group-members .cometchat-group-members__trailing-view-options-admin {
  border: 1px solid var(--cometchat-border-color-highlight, #6852D6);
}

.cometchat-group-members .cometchat-group-members__trailing-view-options-owner {
  color: var(--cometchat-static-white, #F9F8FD);
  background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-group-members .cometchat-group-members__trailing-view-options-participant {
  display: none;
}

.cometchat-group-members .cometchat-list-item__trailing-view {
  width: auto;
  height: fit-content;
}

.cometchat-group-members .cometchat-menu-list__sub-menu-list-item-icon {
  display: none;
}

.cometchat-group-members .cometchat-menu-list__sub-menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  height: 16px;
  width: 16px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99841%2012.9961C9.90813%2012.9961%209.82536%2012.9805%209.75008%2012.9492C9.67494%2012.918%209.60376%2012.8665%209.53654%2012.7948L5.55049%208.80859C5.41619%208.67901%205.35195%208.52276%205.35779%208.33984C5.36362%208.15707%205.43362%208.002%205.56779%207.87464C5.70209%207.74727%205.85897%207.68359%206.03841%207.68359C6.21772%207.68359%206.37105%207.74727%206.49841%207.87464L9.99841%2011.3886L13.5124%207.87464C13.6396%207.74727%2013.7906%207.68595%2013.9655%207.69068C14.1402%207.69526%2014.2947%207.76123%2014.429%207.88859C14.5632%208.01582%2014.6309%208.17089%2014.6322%208.3538C14.6333%208.53672%2014.569%208.69297%2014.4395%208.82255L10.4672%2012.7948C10.3954%2012.8665%2010.3219%2012.918%2010.2467%2012.9492C10.1715%2012.9805%2010.0887%2012.9961%209.99841%2012.9961Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99841%2012.9961C9.90813%2012.9961%209.82536%2012.9805%209.75008%2012.9492C9.67494%2012.918%209.60376%2012.8665%209.53654%2012.7948L5.55049%208.80859C5.41619%208.67901%205.35195%208.52276%205.35779%208.33984C5.36362%208.15707%205.43362%208.002%205.56779%207.87464C5.70209%207.74727%205.85897%207.68359%206.03841%207.68359C6.21772%207.68359%206.37105%207.74727%206.49841%207.87464L9.99841%2011.3886L13.5124%207.87464C13.6396%207.74727%2013.7906%207.68595%2013.9655%207.69068C14.1402%207.69526%2014.2947%207.76123%2014.429%207.88859C14.5632%208.01582%2014.6309%208.17089%2014.6322%208.3538C14.6333%208.53672%2014.569%208.69297%2014.4395%208.82255L10.4672%2012.7948C10.3954%2012.8665%2010.3219%2012.918%2010.2467%2012.9492C10.1715%2012.9805%2010.0887%2012.9961%209.99841%2012.9961Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
}

.cometchat-group-members .cometchat-menu-list__sub-menu-list {
  border-radius: var(--cometchat-radius-2, 8px);
  border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
  background: var(--cometchat-background-color-01, #FFF);
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-group-members .cometchat-menu-list__sub-menu-list :hover {
  background: var(--cometchat-background-color-02, #fafafa);
}

.cometchat-group-members__empty-state-view {
  display: flex;
  flex-direction: column;
}

.cometchat-group-members__empty-state-view,
.cometchat-group-members__error-state-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #fff);
}

.cometchat-group-members__empty-state-view-body,
.cometchat-group-members__error-state-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-group-members__empty-state-view-body-title,
.cometchat-group-members__error-state-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
  font-style: normal;
}

.cometchat-group-members__empty-state-view-body-description,
.cometchat-group-members__error-state-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-group-members__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #fff);
}

.cometchat-group-members__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  width: 100%;
  min-width: 240px;
  max-width: 1440px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-group-members__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
}

.cometchat-group-members__shimmer-item-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-group-members__shimmer-item-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-group-members__shimmer-item-body-subtitle {
  width: 25%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-group-members__list-item-online .cometchat-list-item__status {
  width: 14px;
  height: 14px;
  margin-right: -12px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-success-color, #09c26f);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-group-members .cometchat-menu-list__sub-menu {
  background: none;
  box-shadow: none;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar,
 .cometchat-group-members-hide-scrollbar .cometchat-change-scope__list::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-call-logs {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-call-logs__outgoing-call {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-call-logs__list-item-active .cometchat-list-item {
   background-color: var(--cometchat-white-pressed, #E8E8E8);
 }

.cometchat-call-logs__list-item-trailing-view {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;  
  background:var(--cometchat-icon-color-primary,#FFF)
}

.cometchat-call-logs__list-item-trailing-view-video {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-call-logs__list-item-trailing-view-audio {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-call-logs__list-item-subtitle {
  display: flex;
  gap: 4px;
}

.cometchat-call-logs__list-item-subtitle .cometchat-date{
  overflow: hidden;
  color:var(--cometchat-text-color-secondary,#727272);
  padding: 0px;
 text-overflow: ellipsis;
 font: var(--cometchat-font-body-regular);
}

.cometchat-call-logs__list-item-subtitle-icon {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;  
  background:var(--cometchat-icon-color-primary,#FFF);

}

.cometchat-call-logs__list-item-subtitle-icon-missed-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cmask%20id='mask0_7579_415926'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7579_415926)'%3e%3cpath%20d='M4.26941%2012.3337C4.09864%2012.3337%203.95553%2012.2759%203.84008%2012.1604C3.72453%2012.0449%203.66675%2011.9018%203.66675%2011.731V6.50036C3.66675%206.3587%203.71469%206.23992%203.81058%206.14403C3.90647%206.04825%204.02525%206.00036%204.16691%206.00036C4.30869%206.00036%204.42741%206.04825%204.52308%206.14403C4.61886%206.23992%204.66675%206.3587%204.66675%206.50036V10.6312L11.9462%203.3517C12.0386%203.25936%2012.1546%203.21214%2012.2942%203.21003C12.434%203.20792%2012.5522%203.25514%2012.6487%203.3517C12.7453%203.44825%2012.7936%203.56531%2012.7936%203.70286C12.7936%203.84053%2012.7453%203.95764%2012.6487%204.05419L5.36925%2011.3337H9.50008C9.64175%2011.3337%209.76053%2011.3816%209.85641%2011.4775C9.95219%2011.5734%2010.0001%2011.6922%2010.0001%2011.8339C10.0001%2011.9756%209.95219%2012.0944%209.85641%2012.19C9.76053%2012.2858%209.64175%2012.3337%209.50008%2012.3337H4.26941Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cmask%20id='mask0_7579_415926'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7579_415926)'%3e%3cpath%20d='M4.26941%2012.3337C4.09864%2012.3337%203.95553%2012.2759%203.84008%2012.1604C3.72453%2012.0449%203.66675%2011.9018%203.66675%2011.731V6.50036C3.66675%206.3587%203.71469%206.23992%203.81058%206.14403C3.90647%206.04825%204.02525%206.00036%204.16691%206.00036C4.30869%206.00036%204.42741%206.04825%204.52308%206.14403C4.61886%206.23992%204.66675%206.3587%204.66675%206.50036V10.6312L11.9462%203.3517C12.0386%203.25936%2012.1546%203.21214%2012.2942%203.21003C12.434%203.20792%2012.5522%203.25514%2012.6487%203.3517C12.7453%203.44825%2012.7936%203.56531%2012.7936%203.70286C12.7936%203.84053%2012.7453%203.95764%2012.6487%204.05419L5.36925%2011.3337H9.50008C9.64175%2011.3337%209.76053%2011.3816%209.85641%2011.4775C9.95219%2011.5734%2010.0001%2011.6922%2010.0001%2011.8339C10.0001%2011.9756%209.95219%2012.0944%209.85641%2012.19C9.76053%2012.2858%209.64175%2012.3337%209.50008%2012.3337H4.26941Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-error-color,#F44649);
}

.cometchat-call-logs__list-item-subtitle-icon-outgoing-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cmask%20id='mask0_7579_585760'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7579_585760)'%3e%3cpath%20d='M11.3339%205.36949L4.05436%2012.649C3.96203%2012.7413%203.84603%2012.7885%203.70636%2012.7907C3.56659%2012.7928%203.44842%2012.7455%203.35186%2012.649C3.25531%2012.5524%203.20703%2012.4354%203.20703%2012.2978C3.20703%2012.1602%203.25531%2012.043%203.35186%2011.9465L10.6314%204.66699H6.50053C6.35886%204.66699%206.24009%204.61905%206.1442%204.52316C6.04842%204.42727%206.00053%204.30849%206.00053%204.16683C6.00053%204.02505%206.04842%203.90633%206.1442%203.81066C6.24009%203.71488%206.35886%203.66699%206.50053%203.66699H11.7312C11.902%203.66699%2012.0451%203.72477%2012.1605%203.84033C12.2761%203.95577%2012.3339%204.09888%2012.3339%204.26966V9.50033C12.3339%209.64199%2012.2859%209.76077%2012.19%209.85666C12.0941%209.95244%2011.9754%2010.0003%2011.8337%2010.0003C11.6919%2010.0003%2011.5732%209.95244%2011.4775%209.85666C11.3818%209.76077%2011.3339%209.64199%2011.3339%209.50033V5.36949Z'%20fill='%2309C26F'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cmask%20id='mask0_7579_585760'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7579_585760)'%3e%3cpath%20d='M11.3339%205.36949L4.05436%2012.649C3.96203%2012.7413%203.84603%2012.7885%203.70636%2012.7907C3.56659%2012.7928%203.44842%2012.7455%203.35186%2012.649C3.25531%2012.5524%203.20703%2012.4354%203.20703%2012.2978C3.20703%2012.1602%203.25531%2012.043%203.35186%2011.9465L10.6314%204.66699H6.50053C6.35886%204.66699%206.24009%204.61905%206.1442%204.52316C6.04842%204.42727%206.00053%204.30849%206.00053%204.16683C6.00053%204.02505%206.04842%203.90633%206.1442%203.81066C6.24009%203.71488%206.35886%203.66699%206.50053%203.66699H11.7312C11.902%203.66699%2012.0451%203.72477%2012.1605%203.84033C12.2761%203.95577%2012.3339%204.09888%2012.3339%204.26966V9.50033C12.3339%209.64199%2012.2859%209.76077%2012.19%209.85666C12.0941%209.95244%2011.9754%2010.0003%2011.8337%2010.0003C11.6919%2010.0003%2011.5732%209.95244%2011.4775%209.85666C11.3818%209.76077%2011.3339%209.64199%2011.3339%209.50033V5.36949Z'%20fill='%2309C26F'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-success-color,#09C26F);

}

.cometchat-call-logs__list-item-subtitle-icon-incoming-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_10861_545568'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10861_545568)'%3e%3cpath%20id='call_missed'%20d='M3.33325%206.68044V9.46777C3.33325%209.60966%203.28536%209.72844%203.18959%209.82411C3.09392%209.91988%202.97514%209.96777%202.83325%209.96777C2.69136%209.96777%202.57259%209.91988%202.47692%209.82411C2.38114%209.72844%202.33325%209.60966%202.33325%209.46777V5.57027C2.33325%205.3985%202.39075%205.25511%202.50575%205.14011C2.62064%205.02522%202.76403%204.96777%202.93592%204.96777H6.83325C6.97514%204.96777%207.09392%205.01561%207.18959%205.11127C7.28536%205.20705%207.33325%205.32588%207.33325%205.46777C7.33325%205.60966%207.28536%205.72844%207.18959%205.82411C7.09392%205.91988%206.97514%205.96777%206.83325%205.96777H4.03575L7.88459%209.81644C7.92303%209.85488%207.97214%209.87411%208.03192%209.87411C8.09181%209.87411%208.14097%209.85488%208.17942%209.81644L12.6191%205.37677C12.7183%205.27755%2012.8344%205.22861%2012.9673%205.22994C13.1001%205.23116%2013.2183%205.2835%2013.3218%205.38694C13.4183%205.49038%2013.4683%205.6075%2013.4718%205.73827C13.4751%205.86905%2013.4251%205.98611%2013.3218%206.08944L8.88575%2010.5254C8.76531%2010.6459%208.63031%2010.7352%208.48075%2010.7933C8.33109%2010.8515%208.18147%2010.8806%208.03192%2010.8806C7.88236%2010.8806%207.73281%2010.8515%207.58325%2010.7933C7.4337%2010.7352%207.29864%2010.6459%207.17809%2010.5254L3.33325%206.68044Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cmask%20id='mask0_10861_545568'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20id='Bounding%20box'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10861_545568)'%3e%3cpath%20id='call_missed'%20d='M3.33325%206.68044V9.46777C3.33325%209.60966%203.28536%209.72844%203.18959%209.82411C3.09392%209.91988%202.97514%209.96777%202.83325%209.96777C2.69136%209.96777%202.57259%209.91988%202.47692%209.82411C2.38114%209.72844%202.33325%209.60966%202.33325%209.46777V5.57027C2.33325%205.3985%202.39075%205.25511%202.50575%205.14011C2.62064%205.02522%202.76403%204.96777%202.93592%204.96777H6.83325C6.97514%204.96777%207.09392%205.01561%207.18959%205.11127C7.28536%205.20705%207.33325%205.32588%207.33325%205.46777C7.33325%205.60966%207.28536%205.72844%207.18959%205.82411C7.09392%205.91988%206.97514%205.96777%206.83325%205.96777H4.03575L7.88459%209.81644C7.92303%209.85488%207.97214%209.87411%208.03192%209.87411C8.09181%209.87411%208.14097%209.85488%208.17942%209.81644L12.6191%205.37677C12.7183%205.27755%2012.8344%205.22861%2012.9673%205.22994C13.1001%205.23116%2013.2183%205.2835%2013.3218%205.38694C13.4183%205.49038%2013.4683%205.6075%2013.4718%205.73827C13.4751%205.86905%2013.4251%205.98611%2013.3218%206.08944L8.88575%2010.5254C8.76531%2010.6459%208.63031%2010.7352%208.48075%2010.7933C8.33109%2010.8515%208.18147%2010.8806%208.03192%2010.8806C7.88236%2010.8806%207.73281%2010.8515%207.58325%2010.7933C7.4337%2010.7352%207.29864%2010.6459%207.17809%2010.5254L3.33325%206.68044Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-success-color,#09C26F);

}

.cometchat-call-logs__empty-state-view,
.cometchat-call-logs__error-state-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-call-logs__empty-state-view-body,
.cometchat-call-logs__error-state-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-call-logs__empty-state-view-body-title,
.cometchat-call-logs__error-state-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
  font-style: normal;
}

.cometchat-call-logs__empty-state-view-body-description,
.cometchat-call-logs__error-state-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-call-logs__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #FFF);

}

.cometchat-call-logs__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  width: 100%;
  min-width: 240px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-call-logs__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max,1000px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
}

.cometchat-call-logs__shimmer-item-body {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;

  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-call-logs__shimmer-item-body-title-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cometchat-call-logs__shimmer-item-body-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-call-logs__shimmer-item-body-subtitle {
  width:25%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-call-logs__shimmer-item-body-tail {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 10.5s infinite linear;
}

.cometchat-call-logs .cometchat-list-item {
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  cursor: pointer;
}

.cometchat-call-logs .cometchat-list-item__body {
  padding: 0px;
}

@keyframes shimmerAnimation {
    0% {
      background-position: -468px 0;
    }
  
    100% {
      background-position: 468px 0;
    }
  }

.cometchat-conversations {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  background: var(--cometchat-background-color-01, #FFF);
  position: relative;
}

.cometchat-conversations .cometchat-list__body>div:not([class]):first-child {
  display: none;
}

.cometchat-conversations .cometchat-list-item {
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  cursor: pointer;
}

.cometchat-conversations .cometchat-list-item__body {
  padding: 0px;
  min-height: 43px;
}

.cometchat-conversations .cometchat-list-item__trailing-view{
  width: auto;
  height: 40px;
}

.cometchat-conversations .cometchat-date {
  padding: 0px;
  font: var(--cometchat-font-caption1-regular);
}

.cometchat-conversations__subtitle-receipts {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  align-self: center;  
  background:var(--cometchat-icon-color-secondary, #A1A1A1);
  flex-shrink: 0;
}

.cometchat-conversations__subtitle-receipts-sent{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.32227%206.34408L10.2389%200.427409C10.3522%200.316298%2010.4842%200.260742%2010.6349%200.260742C10.7858%200.260742%2010.9168%200.316465%2011.0279%200.427909C11.139%200.539465%2011.1946%200.671854%2011.1946%200.825076C11.1946%200.97841%2011.139%201.11063%2011.0279%201.22174L4.71127%207.54408C4.60016%207.65519%204.47049%207.71074%204.32227%207.71074C4.17416%207.71074%204.04455%207.65519%203.93344%207.54408L0.955605%204.56624C0.844494%204.45469%200.791716%204.32213%200.797272%204.16858C0.802827%204.01513%200.861383%203.88285%200.972938%203.77174C1.08438%203.66063%201.21677%203.60508%201.37011%203.60508C1.52344%203.60508%201.65566%203.66063%201.76677%203.77174L4.32227%206.34408Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.32227%206.34408L10.2389%200.427409C10.3522%200.316298%2010.4842%200.260742%2010.6349%200.260742C10.7858%200.260742%2010.9168%200.316465%2011.0279%200.427909C11.139%200.539465%2011.1946%200.671854%2011.1946%200.825076C11.1946%200.97841%2011.139%201.11063%2011.0279%201.22174L4.71127%207.54408C4.60016%207.65519%204.47049%207.71074%204.32227%207.71074C4.17416%207.71074%204.04455%207.65519%203.93344%207.54408L0.955605%204.56624C0.844494%204.45469%200.791716%204.32213%200.797272%204.16858C0.802827%204.01513%200.861383%203.88285%200.972938%203.77174C1.08438%203.66063%201.21677%203.60508%201.37011%203.60508C1.52344%203.60508%201.65566%203.66063%201.76677%203.77174L4.32227%206.34408Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-receipts-delivered{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-receipts-read{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-message-seen-color,#56E8A7);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-text-wrapper {
  display: flex;
  gap: var(--cometchat-padding, 2px);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cometchat-conversations__subtitle-text-sender {
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  font: var(--cometchat-font-body-medium);
  font-style: normal;
  flex-shrink:0;
 }

.cometchat-conversations__subtitle-text{
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
  width: 100%; 
}

.cometchat-conversations__subtitle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
  height: 16px;
  width: 16px;
  flex-shrink: 0;
}

.cometchat-conversations__subtitle-icon-incoming-audio-call{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9603%2014.1666C11.704%2014.1666%2010.4418%2013.8745%209.17383%2013.2903C7.90594%2012.706%206.73994%2011.8819%205.67583%2010.8179C4.61605%209.75381%203.79405%208.58881%203.20983%207.32292C2.62561%206.05714%202.3335%204.79609%202.3335%203.53975C2.3335%203.33975%202.40016%203.17197%202.5335%203.03642C2.66683%202.90097%202.8335%202.83325%203.0335%202.83325H5.20783C5.37616%202.83325%205.52466%202.8882%205.65333%202.99809C5.782%203.10786%205.86383%203.24353%205.89883%203.40509L6.281%205.36659C6.30744%205.54859%206.30188%205.70497%206.26433%205.83575C6.22666%205.96653%206.15911%206.07636%206.06166%206.16525L4.522%207.66408C4.76977%208.11786%205.05288%208.54714%205.37133%208.95192C5.68966%209.35659%206.03433%209.74308%206.40533%2010.1114C6.77111%2010.4773%207.16%2010.8171%207.572%2011.1308C7.984%2011.4444%208.42888%2011.7363%208.90666%2012.0064L10.4027%2010.4974C10.507%2010.3889%2010.6333%2010.3128%2010.7817%2010.2691C10.9299%2010.2255%2011.0839%2010.2149%2011.2438%2010.2371L13.095%2010.6141C13.2633%2010.6585%2013.4007%2010.7444%2013.5072%2010.8718C13.6136%2010.9991%2013.6668%2011.1435%2013.6668%2011.3051V13.4666C13.6668%2013.6666%2013.5991%2013.8333%2013.4637%2013.9666C13.3281%2014.0999%2013.1603%2014.1666%2012.9603%2014.1666ZM10.3437%206.85892H11.8078C11.9497%206.85892%2012.0685%206.90681%2012.1642%207.00258C12.2599%207.09825%2012.3078%207.21703%2012.3078%207.35892C12.3078%207.50081%2012.2599%207.61958%2012.1642%207.71525C12.0685%207.81103%2011.9497%207.85892%2011.8078%207.85892H9.24366C9.07188%207.85892%208.92855%207.80142%208.81366%207.68642C8.69866%207.57153%208.64116%207.4282%208.64116%207.25642V4.69225C8.64116%204.55036%208.68905%204.43158%208.78483%204.33592C8.8805%204.24014%208.99927%204.19225%209.14116%204.19225C9.28305%204.19225%209.40183%204.24014%209.4975%204.33592C9.59327%204.43158%209.64116%204.55036%209.64116%204.69225V6.15642L12.777%203.02042C12.8693%202.92808%2012.9854%202.88086%2013.1252%202.87875C13.2649%202.87664%2013.3831%202.92386%2013.4797%203.02042C13.5762%203.11697%2013.6245%203.23409%2013.6245%203.37175C13.6245%203.50931%2013.5762%203.62642%2013.4797%203.72309L10.3437%206.85892Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9603%2014.1666C11.704%2014.1666%2010.4418%2013.8745%209.17383%2013.2903C7.90594%2012.706%206.73994%2011.8819%205.67583%2010.8179C4.61605%209.75381%203.79405%208.58881%203.20983%207.32292C2.62561%206.05714%202.3335%204.79609%202.3335%203.53975C2.3335%203.33975%202.40016%203.17197%202.5335%203.03642C2.66683%202.90097%202.8335%202.83325%203.0335%202.83325H5.20783C5.37616%202.83325%205.52466%202.8882%205.65333%202.99809C5.782%203.10786%205.86383%203.24353%205.89883%203.40509L6.281%205.36659C6.30744%205.54859%206.30188%205.70497%206.26433%205.83575C6.22666%205.96653%206.15911%206.07636%206.06166%206.16525L4.522%207.66408C4.76977%208.11786%205.05288%208.54714%205.37133%208.95192C5.68966%209.35659%206.03433%209.74308%206.40533%2010.1114C6.77111%2010.4773%207.16%2010.8171%207.572%2011.1308C7.984%2011.4444%208.42888%2011.7363%208.90666%2012.0064L10.4027%2010.4974C10.507%2010.3889%2010.6333%2010.3128%2010.7817%2010.2691C10.9299%2010.2255%2011.0839%2010.2149%2011.2438%2010.2371L13.095%2010.6141C13.2633%2010.6585%2013.4007%2010.7444%2013.5072%2010.8718C13.6136%2010.9991%2013.6668%2011.1435%2013.6668%2011.3051V13.4666C13.6668%2013.6666%2013.5991%2013.8333%2013.4637%2013.9666C13.3281%2014.0999%2013.1603%2014.1666%2012.9603%2014.1666ZM10.3437%206.85892H11.8078C11.9497%206.85892%2012.0685%206.90681%2012.1642%207.00258C12.2599%207.09825%2012.3078%207.21703%2012.3078%207.35892C12.3078%207.50081%2012.2599%207.61958%2012.1642%207.71525C12.0685%207.81103%2011.9497%207.85892%2011.8078%207.85892H9.24366C9.07188%207.85892%208.92855%207.80142%208.81366%207.68642C8.69866%207.57153%208.64116%207.4282%208.64116%207.25642V4.69225C8.64116%204.55036%208.68905%204.43158%208.78483%204.33592C8.8805%204.24014%208.99927%204.19225%209.14116%204.19225C9.28305%204.19225%209.40183%204.24014%209.4975%204.33592C9.59327%204.43158%209.64116%204.55036%209.64116%204.69225V6.15642L12.777%203.02042C12.8693%202.92808%2012.9854%202.88086%2013.1252%202.87875C13.2649%202.87664%2013.3831%202.92386%2013.4797%203.02042C13.5762%203.11697%2013.6245%203.23409%2013.6245%203.37175C13.6245%203.50931%2013.5762%203.62642%2013.4797%203.72309L10.3437%206.85892Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-error-color,#F44649);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-incoming-video-call{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_787771'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_787771)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM7.1665%209.81357H5.70234L8.83834%206.67774C8.93489%206.58107%208.98317%206.46396%208.98317%206.3264C8.98317%206.18873%208.93489%206.07162%208.83834%205.97507C8.74178%205.87851%208.62361%205.83129%208.48384%205.8334C8.34406%205.83551%208.228%205.88273%208.13567%205.97507L4.99984%209.11107V7.6469C4.99984%207.50523%204.95195%207.38646%204.85617%207.29057C4.7605%207.19479%204.64178%207.1469%204.5%207.1469C4.35834%207.1469%204.23956%207.19479%204.14367%207.29057C4.04778%207.38646%203.99984%207.50523%203.99984%207.6469V10.2111C3.99984%2010.3817%204.05761%2010.5248%204.17317%2010.6402C4.28861%2010.7558%204.43167%2010.8136%204.60234%2010.8136H7.1665C7.30817%2010.8136%207.42695%2010.7657%207.52284%2010.6699C7.61862%2010.5742%207.6665%2010.4555%207.6665%2010.3137C7.6665%2010.1721%207.61862%2010.0533%207.52284%209.9574C7.42695%209.86151%207.30817%209.81357%207.1665%209.81357Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_787771'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_787771)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM7.1665%209.81357H5.70234L8.83834%206.67774C8.93489%206.58107%208.98317%206.46396%208.98317%206.3264C8.98317%206.18873%208.93489%206.07162%208.83834%205.97507C8.74178%205.87851%208.62361%205.83129%208.48384%205.8334C8.34406%205.83551%208.228%205.88273%208.13567%205.97507L4.99984%209.11107V7.6469C4.99984%207.50523%204.95195%207.38646%204.85617%207.29057C4.7605%207.19479%204.64178%207.1469%204.5%207.1469C4.35834%207.1469%204.23956%207.19479%204.14367%207.29057C4.04778%207.38646%203.99984%207.50523%203.99984%207.6469V10.2111C3.99984%2010.3817%204.05761%2010.5248%204.17317%2010.6402C4.28861%2010.7558%204.43167%2010.8136%204.60234%2010.8136H7.1665C7.30817%2010.8136%207.42695%2010.7657%207.52284%2010.6699C7.61862%2010.5742%207.6665%2010.4555%207.6665%2010.3137C7.6665%2010.1721%207.61862%2010.0533%207.52284%209.9574C7.42695%209.86151%207.30817%209.81357%207.1665%209.81357Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--cometchat-error-color,#F44649);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-outgoing-audio-call{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.17383%2013.2903C10.4418%2013.8745%2011.704%2014.1666%2012.9603%2014.1666C13.1603%2014.1666%2013.3281%2014.0999%2013.4637%2013.9666C13.5991%2013.8333%2013.6668%2013.6666%2013.6668%2013.4666V11.3051C13.6668%2011.1435%2013.6136%2010.9991%2013.5072%2010.8718C13.4007%2010.7444%2013.2633%2010.6585%2013.095%2010.6141L11.2438%2010.2371C11.0839%2010.2149%2010.9299%2010.2255%2010.7817%2010.2691C10.6333%2010.3128%2010.507%2010.3889%2010.4027%2010.4974L8.90666%2012.0064C8.42889%2011.7363%207.984%2011.4444%207.572%2011.1308C7.16%2010.8171%206.77111%2010.4773%206.40533%2010.1114C6.03433%209.74309%205.68966%209.35659%205.37133%208.95192C5.05288%208.54714%204.76977%208.11786%204.522%207.66409L6.06166%206.16525C6.15911%206.07636%206.22666%205.96653%206.26433%205.83575C6.30189%205.70497%206.30744%205.54859%206.281%205.36659L5.89883%203.40509C5.86383%203.24353%205.782%203.10786%205.65333%202.99809C5.52466%202.8882%205.37616%202.83325%205.20783%202.83325H3.0335C2.8335%202.83325%202.66683%202.90097%202.5335%203.03642C2.40016%203.17197%202.3335%203.33975%202.3335%203.53975C2.3335%204.79609%202.62561%206.05714%203.20983%207.32292C3.79405%208.58881%204.61605%209.75381%205.67583%2010.8179C6.73994%2011.8819%207.90594%2012.706%209.17383%2013.2903Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M10.4578%203.87865H11.922L8.78601%207.01449C8.68946%207.11115%208.64118%207.22826%208.64118%207.36582C8.64118%207.50349%208.68946%207.6206%208.78601%207.71715C8.88257%207.81371%209.00074%207.86093%209.14051%207.85882C9.28029%207.85671%209.39635%207.80949%209.48868%207.71715L12.6245%204.58115V6.04532C12.6245%206.18699%2012.6724%206.30576%2012.7682%206.40165C12.8638%206.49743%2012.9826%206.54532%2013.1243%206.54532C13.266%206.54532%2013.3848%206.49743%2013.4807%206.40165C13.5766%206.30576%2013.6245%206.18699%2013.6245%206.04532V3.48115C13.6245%203.31048%2013.5667%203.16743%2013.4512%203.05198C13.3357%202.93643%2013.1927%202.87865%2013.022%202.87865H10.4578C10.3162%202.87865%2010.1974%202.92654%2010.1015%203.02232C10.0057%203.11799%209.95785%203.23671%209.95785%203.37849C9.95785%203.52015%2010.0057%203.63893%2010.1015%203.73482C10.1974%203.83071%2010.3162%203.87865%2010.4578%203.87865Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.17383%2013.2903C10.4418%2013.8745%2011.704%2014.1666%2012.9603%2014.1666C13.1603%2014.1666%2013.3281%2014.0999%2013.4637%2013.9666C13.5991%2013.8333%2013.6668%2013.6666%2013.6668%2013.4666V11.3051C13.6668%2011.1435%2013.6136%2010.9991%2013.5072%2010.8718C13.4007%2010.7444%2013.2633%2010.6585%2013.095%2010.6141L11.2438%2010.2371C11.0839%2010.2149%2010.9299%2010.2255%2010.7817%2010.2691C10.6333%2010.3128%2010.507%2010.3889%2010.4027%2010.4974L8.90666%2012.0064C8.42889%2011.7363%207.984%2011.4444%207.572%2011.1308C7.16%2010.8171%206.77111%2010.4773%206.40533%2010.1114C6.03433%209.74309%205.68966%209.35659%205.37133%208.95192C5.05288%208.54714%204.76977%208.11786%204.522%207.66409L6.06166%206.16525C6.15911%206.07636%206.22666%205.96653%206.26433%205.83575C6.30189%205.70497%206.30744%205.54859%206.281%205.36659L5.89883%203.40509C5.86383%203.24353%205.782%203.10786%205.65333%202.99809C5.52466%202.8882%205.37616%202.83325%205.20783%202.83325H3.0335C2.8335%202.83325%202.66683%202.90097%202.5335%203.03642C2.40016%203.17197%202.3335%203.33975%202.3335%203.53975C2.3335%204.79609%202.62561%206.05714%203.20983%207.32292C3.79405%208.58881%204.61605%209.75381%205.67583%2010.8179C6.73994%2011.8819%207.90594%2012.706%209.17383%2013.2903Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M10.4578%203.87865H11.922L8.78601%207.01449C8.68946%207.11115%208.64118%207.22826%208.64118%207.36582C8.64118%207.50349%208.68946%207.6206%208.78601%207.71715C8.88257%207.81371%209.00074%207.86093%209.14051%207.85882C9.28029%207.85671%209.39635%207.80949%209.48868%207.71715L12.6245%204.58115V6.04532C12.6245%206.18699%2012.6724%206.30576%2012.7682%206.40165C12.8638%206.49743%2012.9826%206.54532%2013.1243%206.54532C13.266%206.54532%2013.3848%206.49743%2013.4807%206.40165C13.5766%206.30576%2013.6245%206.18699%2013.6245%206.04532V3.48115C13.6245%203.31048%2013.5667%203.16743%2013.4512%203.05198C13.3357%202.93643%2013.1927%202.87865%2013.022%202.87865H10.4578C10.3162%202.87865%2010.1974%202.92654%2010.1015%203.02232C10.0057%203.11799%209.95785%203.23671%209.95785%203.37849C9.95785%203.52015%2010.0057%203.63893%2010.1015%203.73482C10.1974%203.83071%2010.3162%203.87865%2010.4578%203.87865Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;

}

.cometchat-conversations__subtitle-icon-outgoing-video-call{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_761294'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_761294)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM5.81624%206.83332H7.28041L4.14441%209.96916C4.04785%2010.0658%203.99958%2010.1829%203.99958%2010.3205C3.99958%2010.4582%204.04785%2010.5753%204.14441%2010.6718C4.24097%2010.7684%204.35913%2010.8156%204.49891%2010.8135C4.63869%2010.8114%204.75474%2010.7642%204.84708%2010.6718L7.98291%207.53582V8.99999C7.98291%209.14166%208.0308%209.26043%208.12658%209.35632C8.22224%209.4521%208.34097%209.49999%208.48275%209.49999C8.62441%209.49999%208.74319%209.4521%208.83908%209.35632C8.93497%209.26043%208.98291%209.14166%208.98291%208.99999V6.43582C8.98291%206.26516%208.92513%206.1221%208.80958%206.00666C8.69413%205.8911%208.55108%205.83332%208.38041%205.83332H5.81624C5.67458%205.83332%205.5558%205.88121%205.45991%205.97699C5.36413%206.07266%205.31624%206.19138%205.31624%206.33316C5.31624%206.47482%205.36413%206.5936%205.45991%206.68949C5.5558%206.78538%205.67458%206.83332%205.81624%206.83332Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_761294'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_761294)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM5.81624%206.83332H7.28041L4.14441%209.96916C4.04785%2010.0658%203.99958%2010.1829%203.99958%2010.3205C3.99958%2010.4582%204.04785%2010.5753%204.14441%2010.6718C4.24097%2010.7684%204.35913%2010.8156%204.49891%2010.8135C4.63869%2010.8114%204.75474%2010.7642%204.84708%2010.6718L7.98291%207.53582V8.99999C7.98291%209.14166%208.0308%209.26043%208.12658%209.35632C8.22224%209.4521%208.34097%209.49999%208.48275%209.49999C8.62441%209.49999%208.74319%209.4521%208.83908%209.35632C8.93497%209.26043%208.98291%209.14166%208.98291%208.99999V6.43582C8.98291%206.26516%208.92513%206.1221%208.80958%206.00666C8.69413%205.8911%208.55108%205.83332%208.38041%205.83332H5.81624C5.67458%205.83332%205.5558%205.88121%205.45991%205.97699C5.36413%206.07266%205.31624%206.19138%205.31624%206.33316C5.31624%206.47482%205.36413%206.5936%205.45991%206.68949C5.5558%206.78538%205.67458%206.83332%205.81624%206.83332Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-image{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680692'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680692)'%3e%3cpath%20d='M3.53866%2014.1666C3.20188%2014.1666%202.91683%2014.0499%202.6835%2013.8166C2.45016%2013.5833%202.3335%2013.2982%202.3335%2012.9614V4.03842C2.3335%203.70164%202.45016%203.41659%202.6835%203.18325C2.91683%202.94992%203.20188%202.83325%203.53866%202.83325H12.4617C12.7984%202.83325%2013.0835%202.94992%2013.3168%203.18325C13.5502%203.41659%2013.6668%203.70164%2013.6668%204.03842V12.9614C13.6668%2013.2982%2013.5502%2013.5833%2013.3168%2013.8166C13.0835%2014.0499%2012.7984%2014.1666%2012.4617%2014.1666H3.53866ZM5.10283%2011.6666H10.9488C11.0694%2011.6666%2011.1587%2011.6119%2011.2168%2011.5024C11.2749%2011.3931%2011.2659%2011.2871%2011.1898%2011.1846L9.60016%209.05509C9.53772%208.97475%209.45738%208.93458%209.35916%208.93458C9.26083%208.93458%209.1805%208.97475%209.11816%209.05509L7.48733%2011.1794L6.395%209.77942C6.33266%209.70331%206.25339%209.66525%206.15716%209.66525C6.06105%209.66525%205.98177%209.70547%205.91933%209.78592L4.86816%2011.1846C4.78783%2011.2871%204.77672%2011.3931%204.83483%2011.5024C4.89294%2011.6119%204.98227%2011.6666%205.10283%2011.6666Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680692'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680692)'%3e%3cpath%20d='M3.53866%2014.1666C3.20188%2014.1666%202.91683%2014.0499%202.6835%2013.8166C2.45016%2013.5833%202.3335%2013.2982%202.3335%2012.9614V4.03842C2.3335%203.70164%202.45016%203.41659%202.6835%203.18325C2.91683%202.94992%203.20188%202.83325%203.53866%202.83325H12.4617C12.7984%202.83325%2013.0835%202.94992%2013.3168%203.18325C13.5502%203.41659%2013.6668%203.70164%2013.6668%204.03842V12.9614C13.6668%2013.2982%2013.5502%2013.5833%2013.3168%2013.8166C13.0835%2014.0499%2012.7984%2014.1666%2012.4617%2014.1666H3.53866ZM5.10283%2011.6666H10.9488C11.0694%2011.6666%2011.1587%2011.6119%2011.2168%2011.5024C11.2749%2011.3931%2011.2659%2011.2871%2011.1898%2011.1846L9.60016%209.05509C9.53772%208.97475%209.45738%208.93458%209.35916%208.93458C9.26083%208.93458%209.1805%208.97475%209.11816%209.05509L7.48733%2011.1794L6.395%209.77942C6.33266%209.70331%206.25339%209.66525%206.15716%209.66525C6.06105%209.66525%205.98177%209.70547%205.91933%209.78592L4.86816%2011.1846C4.78783%2011.2871%204.77672%2011.3931%204.83483%2011.5024C4.89294%2011.6119%204.98227%2011.6666%205.10283%2011.6666Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-file{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680464'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680464)'%3e%3cpath%20d='M6%2012.3334H10C10.1417%2012.3334%2010.2604%2012.2855%2010.3562%2012.1896C10.4521%2012.0937%2010.5%2011.9749%2010.5%2011.8332C10.5%2011.6915%2010.4521%2011.5727%2010.3562%2011.4771C10.2604%2011.3813%2010.1417%2011.3334%2010%2011.3334H6C5.85833%2011.3334%205.73961%2011.3814%205.64383%2011.4772C5.54794%2011.5731%205.5%2011.6919%205.5%2011.8336C5.5%2011.9754%205.54794%2012.0941%205.64383%2012.1897C5.73961%2012.2855%205.85833%2012.3334%206%2012.3334ZM6%209.66675H10C10.1417%209.66675%2010.2604%209.6188%2010.3562%209.52291C10.4521%209.42703%2010.5%209.30825%2010.5%209.16658C10.5%209.0248%2010.4521%208.90608%2010.3562%208.81041C10.2604%208.71464%2010.1417%208.66675%2010%208.66675H6C5.85833%208.66675%205.73961%208.71469%205.64383%208.81058C5.54794%208.90647%205.5%209.02525%205.5%209.16691C5.5%209.30869%205.54794%209.42741%205.64383%209.52308C5.73961%209.61886%205.85833%209.66675%206%209.66675ZM4.20517%2014.8334C3.86839%2014.8334%203.58333%2014.7167%203.35%2014.4834C3.11667%2014.2501%203%2013.965%203%2013.6282V3.37191C3%203.03514%203.11667%202.75008%203.35%202.51675C3.58333%202.28341%203.86839%202.16675%204.20517%202.16675H9.00133C9.16389%202.16675%209.31883%202.19797%209.46617%202.26041C9.6135%202.32275%209.74189%202.40864%209.85133%202.51808L12.6487%205.31541C12.7581%205.42486%2012.844%205.55325%2012.9063%205.70058C12.9688%205.84791%2013%206.00286%2013%206.16541V13.6282C13%2013.965%2012.8833%2014.2501%2012.65%2014.4834C12.4167%2014.7167%2012.1316%2014.8334%2011.7948%2014.8334H4.20517ZM9%205.56675C9%205.73675%209.0575%205.87925%209.1725%205.99425C9.2875%206.10925%209.43%206.16675%209.6%206.16675H12L9%203.16675V5.56675Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680464'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680464)'%3e%3cpath%20d='M6%2012.3334H10C10.1417%2012.3334%2010.2604%2012.2855%2010.3562%2012.1896C10.4521%2012.0937%2010.5%2011.9749%2010.5%2011.8332C10.5%2011.6915%2010.4521%2011.5727%2010.3562%2011.4771C10.2604%2011.3813%2010.1417%2011.3334%2010%2011.3334H6C5.85833%2011.3334%205.73961%2011.3814%205.64383%2011.4772C5.54794%2011.5731%205.5%2011.6919%205.5%2011.8336C5.5%2011.9754%205.54794%2012.0941%205.64383%2012.1897C5.73961%2012.2855%205.85833%2012.3334%206%2012.3334ZM6%209.66675H10C10.1417%209.66675%2010.2604%209.6188%2010.3562%209.52291C10.4521%209.42703%2010.5%209.30825%2010.5%209.16658C10.5%209.0248%2010.4521%208.90608%2010.3562%208.81041C10.2604%208.71464%2010.1417%208.66675%2010%208.66675H6C5.85833%208.66675%205.73961%208.71469%205.64383%208.81058C5.54794%208.90647%205.5%209.02525%205.5%209.16691C5.5%209.30869%205.54794%209.42741%205.64383%209.52308C5.73961%209.61886%205.85833%209.66675%206%209.66675ZM4.20517%2014.8334C3.86839%2014.8334%203.58333%2014.7167%203.35%2014.4834C3.11667%2014.2501%203%2013.965%203%2013.6282V3.37191C3%203.03514%203.11667%202.75008%203.35%202.51675C3.58333%202.28341%203.86839%202.16675%204.20517%202.16675H9.00133C9.16389%202.16675%209.31883%202.19797%209.46617%202.26041C9.6135%202.32275%209.74189%202.40864%209.85133%202.51808L12.6487%205.31541C12.7581%205.42486%2012.844%205.55325%2012.9063%205.70058C12.9688%205.84791%2013%206.00286%2013%206.16541V13.6282C13%2013.965%2012.8833%2014.2501%2012.65%2014.4834C12.4167%2014.7167%2012.1316%2014.8334%2011.7948%2014.8334H4.20517ZM9%205.56675C9%205.73675%209.0575%205.87925%209.1725%205.99425C9.2875%206.10925%209.43%206.16675%209.6%206.16675H12L9%203.16675V5.56675Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-video{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_702310'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_702310)'%3e%3cpath%20d='M3.03166%2013.5C2.69499%2013.5%202.40999%2013.3833%202.17666%2013.15C1.94333%2012.9167%201.82666%2012.6316%201.82666%2012.2948V4.70517C1.82666%204.36839%201.94333%204.08333%202.17666%203.85C2.40999%203.61667%202.69499%203.5%203.03166%203.5H10.6215C10.9582%203.5%2011.2432%203.61667%2011.4765%203.85C11.7098%204.08333%2011.8265%204.36839%2011.8265%204.70517V7.7565L13.6573%205.92567C13.7557%205.82733%2013.8661%205.80278%2013.9887%205.852C14.1113%205.90111%2014.1727%205.99489%2014.1727%206.13333V10.8667C14.1727%2011.0051%2014.1113%2011.0989%2013.9887%2011.148C13.8661%2011.1972%2013.7557%2011.1727%2013.6573%2011.0743L11.8265%209.2435V12.2948C11.8265%2012.6316%2011.7098%2012.9167%2011.4765%2013.15C11.2432%2013.3833%2010.9582%2013.5%2010.6215%2013.5H3.03166Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_702310'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_702310)'%3e%3cpath%20d='M3.03166%2013.5C2.69499%2013.5%202.40999%2013.3833%202.17666%2013.15C1.94333%2012.9167%201.82666%2012.6316%201.82666%2012.2948V4.70517C1.82666%204.36839%201.94333%204.08333%202.17666%203.85C2.40999%203.61667%202.69499%203.5%203.03166%203.5H10.6215C10.9582%203.5%2011.2432%203.61667%2011.4765%203.85C11.7098%204.08333%2011.8265%204.36839%2011.8265%204.70517V7.7565L13.6573%205.92567C13.7557%205.82733%2013.8661%205.80278%2013.9887%205.852C14.1113%205.90111%2014.1727%205.99489%2014.1727%206.13333V10.8667C14.1727%2011.0051%2014.1113%2011.0989%2013.9887%2011.148C13.8661%2011.1972%2013.7557%2011.1727%2013.6573%2011.0743L11.8265%209.2435V12.2948C11.8265%2012.6316%2011.7098%2012.9167%2011.4765%2013.15C11.2432%2013.3833%2010.9582%2013.5%2010.6215%2013.5H3.03166Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-audio{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680227'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680227)'%3e%3cpath%20d='M7.99974%209.50008C7.53397%209.50008%207.13974%209.33875%206.81708%209.01608C6.49441%208.69341%206.33308%208.29919%206.33308%207.83341V3.83341C6.33308%203.36764%206.49441%202.97341%206.81708%202.65075C7.13974%202.32808%207.53397%202.16675%207.99974%202.16675C8.46552%202.16675%208.85975%202.32808%209.18241%202.65075C9.50508%202.97341%209.66641%203.36764%209.66641%203.83341V7.83341C9.66641%208.29919%209.50508%208.69341%209.18241%209.01608C8.85975%209.33875%208.46552%209.50008%207.99974%209.50008ZM7.49974%2013.8334V12.1359C6.50741%2012.0214%205.65697%2011.6137%204.94841%2010.9129C4.23997%2010.212%203.82502%209.35775%203.70358%208.35008C3.68569%208.20819%203.72286%208.08664%203.81508%207.98541C3.90741%207.88408%204.02452%207.83341%204.16641%207.83341C4.3083%207.83341%204.42708%207.88236%204.52274%207.98025C4.61852%208.07803%204.68224%208.19786%204.71391%208.33975C4.83524%209.15608%205.20852%209.8313%205.83375%2010.3654C6.45897%2010.8996%207.18097%2011.1667%207.99974%2011.1667C8.82963%2011.1667%209.55441%2010.8969%2010.1741%2010.3571C10.7937%209.81741%2011.1642%209.14497%2011.2856%208.33975C11.3172%208.19786%2011.381%208.07803%2011.4767%207.98025C11.5724%207.88236%2011.6912%207.83341%2011.8331%207.83341C11.975%207.83341%2012.0921%207.88408%2012.1844%207.98541C12.2766%208.08664%2012.3138%208.20819%2012.2959%208.35008C12.1745%209.33553%2011.7623%2010.1832%2011.0594%2010.8931C10.3564%2011.6029%209.50319%2012.0171%208.49974%2012.1359V13.8334C8.49974%2013.9753%208.45186%2014.0941%208.35608%2014.1897C8.26041%2014.2855%208.14163%2014.3334%207.99974%2014.3334C7.85786%2014.3334%207.73908%2014.2855%207.64341%2014.1897C7.54763%2014.0941%207.49974%2013.9753%207.49974%2013.8334Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680227'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680227)'%3e%3cpath%20d='M7.99974%209.50008C7.53397%209.50008%207.13974%209.33875%206.81708%209.01608C6.49441%208.69341%206.33308%208.29919%206.33308%207.83341V3.83341C6.33308%203.36764%206.49441%202.97341%206.81708%202.65075C7.13974%202.32808%207.53397%202.16675%207.99974%202.16675C8.46552%202.16675%208.85975%202.32808%209.18241%202.65075C9.50508%202.97341%209.66641%203.36764%209.66641%203.83341V7.83341C9.66641%208.29919%209.50508%208.69341%209.18241%209.01608C8.85975%209.33875%208.46552%209.50008%207.99974%209.50008ZM7.49974%2013.8334V12.1359C6.50741%2012.0214%205.65697%2011.6137%204.94841%2010.9129C4.23997%2010.212%203.82502%209.35775%203.70358%208.35008C3.68569%208.20819%203.72286%208.08664%203.81508%207.98541C3.90741%207.88408%204.02452%207.83341%204.16641%207.83341C4.3083%207.83341%204.42708%207.88236%204.52274%207.98025C4.61852%208.07803%204.68224%208.19786%204.71391%208.33975C4.83524%209.15608%205.20852%209.8313%205.83375%2010.3654C6.45897%2010.8996%207.18097%2011.1667%207.99974%2011.1667C8.82963%2011.1667%209.55441%2010.8969%2010.1741%2010.3571C10.7937%209.81741%2011.1642%209.14497%2011.2856%208.33975C11.3172%208.19786%2011.381%208.07803%2011.4767%207.98025C11.5724%207.88236%2011.6912%207.83341%2011.8331%207.83341C11.975%207.83341%2012.0921%207.88408%2012.1844%207.98541C12.2766%208.08664%2012.3138%208.20819%2012.2959%208.35008C12.1745%209.33553%2011.7623%2010.1832%2011.0594%2010.8931C10.3564%2011.6029%209.50319%2012.0171%208.49974%2012.1359V13.8334C8.49974%2013.9753%208.45186%2014.0941%208.35608%2014.1897C8.26041%2014.2855%208.14163%2014.3334%207.99974%2014.3334C7.85786%2014.3334%207.73908%2014.2855%207.64341%2014.1897C7.54763%2014.0941%207.49974%2013.9753%207.49974%2013.8334Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-poll{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2692%2013.5C11.0985%2013.5%2010.9554%2013.4422%2010.8398%2013.3267C10.7244%2013.2112%2010.6667%2013.0681%2010.6667%2012.8973V10.1667C10.6667%209.996%2010.7244%209.85289%2010.8398%209.73733C10.9554%209.62189%2011.0985%209.56417%2011.2692%209.56417H12.3973C12.5681%209.56417%2012.7112%209.62189%2012.8267%209.73733C12.9422%209.85289%2013%209.996%2013%2010.1667V12.8973C13%2013.0681%2012.9422%2013.2112%2012.8267%2013.3267C12.7112%2013.4422%2012.5681%2013.5%2012.3973%2013.5H11.2692ZM7.43583%2013.5C7.26517%2013.5%207.12206%2013.4422%207.0065%2013.3267C6.89106%2013.2112%206.83333%2013.0681%206.83333%2012.8973V4.10267C6.83333%203.93189%206.89106%203.78878%207.0065%203.67333C7.12206%203.55778%207.26517%203.5%207.43583%203.5H8.56417C8.73483%203.5%208.87794%203.55778%208.9935%203.67333C9.10894%203.78878%209.16667%203.93189%209.16667%204.10267V12.8973C9.16667%2013.0681%209.10894%2013.2112%208.9935%2013.3267C8.87794%2013.4422%208.73483%2013.5%208.56417%2013.5H7.43583ZM3.60267%2013.5C3.43189%2013.5%203.28878%2013.4422%203.17333%2013.3267C3.05778%2013.2112%203%2013.0681%203%2012.8973V7.37483C3%207.20106%203.05778%207.05667%203.17333%206.94167C3.28878%206.82678%203.43189%206.76933%203.60267%206.76933H4.73083C4.9015%206.76933%205.04461%206.82706%205.16017%206.9425C5.27561%207.05794%205.33333%207.20106%205.33333%207.37183V12.8943C5.33333%2013.0682%205.27561%2013.2126%205.16017%2013.3275C5.04461%2013.4425%204.9015%2013.5%204.73083%2013.5H3.60267Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2692%2013.5C11.0985%2013.5%2010.9554%2013.4422%2010.8398%2013.3267C10.7244%2013.2112%2010.6667%2013.0681%2010.6667%2012.8973V10.1667C10.6667%209.996%2010.7244%209.85289%2010.8398%209.73733C10.9554%209.62189%2011.0985%209.56417%2011.2692%209.56417H12.3973C12.5681%209.56417%2012.7112%209.62189%2012.8267%209.73733C12.9422%209.85289%2013%209.996%2013%2010.1667V12.8973C13%2013.0681%2012.9422%2013.2112%2012.8267%2013.3267C12.7112%2013.4422%2012.5681%2013.5%2012.3973%2013.5H11.2692ZM7.43583%2013.5C7.26517%2013.5%207.12206%2013.4422%207.0065%2013.3267C6.89106%2013.2112%206.83333%2013.0681%206.83333%2012.8973V4.10267C6.83333%203.93189%206.89106%203.78878%207.0065%203.67333C7.12206%203.55778%207.26517%203.5%207.43583%203.5H8.56417C8.73483%203.5%208.87794%203.55778%208.9935%203.67333C9.10894%203.78878%209.16667%203.93189%209.16667%204.10267V12.8973C9.16667%2013.0681%209.10894%2013.2112%208.9935%2013.3267C8.87794%2013.4422%208.73483%2013.5%208.56417%2013.5H7.43583ZM3.60267%2013.5C3.43189%2013.5%203.28878%2013.4422%203.17333%2013.3267C3.05778%2013.2112%203%2013.0681%203%2012.8973V7.37483C3%207.20106%203.05778%207.05667%203.17333%206.94167C3.28878%206.82678%203.43189%206.76933%203.60267%206.76933H4.73083C4.9015%206.76933%205.04461%206.82706%205.16017%206.9425C5.27561%207.05794%205.33333%207.20106%205.33333%207.37183V12.8943C5.33333%2013.0682%205.27561%2013.2126%205.16017%2013.3275C5.04461%2013.4425%204.9015%2013.5%204.73083%2013.5H3.60267Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-sticker{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.6665%2012.4112V4.58897C2.6665%203.8035%203.30325%203.16675%204.08873%203.16675H11.9109C12.6964%203.16675%2013.3332%203.8035%2013.3332%204.58897V8.85564H11.1998C9.82526%208.85564%208.71095%209.96995%208.71095%2011.3445V13.8334H4.08873C3.30325%2013.8334%202.6665%2013.1967%202.6665%2012.4112Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M13.3128%209.56675H11.1998C10.218%209.56675%209.42206%2010.3627%209.42206%2011.3445V13.8334H9.44999L13.3128%209.56675Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.6665%2012.4112V4.58897C2.6665%203.8035%203.30325%203.16675%204.08873%203.16675H11.9109C12.6964%203.16675%2013.3332%203.8035%2013.3332%204.58897V8.85564H11.1998C9.82526%208.85564%208.71095%209.96995%208.71095%2011.3445V13.8334H4.08873C3.30325%2013.8334%202.6665%2013.1967%202.6665%2012.4112Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M13.3128%209.56675H11.1998C10.218%209.56675%209.42206%2010.3627%209.42206%2011.3445V13.8334H9.44999L13.3128%209.56675Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-collaborative-document{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%204.14748C2%202.40917%203.40918%201%205.14749%201H15.8489C17.5873%201%2018.9964%202.40918%2018.9964%204.14749V9.5388C18.9964%209.70329%2018.932%209.86125%2018.8171%209.97886L14.75%2014.1389L8.93259%2019.7101C8.81541%2019.8223%208.65943%2019.8849%208.49719%2019.8849H5.14749C3.40918%2019.8849%202%2018.4757%202%2016.7374V4.14748ZM9.2393%203.95166C8.783%203.95166%208.41309%204.32157%208.41309%204.77788C8.41309%205.23418%208.783%205.60409%209.2393%205.60409H15.2195C15.6758%205.60409%2016.0457%205.23418%2016.0457%204.77788C16.0457%204.32157%2015.6758%203.95166%2015.2195%203.95166H9.2393ZM5.77641%207.41455C5.3201%207.41455%204.9502%207.78446%204.9502%208.24077C4.9502%208.69707%205.3201%209.06698%205.77641%209.06698H15.2189C15.6752%209.06698%2016.0451%208.69707%2016.0451%208.24077C16.0451%207.78446%2015.6752%207.41455%2015.2189%207.41455H5.77641ZM5.77641%2010.876C5.3201%2010.876%204.9502%2011.2459%204.9502%2011.7022C4.9502%2012.1585%205.3201%2012.5284%205.77641%2012.5284H13.3304C13.7867%2012.5284%2014.1566%2012.1585%2014.1566%2011.7022C14.1566%2011.2459%2013.7867%2010.876%2013.3304%2010.876H5.77641Z'%20fill='%23141414'/%3e%3cpath%20d='M21.1275%2011.3341C20.6359%2010.8424%2019.8387%2010.8424%2019.3471%2011.3341L11.4128%2019.2684C11.3622%2019.319%2011.3294%2019.3846%2011.3193%2019.4553L10.9521%2022.0259C10.9209%2022.244%2011.1079%2022.431%2011.326%2022.3998L13.8965%2022.0326C13.9673%2022.0225%2014.0329%2021.9897%2014.0835%2021.9391L22.0178%2014.0048C22.5095%2013.5132%2022.5095%2012.716%2022.0178%2012.2243L21.1275%2011.3341Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%204.14748C2%202.40917%203.40918%201%205.14749%201H15.8489C17.5873%201%2018.9964%202.40918%2018.9964%204.14749V9.5388C18.9964%209.70329%2018.932%209.86125%2018.8171%209.97886L14.75%2014.1389L8.93259%2019.7101C8.81541%2019.8223%208.65943%2019.8849%208.49719%2019.8849H5.14749C3.40918%2019.8849%202%2018.4757%202%2016.7374V4.14748ZM9.2393%203.95166C8.783%203.95166%208.41309%204.32157%208.41309%204.77788C8.41309%205.23418%208.783%205.60409%209.2393%205.60409H15.2195C15.6758%205.60409%2016.0457%205.23418%2016.0457%204.77788C16.0457%204.32157%2015.6758%203.95166%2015.2195%203.95166H9.2393ZM5.77641%207.41455C5.3201%207.41455%204.9502%207.78446%204.9502%208.24077C4.9502%208.69707%205.3201%209.06698%205.77641%209.06698H15.2189C15.6752%209.06698%2016.0451%208.69707%2016.0451%208.24077C16.0451%207.78446%2015.6752%207.41455%2015.2189%207.41455H5.77641ZM5.77641%2010.876C5.3201%2010.876%204.9502%2011.2459%204.9502%2011.7022C4.9502%2012.1585%205.3201%2012.5284%205.77641%2012.5284H13.3304C13.7867%2012.5284%2014.1566%2012.1585%2014.1566%2011.7022C14.1566%2011.2459%2013.7867%2010.876%2013.3304%2010.876H5.77641Z'%20fill='%23141414'/%3e%3cpath%20d='M21.1275%2011.3341C20.6359%2010.8424%2019.8387%2010.8424%2019.3471%2011.3341L11.4128%2019.2684C11.3622%2019.319%2011.3294%2019.3846%2011.3193%2019.4553L10.9521%2022.0259C10.9209%2022.244%2011.1079%2022.431%2011.326%2022.3998L13.8965%2022.0326C13.9673%2022.0225%2014.0329%2021.9897%2014.0835%2021.9391L22.0178%2014.0048C22.5095%2013.5132%2022.5095%2012.716%2022.0178%2012.2243L21.1275%2011.3341Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-collaborative-whiteboard{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20fill='white'%20fill-opacity='0.11'/%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20fill='white'%20fill-opacity='0.11'/%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-deleted{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-link{
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683031'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683031)'%3e%3cpath%20d='M4.69217%2011.5257C3.85506%2011.5257%203.1415%2011.2307%202.5515%2010.6407C1.9615%2010.0508%201.6665%209.33736%201.6665%208.50036C1.6665%207.66336%201.9615%206.94981%202.5515%206.3597C3.1415%205.76948%203.85506%205.47437%204.69217%205.47437H6.705C6.84667%205.47437%206.96539%205.52231%207.06117%205.6182C7.15706%205.71409%207.205%205.83292%207.205%205.9747C7.205%206.11636%207.15706%206.23509%207.06117%206.33086C6.96539%206.42653%206.84667%206.47437%206.705%206.47437H4.69134C4.132%206.47437%203.65473%206.67203%203.2595%207.06736C2.86417%207.4627%202.6665%207.94025%202.6665%208.50003C2.6665%209.05981%202.86417%209.53736%203.2595%209.9327C3.65473%2010.328%204.132%2010.5257%204.69134%2010.5257H6.705C6.84667%2010.5257%206.96539%2010.5736%207.06117%2010.6695C7.15706%2010.7654%207.205%2010.8842%207.205%2011.0259C7.205%2011.1676%207.15706%2011.2864%207.06117%2011.382C6.96539%2011.4778%206.84667%2011.5257%206.705%2011.5257H4.69217ZM5.99984%209.00003C5.85817%209.00003%205.73945%208.95209%205.64367%208.8562C5.54778%208.76031%205.49984%208.64153%205.49984%208.49987C5.49984%208.35809%205.54778%208.23936%205.64367%208.1437C5.73945%208.04792%205.85817%208.00003%205.99984%208.00003H9.99984C10.1415%208.00003%2010.2602%208.04798%2010.356%208.14387C10.4519%208.23975%2010.4998%208.35853%2010.4998%208.5002C10.4998%208.64198%2010.4519%208.7607%2010.356%208.85636C10.2602%208.95214%2010.1415%209.00003%209.99984%209.00003H5.99984ZM9.29467%2011.5257C9.153%2011.5257%209.03428%2011.4778%208.9385%2011.3819C8.84261%2011.286%208.79467%2011.1671%208.79467%2011.0254C8.79467%2010.8837%208.84261%2010.765%208.9385%2010.6692C9.03428%2010.5735%209.153%2010.5257%209.29467%2010.5257H11.3083C11.8677%2010.5257%2012.3449%2010.328%2012.7402%209.9327C13.1355%209.53736%2013.3332%209.05981%2013.3332%208.50003C13.3332%207.94025%2013.1355%207.4627%2012.7402%207.06736C12.3449%206.67203%2011.8677%206.47437%2011.3083%206.47437H9.29467C9.153%206.47437%209.03428%206.42642%208.9385%206.33053C8.84261%206.23464%208.79467%206.11587%208.79467%205.9742C8.79467%205.83242%208.84261%205.7137%208.9385%205.61803C9.03428%205.52225%209.153%205.47437%209.29467%205.47437H11.3075C12.1446%205.47437%2012.8582%205.76936%2013.4482%206.35936C14.0382%206.94925%2014.3332%207.6627%2014.3332%208.4997C14.3332%209.3367%2014.0382%2010.0503%2013.4482%2010.6404C12.8582%2011.2306%2012.1446%2011.5257%2011.3075%2011.5257H9.29467Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683031'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683031)'%3e%3cpath%20d='M4.69217%2011.5257C3.85506%2011.5257%203.1415%2011.2307%202.5515%2010.6407C1.9615%2010.0508%201.6665%209.33736%201.6665%208.50036C1.6665%207.66336%201.9615%206.94981%202.5515%206.3597C3.1415%205.76948%203.85506%205.47437%204.69217%205.47437H6.705C6.84667%205.47437%206.96539%205.52231%207.06117%205.6182C7.15706%205.71409%207.205%205.83292%207.205%205.9747C7.205%206.11636%207.15706%206.23509%207.06117%206.33086C6.96539%206.42653%206.84667%206.47437%206.705%206.47437H4.69134C4.132%206.47437%203.65473%206.67203%203.2595%207.06736C2.86417%207.4627%202.6665%207.94025%202.6665%208.50003C2.6665%209.05981%202.86417%209.53736%203.2595%209.9327C3.65473%2010.328%204.132%2010.5257%204.69134%2010.5257H6.705C6.84667%2010.5257%206.96539%2010.5736%207.06117%2010.6695C7.15706%2010.7654%207.205%2010.8842%207.205%2011.0259C7.205%2011.1676%207.15706%2011.2864%207.06117%2011.382C6.96539%2011.4778%206.84667%2011.5257%206.705%2011.5257H4.69217ZM5.99984%209.00003C5.85817%209.00003%205.73945%208.95209%205.64367%208.8562C5.54778%208.76031%205.49984%208.64153%205.49984%208.49987C5.49984%208.35809%205.54778%208.23936%205.64367%208.1437C5.73945%208.04792%205.85817%208.00003%205.99984%208.00003H9.99984C10.1415%208.00003%2010.2602%208.04798%2010.356%208.14387C10.4519%208.23975%2010.4998%208.35853%2010.4998%208.5002C10.4998%208.64198%2010.4519%208.7607%2010.356%208.85636C10.2602%208.95214%2010.1415%209.00003%209.99984%209.00003H5.99984ZM9.29467%2011.5257C9.153%2011.5257%209.03428%2011.4778%208.9385%2011.3819C8.84261%2011.286%208.79467%2011.1671%208.79467%2011.0254C8.79467%2010.8837%208.84261%2010.765%208.9385%2010.6692C9.03428%2010.5735%209.153%2010.5257%209.29467%2010.5257H11.3083C11.8677%2010.5257%2012.3449%2010.328%2012.7402%209.9327C13.1355%209.53736%2013.3332%209.05981%2013.3332%208.50003C13.3332%207.94025%2013.1355%207.4627%2012.7402%207.06736C12.3449%206.67203%2011.8677%206.47437%2011.3083%206.47437H9.29467C9.153%206.47437%209.03428%206.42642%208.9385%206.33053C8.84261%206.23464%208.79467%206.11587%208.79467%205.9742C8.79467%205.83242%208.84261%205.7137%208.9385%205.61803C9.03428%205.52225%209.153%205.47437%209.29467%205.47437H11.3075C12.1446%205.47437%2012.8582%205.76936%2013.4482%206.35936C14.0382%206.94925%2014.3332%207.6627%2014.3332%208.4997C14.3332%209.3367%2014.0382%2010.0503%2013.4482%2010.6404C12.8582%2011.2306%2012.1446%2011.5257%2011.3075%2011.5257H9.29467Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-thread {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-conversations__subtitle-icon-none {
  display: none;
}

.cometchat-conversations__trailing-view {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-1,4px);
}

.cometchat-conversations__trailing-view-badge {
  display: flex;
  justify-content: flex-end;
  gap: var(--cometchat-padding-1,4px);
}

.cometchat-conversations__trailing-view-badge-count {
  display: flex;
  height: 20px;
  padding: 0px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: var(--cometchat-primary-color, #6852D6);
  overflow: hidden;
  color: var( --cometchat-static-white, #FFF);
  text-align: center;
  text-overflow: ellipsis;
  font:var(--cometchat-font-caption1-regular);
  font-style: normal;
}

.cometchat-conversations__subtitle {
  display: flex;
  gap: var(--cometchat-padding-1, 4px);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cometchat-conversations .cometchat-list-item__body-subtitle {
  width: 100%;
}

.cometchat-conversations__list-item-active .cometchat-list-item{
  background-color:var(--cometchat-white-pressed,#E8E8E8)
}

.cometchat-conversations__list-item-online .cometchat-list-item__status {
  width: 14px;
  height: 14px;
  margin-right: -12px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background:  var(--cometchat-success-color,#09C26F);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50,#FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-conversations__list-item-password .cometchat-list-item__status{
  width: 14px;
  height: 14px;
  margin-right: -14px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cometchat-success-color,#09C26F);
}

.cometchat-conversations__list-item-private .cometchat-list-item__status{
  width: 14px;
  height: 14px;
  margin-right: -14px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cometchat-warning-color,#FFAB00);
}

.cometchat-conversations__list-item-password .cometchat-list-item__status-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  height: 8px;
  width: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;  
  background:var(--cometchat-static-white,#FFF);
}

.cometchat-conversations__list-item-private .cometchat-list-item__status-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  height: 8px;
  width: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  background:var(--cometchat-static-white,#FFF);
}

.cometchat-conversations__trailing-view-options-delete-backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-conversations__trailing-view-options .cometchat-menu-list__menu {
  background-color: transparent;
}

.cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item{
  background-color: transparent;
  box-shadow: none;
}

.cometchat-conversations__trailing-view-options .cometchat-menu-list__main-menu-item-icon-delete {
 -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.73364%2020.8332C6.29731%2020.8332%205.92431%2020.6785%205.61464%2020.369C5.30514%2020.0595%205.15039%2019.6865%205.15039%2019.25V5.55H4.94614C4.72397%205.55%204.53581%205.47266%204.38164%205.318C4.22747%205.16316%204.15039%204.97566%204.15039%204.7555C4.15039%204.53516%204.22747%204.34858%204.38164%204.19575C4.53581%204.04308%204.72397%203.96675%204.94614%203.96675H8.83689V3.95425C8.83689%203.73558%208.91339%203.54966%209.06639%203.3965C9.21956%203.24333%209.40731%203.16675%209.62964%203.16675H14.3961C14.612%203.16675%2014.7972%203.244%2014.9519%203.3985C15.1064%203.55317%2015.1836%203.73841%2015.1836%203.95425V3.96675H19.0831C19.2975%203.96675%2019.4817%204.04425%2019.6359%204.19925C19.7901%204.35441%2019.8671%204.54033%2019.8671%204.757C19.8671%204.98017%2019.7898%205.16808%2019.6351%205.32075C19.4806%205.47358%2019.2955%205.55%2019.0796%205.55H18.8671V19.25C18.8671%2019.6865%2018.7123%2020.0595%2018.4026%2020.369C18.0931%2020.6785%2017.7201%2020.8332%2017.2836%2020.8332H6.73364ZM17.2836%205.55H6.73364V19.25H17.2836V5.55ZM9.99489%2017.1707C10.2127%2017.1707%2010.3986%2017.0951%2010.5526%2016.9437C10.7066%2016.7924%2010.7836%2016.6056%2010.7836%2016.3832V8.4C10.7836%208.17783%2010.7061%207.98966%2010.5509%207.8355C10.3959%207.68133%2010.2101%207.60425%209.99339%207.60425C9.77022%207.60425%209.58231%207.68133%209.42964%207.8355C9.27681%207.98966%209.20039%208.17783%209.20039%208.4V16.3832C9.20039%2016.6056%209.27839%2016.7924%209.43439%2016.9437C9.59022%2017.0951%209.77706%2017.1707%209.99489%2017.1707ZM14.0284%2017.1707C14.2462%2017.1707%2014.4321%2017.0951%2014.5861%2016.9437C14.7401%2016.7924%2014.8171%2016.6056%2014.8171%2016.3832V8.4C14.8171%208.17783%2014.7396%207.98966%2014.5844%207.8355C14.4292%207.68133%2014.2433%207.60425%2014.0266%207.60425C13.8036%207.60425%2013.6157%207.68133%2013.4629%207.8355C13.3101%207.98966%2013.2336%208.17783%2013.2336%208.4V16.3832C13.2336%2016.6056%2013.3116%2016.7924%2013.4676%2016.9437C13.6236%2017.0951%2013.8106%2017.1707%2014.0284%2017.1707Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.73364%2020.8332C6.29731%2020.8332%205.92431%2020.6785%205.61464%2020.369C5.30514%2020.0595%205.15039%2019.6865%205.15039%2019.25V5.55H4.94614C4.72397%205.55%204.53581%205.47266%204.38164%205.318C4.22747%205.16316%204.15039%204.97566%204.15039%204.7555C4.15039%204.53516%204.22747%204.34858%204.38164%204.19575C4.53581%204.04308%204.72397%203.96675%204.94614%203.96675H8.83689V3.95425C8.83689%203.73558%208.91339%203.54966%209.06639%203.3965C9.21956%203.24333%209.40731%203.16675%209.62964%203.16675H14.3961C14.612%203.16675%2014.7972%203.244%2014.9519%203.3985C15.1064%203.55317%2015.1836%203.73841%2015.1836%203.95425V3.96675H19.0831C19.2975%203.96675%2019.4817%204.04425%2019.6359%204.19925C19.7901%204.35441%2019.8671%204.54033%2019.8671%204.757C19.8671%204.98017%2019.7898%205.16808%2019.6351%205.32075C19.4806%205.47358%2019.2955%205.55%2019.0796%205.55H18.8671V19.25C18.8671%2019.6865%2018.7123%2020.0595%2018.4026%2020.369C18.0931%2020.6785%2017.7201%2020.8332%2017.2836%2020.8332H6.73364ZM17.2836%205.55H6.73364V19.25H17.2836V5.55ZM9.99489%2017.1707C10.2127%2017.1707%2010.3986%2017.0951%2010.5526%2016.9437C10.7066%2016.7924%2010.7836%2016.6056%2010.7836%2016.3832V8.4C10.7836%208.17783%2010.7061%207.98966%2010.5509%207.8355C10.3959%207.68133%2010.2101%207.60425%209.99339%207.60425C9.77022%207.60425%209.58231%207.68133%209.42964%207.8355C9.27681%207.98966%209.20039%208.17783%209.20039%208.4V16.3832C9.20039%2016.6056%209.27839%2016.7924%209.43439%2016.9437C9.59022%2017.0951%209.77706%2017.1707%209.99489%2017.1707ZM14.0284%2017.1707C14.2462%2017.1707%2014.4321%2017.0951%2014.5861%2016.9437C14.7401%2016.7924%2014.8171%2016.6056%2014.8171%2016.3832V8.4C14.8171%208.17783%2014.7396%207.98966%2014.5844%207.8355C14.4292%207.68133%2014.2433%207.60425%2014.0266%207.60425C13.8036%207.60425%2013.6157%207.68133%2013.4629%207.8355C13.3101%207.98966%2013.2336%208.17783%2013.2336%208.4V16.3832C13.2336%2016.6056%2013.3116%2016.7924%2013.4676%2016.9437C13.6236%2017.0951%2013.8106%2017.1707%2014.0284%2017.1707Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-error-color,#F44649);
  width: 24px;
  height: 24px;
  -webkit-mask-size: contain;
}

.cometchat-conversations__trailing-view-options .cometchat-menu-list__sub-menu-icon {
width: 20px;
height: 20px;
background: var(--cometchat-icon-color-secondary, #A1A1A1);
}

.cometchat-conversations__trailing-view-options .cometchat-menu-list__sub-menu {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: var(--cometchat-radius-1, 4px);
  background: var( --cometchat-background-color-04, #E8E8E8);
}

.cometchat-conversations__subtitle-text .cometchat-mentions{
  border-radius: var(--cometchat-radius, 2px);
  background: rgba(104, 82, 214, 0.20);
  padding: 0px var(--cometchat-padding, 2px);

}

.cometchat-conversations__subtitle-text .cometchat-mentions-you{
  border-radius: var(--cometchat-radius, 2px);
  background: rgba(255, 171, 0, 0.20);
  padding: 0px var(--cometchat-padding, 2px);

}

.cometchat-conversations__subtitle-text .cometchat-mentions > span{ 
  color: var(--cometchat-text-color-highlight,#6852D6);
  font: var(--cometchat-font-body-regular);
}

.cometchat-conversations__subtitle-text .cometchat-mentions-you > span{ 
  color: var(--cometchat-warning-color,#FFAB00);
  font: var(--cometchat-font-body-regular);
}

.cometchat-conversations__subtitle-typing {
  overflow: hidden;
  color: var(--cometchat-text-color-highlight, #6852D6);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-conversations .cometchat-confirm-dialog {
  width: 320px;
}

.cometchat-conversations__empty-state-view,
.cometchat-conversations__error-state-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-conversations__empty-state-view-icon {
  -webkit-mask: url("/assets/conversations_empty_state-zTzoFLtL.svg") center center no-repeat;
  mask: url("/assets/conversations_empty_state-zTzoFLtL.svg") center center no-repeat;
}

.cometchat-conversations__error-state-view-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7089_707053'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='120'%20height='120'%3e%3cpath%20d='M120%2060C120%2068.9108%20118.054%2077.3757%20114.559%2084.9811C105.089%20105.649%2084.2189%20120%2060%20120C35.7811%20120%2014.9108%20105.649%205.44054%2084.9811C1.94595%2077.3757%200%2068.9108%200%2060C0%2026.8622%2026.8622%200%2060%200C93.1378%200%20120%2026.8622%20120%2060Z'%20fill='%23F4F7FC'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7089_707053)'%3e%3cpath%20d='M2.625%2084L22.5%2079.875L39%2086.25L24%2094.5L2.625%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M117.375%2084L97.5%2079.875L81%2086.25L96%2094.5L117.375%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.6'%20d='M39%2086.25H81L96%2094.5H24L39%2086.25Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M45.0793%2050.5798C51.8385%2046.6773%2060.4814%2048.9932%2064.3838%2055.7524C68.2863%2062.5115%2065.9704%2071.1545%2059.2112%2075.0569L51.2626%2079.646L49.1291%2089.2059C48.8661%2090.3844%2047.2924%2090.6255%2046.6887%2089.5798L43.0171%2083.2205C37.4837%2083.9945%2031.7809%2081.424%2028.8155%2076.2878C24.9131%2069.5286%2027.229%2060.8857%2033.9882%2056.9833L45.0793%2050.5798Z'%20fill='%23E8E8E8'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2054.8662%2058.7017)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2047.217%2063.1196)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2039.568%2067.5317)'%20fill='%23FAFAFA'/%3e%3cpath%20d='M68.7319%2023.6854C58.716%2021.0017%2048.4209%2026.9456%2045.7371%2036.9615C43.0534%2046.9774%2048.9973%2057.2726%2059.0132%2059.9563L70.7932%2063.1128L76.8182%2074.647C77.5609%2076.0689%2079.6633%2075.8372%2080.0785%2074.2876L82.6036%2064.864C89.9703%2063.9541%2096.404%2058.6946%2098.4433%2051.0841C101.127%2041.0681%2095.1831%2030.773%2085.1672%2028.0892L68.7319%2023.6854Z'%20fill='%23DCDCDC'/%3e%3ccircle%20cx='61.039'%20cy='41.0622'%20r='2.93362'%20transform='rotate(15%2061.039%2041.0622)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='72.3738'%20cy='44.0973'%20r='2.93362'%20transform='rotate(15%2072.3738%2044.0973)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='83.7081'%20cy='47.1384'%20r='2.93362'%20transform='rotate(15%2083.7081%2047.1384)'%20fill='%23FAFAFA'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M41.6951%2032.7839C42.2994%2032.6391%2042.6718%2032.0319%2042.527%2031.4277C42.3822%2030.8234%2041.775%2030.451%2041.1708%2030.5958L38.2534%2031.2949C37.6492%2031.4397%2037.2768%2032.0469%2037.4216%2032.6511C37.5663%2033.2553%2038.1735%2033.6278%2038.7777%2033.483L41.6951%2032.7839ZM52.5122%2019.092C52.5109%2019.7133%2052.0063%2020.216%2051.385%2020.2148C50.7637%2020.2136%2050.261%2019.7089%2050.2622%2019.0876L50.268%2016.0876C50.2692%2015.4663%2050.7739%2014.9636%2051.3952%2014.9648C52.0165%2014.966%2052.5192%2015.4707%2052.518%2016.092L52.5122%2019.092ZM43.1169%2026.0355C42.9758%2026.6405%2042.3709%2027.0167%2041.7658%2026.8756L38.8442%2026.1942C38.2391%2026.0531%2037.863%2025.4482%2038.0041%2024.8431C38.1452%2024.2381%2038.7501%2023.8619%2039.3552%2024.003L42.2768%2024.6844C42.8819%2024.8255%2043.258%2025.4304%2043.1169%2026.0355ZM46.7835%2020.5285C47.0607%2021.0846%2046.8345%2021.76%2046.2784%2022.0372C45.7224%2022.3143%2045.0469%2022.0882%2044.7698%2021.5321L43.4316%2018.8471C43.1544%2018.291%2043.3805%2017.6156%2043.9366%2017.3384C44.4927%2017.0613%2045.1682%2017.2874%2045.4453%2017.8435L46.7835%2020.5285Z'%20fill='%23DCDCDC'/%3e%3crect%20x='24'%20y='94.5'%20width='72'%20height='63'%20fill='%23DCDCDC'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7089_707053'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='120'%20height='120'%3e%3cpath%20d='M120%2060C120%2068.9108%20118.054%2077.3757%20114.559%2084.9811C105.089%20105.649%2084.2189%20120%2060%20120C35.7811%20120%2014.9108%20105.649%205.44054%2084.9811C1.94595%2077.3757%200%2068.9108%200%2060C0%2026.8622%2026.8622%200%2060%200C93.1378%200%20120%2026.8622%20120%2060Z'%20fill='%23F4F7FC'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7089_707053)'%3e%3cpath%20d='M2.625%2084L22.5%2079.875L39%2086.25L24%2094.5L2.625%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M117.375%2084L97.5%2079.875L81%2086.25L96%2094.5L117.375%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.6'%20d='M39%2086.25H81L96%2094.5H24L39%2086.25Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M45.0793%2050.5798C51.8385%2046.6773%2060.4814%2048.9932%2064.3838%2055.7524C68.2863%2062.5115%2065.9704%2071.1545%2059.2112%2075.0569L51.2626%2079.646L49.1291%2089.2059C48.8661%2090.3844%2047.2924%2090.6255%2046.6887%2089.5798L43.0171%2083.2205C37.4837%2083.9945%2031.7809%2081.424%2028.8155%2076.2878C24.9131%2069.5286%2027.229%2060.8857%2033.9882%2056.9833L45.0793%2050.5798Z'%20fill='%23E8E8E8'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2054.8662%2058.7017)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2047.217%2063.1196)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2039.568%2067.5317)'%20fill='%23FAFAFA'/%3e%3cpath%20d='M68.7319%2023.6854C58.716%2021.0017%2048.4209%2026.9456%2045.7371%2036.9615C43.0534%2046.9774%2048.9973%2057.2726%2059.0132%2059.9563L70.7932%2063.1128L76.8182%2074.647C77.5609%2076.0689%2079.6633%2075.8372%2080.0785%2074.2876L82.6036%2064.864C89.9703%2063.9541%2096.404%2058.6946%2098.4433%2051.0841C101.127%2041.0681%2095.1831%2030.773%2085.1672%2028.0892L68.7319%2023.6854Z'%20fill='%23DCDCDC'/%3e%3ccircle%20cx='61.039'%20cy='41.0622'%20r='2.93362'%20transform='rotate(15%2061.039%2041.0622)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='72.3738'%20cy='44.0973'%20r='2.93362'%20transform='rotate(15%2072.3738%2044.0973)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='83.7081'%20cy='47.1384'%20r='2.93362'%20transform='rotate(15%2083.7081%2047.1384)'%20fill='%23FAFAFA'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M41.6951%2032.7839C42.2994%2032.6391%2042.6718%2032.0319%2042.527%2031.4277C42.3822%2030.8234%2041.775%2030.451%2041.1708%2030.5958L38.2534%2031.2949C37.6492%2031.4397%2037.2768%2032.0469%2037.4216%2032.6511C37.5663%2033.2553%2038.1735%2033.6278%2038.7777%2033.483L41.6951%2032.7839ZM52.5122%2019.092C52.5109%2019.7133%2052.0063%2020.216%2051.385%2020.2148C50.7637%2020.2136%2050.261%2019.7089%2050.2622%2019.0876L50.268%2016.0876C50.2692%2015.4663%2050.7739%2014.9636%2051.3952%2014.9648C52.0165%2014.966%2052.5192%2015.4707%2052.518%2016.092L52.5122%2019.092ZM43.1169%2026.0355C42.9758%2026.6405%2042.3709%2027.0167%2041.7658%2026.8756L38.8442%2026.1942C38.2391%2026.0531%2037.863%2025.4482%2038.0041%2024.8431C38.1452%2024.2381%2038.7501%2023.8619%2039.3552%2024.003L42.2768%2024.6844C42.8819%2024.8255%2043.258%2025.4304%2043.1169%2026.0355ZM46.7835%2020.5285C47.0607%2021.0846%2046.8345%2021.76%2046.2784%2022.0372C45.7224%2022.3143%2045.0469%2022.0882%2044.7698%2021.5321L43.4316%2018.8471C43.1544%2018.291%2043.3805%2017.6156%2043.9366%2017.3384C44.4927%2017.0613%2045.1682%2017.2874%2045.4453%2017.8435L46.7835%2020.5285Z'%20fill='%23DCDCDC'/%3e%3crect%20x='24'%20y='94.5'%20width='72'%20height='63'%20fill='%23DCDCDC'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-conversations__empty-state-view-body,
.cometchat-conversations__error-state-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-conversations__empty-state-view-body-title,
.cometchat-conversations__error-state-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
  font-style: normal;
}

.cometchat-conversations__empty-state-view-body-description,
.cometchat-conversations__error-state-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-conversations__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #FFF);

}

.cometchat-conversations__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  width: 100%;
  min-width: 240px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-conversations__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max,1000px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
}

.cometchat-conversations__shimmer-item-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-2, 8px);

}

.cometchat-conversations__shimmer-item-body-title-wrapper {
  display: flex;
  justify-content: space-between;
width: 100%;
}

.cometchat-conversations__shimmer-item-body-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-conversations__shimmer-item-body-subtitle {
  width:100%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-conversations__shimmer-item-body-tail {
  width: 60px;
  height: 22px;
  min-height: 22px;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 10.5s infinite linear;
}

.cometchat-conversations .cometchat-menu-list__sub-menu-list-item .cometchat-menu-list__sub-menu-list-item-icon {
  display: none;
  }

.cometchat-conversations .cometchat-search-bar__input{
  cursor: pointer;
}

.cometchat-conversations .cometchat-list-item__body{
  position: relative;
}

.cometchat-conversations .cometchat-list-item__menu-view{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.cometchat-conversations .cometchat-list-item__trailing-view-hidden {
  visibility: hidden;
  display: initial;
}

@keyframes shimmerAnimation {
    0% {
      background-position: -468px 0;
    }
  
    100% {
      background-position: 468px 0;
    }
  }

.cometchat-users {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-users__empty-state-view {
  display: flex;
  flex-direction: column;
}

.cometchat-users__empty-state-view,
.cometchat-users__error-state-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-users__empty-state-view-body,
.cometchat-users__error-state-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-users__empty-state-view-body-title,
.cometchat-users__error-state-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
  font-style: normal;
}

.cometchat-users__empty-state-view-body-description,
.cometchat-users__error-state-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-users__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #FFF);

}

.cometchat-users__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  width: 100%;
  min-width: 240px;
  max-width: 1440px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-users__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
}

.cometchat-users__shimmer-item-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-users__shimmer-item-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-users__shimmer-item-body-subtitle {
  width: 25%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;

}

.cometchat-users__list-item-online .cometchat-list-item__status {
  width: 14px;
  height: 14px;
  margin-right: -12px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-success-color, #09C26F);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50, #FFFFFF);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-users__list-item-active .cometchat-list-item {
  background-color: var(--cometchat-white-pressed, #E8E8E8)
}

.cometchat-users__list-item {
  cursor: pointer;
}

.cometchat-users__list-item .cometchat-avatar {
  width: 40px;
  height: 40px;
}

.cometchat-users__list-item .cometchat-list-item__leading-view {
  width: 40px;
  height: 40px;
}

.cometchat-users .cometchat-list-item__body {
  padding: 0px;
  min-height: 43px;
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-groups {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-groups__empty-state-view {
  display: flex;
  flex-direction: column;
}

.cometchat-groups__empty-state-view,
.cometchat-groups__error-state-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-groups__empty-state-view-body,
.cometchat-groups__error-state-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-groups__empty-state-view-body-title,
.cometchat-groups__error-state-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
  font-style: normal;
}

.cometchat-groups__empty-state-view-body-description,
.cometchat-groups__error-state-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
  font-style: normal;
}

.cometchat-groups__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #FFF);

}

.cometchat-groups__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  width: 100%;
  min-width: 240px;
  max-width: 1440px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-groups__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max,1000px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
}

.cometchat-groups__shimmer-item-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-groups__shimmer-item-body-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-groups__shimmer-item-body-subtitle {
  width:25%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(
    --cometchat-shimmer-gradient-color,
    linear-gradient(90deg, #e0e0e0 0%, #eee 100%)
  );
  animation: shimmerAnimation 1.5s infinite linear;

}

@keyframes shimmerAnimation {
    0% {
      background-position: -468px 0;
    }
  
    100% {
      background-position: 468px 0;
    }
  }

.cometchat-groups__list-item {
    cursor: pointer;
  }

.cometchat-groups__list-item-active .cometchat-list-item{
    background-color:var(--cometchat-white-pressed,#E8E8E8)
  }

.cometchat-groups__list-item-password .cometchat-list-item__status{
    width: 14px;
    height: 14px;
    margin-right: -14px;
    position: relative;
    top: 20px;
    right: 15px;
    border-radius: var(--cometchat-radius-max, 1000px);
    min-width: 14px;
    border: 2px solid var(--cometchat-neutral-color-50, #FFF);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cometchat-success-color,#09C26F);
  }

.cometchat-groups__list-item-private .cometchat-list-item__status{
    width: 14px;
    height: 14px;
    margin-right: -14px;
    position: relative;
    top: 20px;
    right: 15px;
    border-radius: var(--cometchat-radius-max, 1000px);
    min-width: 14px;
    border: 2px solid var(--cometchat-neutral-color-50, #FFF);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cometchat-warning-color,#FFAB00);
  }

.cometchat-groups__list-item-password .cometchat-list-item__status-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    height: 8px;
    width: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    border: none;
    align-self: center;  
    background:var(--cometchat-static-white,#FFF);
  }

.cometchat-groups__list-item-private .cometchat-list-item__status-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    height: 8px;
    width: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    border: none;
    align-self: center;
    background:var(--cometchat-static-white,#FFF);
  }

.cometchat-groups__subtitle {
      overflow: hidden;
      color: var(--cometchat-text-color-secondary, #727272);
      text-overflow: ellipsis;
      white-space: nowrap;
      font: var(--cometchat-font-body-regular);
      font-style: normal;
    }

.cometchat-groups__list-item .cometchat-avatar {
    width: 40px;
    height: 40px;
  }

.cometchat-groups__list-item .cometchat-list-item__leading-view {
    width: 40px;
    height: 40px;
  }

.cometchat-groups .cometchat-list-item__body {
    padding: 0px;
  }

/* Container for the message header, aligning items horizontally */

.cometchat-message-header {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    flex: 1 0 0;
    align-self: stretch;
    justify-content: space-between;
    height: 64px;
    background: var(--cometchat-background-color-01);
    width: 100%;
    overflow: hidden;
}

/* Subtitle styling within the message header */

.cometchat-message-header .cometchat-message-header__subtitle {
    overflow: hidden;
    color: var(--cometchat-icon-color-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--cometchat-font-caption1-regular);
    width: 100%;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 17px;
}

/* Subtitle styling for typing state in the message header */

.cometchat-message-header .cometchat-message-header__subtitle.cometchat-message-header__subtitle-typing {
    color: var(--cometchat-text-color-highlight);
}

/* Container for the title of the list item within the message header */

.cometchat-message-header .cometchat-list-item__title-container {
    gap: 0;
    height: fit-content;
}

/* Flex container for direct children of the message header that have no class */

.cometchat-message-header>div:not([class]) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--cometchat-padding-2, 8px);
    flex: 1 0 0;
    width: 100%;
    overflow: hidden;
}

.cometchat-message-header .cometchat-list-item__trailing-view {
    display: none;
}

/* Styling for the back button in the message header */

.cometchat-message-header__back-button {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8318'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8318)'%3e%3cpath%20d='M7.37295%2012.75L12.5422%2017.9192C12.6909%2018.0679%2012.7643%2018.2419%2012.7625%2018.4412C12.7605%2018.6406%2012.682%2018.8178%2012.527%2018.973C12.3718%2019.1178%2012.1961%2019.1928%2012%2019.198C11.8038%2019.2032%2011.6281%2019.1282%2011.473%2018.973L5.1327%2012.6327C5.03904%2012.5391%204.97304%2012.4403%204.9347%2012.3365C4.8962%2012.2327%204.87695%2012.1205%204.87695%2012C4.87695%2011.8795%204.8962%2011.7673%204.9347%2011.6635C4.97304%2011.5597%205.03904%2011.4609%205.1327%2011.3672L11.473%205.02699C11.6115%204.88849%2011.783%204.81766%2011.9875%204.81449C12.192%204.81133%2012.3718%204.88216%2012.527%205.02699C12.682%205.18216%2012.7595%205.36033%2012.7595%205.56149C12.7595%205.76283%2012.682%205.94108%2012.527%206.09624L7.37295%2011.25H18.75C18.9628%2011.25%2019.141%2011.3218%2019.2845%2011.4655C19.4281%2011.609%2019.5%2011.7872%2019.5%2012C19.5%2012.2128%2019.4281%2012.391%2019.2845%2012.5345C19.141%2012.6782%2018.9628%2012.75%2018.75%2012.75H7.37295Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-size: contain;
    background: var(--cometchat-icon-color-primary);
    cursor: pointer;
}

.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button {
    background: transparent;
    border: none;
    justify-content: center;
    align-items: center;
    height: fit-content;
    width: fit-content;
    padding: 0;
}

.cometchat-message-header .cometchat-message-header__conversation-summary-button .cometchat-button .cometchat-button__icon {
    height: 24px;
    width: 24px;
    background: var(--cometchat-icon-color-primary, #141414);
}

/* Styling for the search button in the message header */

.cometchat-message-header .cometchat-message-header__search-button .cometchat-button {
    background: transparent;
    border: none;
    justify-content: center;
    align-items: center;
    height: fit-content;
    width: fit-content;
    padding: 0;
}

.cometchat-message-header .cometchat-message-header__search-button  .cometchat-button__icon,.cometchat-message-header .cometchat-menu-list__sub-menu-icon {
    height: 24px;
    width: 24px;
    background: var(--cometchat-icon-color-primary, #141414);
}

/* Styling for the menu in the message header */

.cometchat-message-header .cometchat-message-header__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
    width: fit-content;
}

.cometchat-message-header .cometchat-message-header__menu .cometchat-button {
    background: transparent;
    border: none;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    padding: 0;
}

.cometchat-message-header .cometchat-menu-list__sub-menu-list {
    width: max-content;
}

/* List item container within the message header */

.cometchat-message-header__listitem {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

/* Menu container within the message header, aligned to the right */

.cometchat-message-header__auxiliary-button-view {
    width: fit-content;
    display: flex;
    gap: var(--cometchat-padding-4, 16px);
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

/* Removes padding for list items within the message header */

.cometchat-message-header .cometchat-list-item {
    padding: 0;

}

.cometchat-message-header .cometchat-list-item:hover {
    background: transparent;
    cursor: default;
}

/* Removes padding for the body of the list item within the message header */

.cometchat-message-header .cometchat-list-item__body {
    padding: 0;
}

/* Title styling within the body of the list item in the message header */

.cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Avatar styling in the message header and shared avatar styling */

.cometchat-message-header .cometchat-list-item .cometchat-avatar {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max);
}

.cometchat-message-header .cometchat-list-item .cometchat-list-item__leading-view {
    height: 40px;
    width: 40px;
    padding: 0;
}

.cometchat-message-header__listitem>.cometchat {
    height: 100%;
    width: 100%;
}

.cometchat-message-header .cometchat-button__icon:hover {
    background: var(--cometchat-primary-color);
}

/* Media query for larger screens to hide the back button */

@media (max-width: 768px) {
    .cometchat-message-header__back-button {
        display: block;
    }

    .cometchat-message-header .cometchat-list-item .cometchat-list-item__body-title {
        display: initial;
    }
}

/* Message Composer container - main wrapper */

.cometchat-message-composer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-light);
    background: var(--cometchat-background-color-01);
    width: 100%;
    height: 100%;
}

/* Send button styling */

.cometchat-message-composer__send-button {
    display: flex;
    width: 32px;
    height: 32px;
    padding: var(--cometchat-padding-1, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    border-radius: 60px;
    background: var(--cometchat-background-color-04);
}

/* Default state for the send button */

.cometchat-message-composer__send-button .cometchat-button {
    cursor: default;
}

/* Active state for the send button */

.cometchat-message-composer__send-button-active {
    cursor: pointer;
    background: var(--cometchat-primary-color);
}

/* Sticker button popover content */

.cometchat-message-composer__auxilary-button-view-sticker-button .cometchat-popover__content {
    height: 300px;
    overflow: hidden;
    width: 272px;
}

/* Emoji keyboard button popover content */

.cometchat-message-composer__emoji-keyboard-button .cometchat-popover__content {
    height: 300px;
    width: 300px;
    overflow: hidden;
}

/* Action sheet button popover content */

.cometchat-message-composer__secondary-button-view-attachment-button .cometchat-popover__content {
    height: 332px;
    border: none;
}

/* Voice recording button popover content */

.cometchat-message-composer__voice-recording-button .cometchat-popover__content {
    width: fit-content;
    max-height: 300px;
    height: fit-content;
    min-height: 200px;
}

.cometchat-message-composer__voice-recording-button .cometchat-media-recorder {
    max-height: 300px;
    min-height: 220px;
    overflow: hidden;
}

.cometchat-message-composer__voice-recording-button .cometchat-media-recorder__recording {
    max-height: 300px;
    min-height: 220px;
}

.cometchat-message-composer__voice-recording-button .cometchat-media-recorder__recorded {
    max-height: 300px;
    min-height: 220px;
    justify-content: space-between;
}

.cometchat-message-composer__input .cometchat-mentions>span {
    color: var(--cometchat-text-color-highlight, #6852D6);
    font: var(--cometchat-font-body-regular);
}

.cometchat-message-composer__input .cometchat-mentions-you>span {
    color: var(--cometchat-warning-color, #FFAB00);
    font: var(--cometchat-font-body-regular);
}

/* Styling for buttons with no specific class */

.cometchat-message-composer div:not([class]) .cometchat-button {
    width: fit-content;
    background: transparent;
    padding: 0;
    gap: 0;
    height: 24px;
}

.cometchat-message-composer__unblock-button {
    color: var(--cometchat-neutral-color-900);
    font: var(--cometchat-font-body-regular);
    cursor: pointer;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: var(--cometchat-radius-2, 8px);
    border: 1px solid var(--cometchat-border-color-dark);
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-5, 20px);
}

/* Composer header wrapper */

.cometchat-message-composer__header {
    width: 100%;
    height: fit-content;
    display: flex;
    padding: var(--cometchat-padding-1, 4px);
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
}

.cometchat-message-composer__header-error-state {
    display: flex;
    padding: var(--cometchat-padding-2, 8px);
    align-items: center;
    gap: var(--cometchat-padding-1);
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--cometchat-radius-1, 4px);
    background: var(--cometchat-background-color-02);
}

.cometchat-message-composer__header-error-state-icon-wrapper {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-error-color);
    border-radius: var(--cometchat-radius-max);
}

.cometchat-message-composer__header-error-state-icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9974%2016.9168C12.2439%2016.9168%2012.4476%2016.8372%2012.6086%2016.678C12.7698%2016.5189%2012.8504%2016.316%2012.8504%2016.0695C12.8504%2015.8232%2012.7708%2015.6195%2012.6116%2015.4583C12.4525%2015.2973%2012.2497%2015.2168%2012.0034%2015.2168C11.7569%2015.2168%2011.5531%2015.2964%2011.3921%2015.4555C11.231%2015.6147%2011.1504%2015.8175%2011.1504%2016.0638C11.1504%2016.3101%2011.23%2016.5139%2011.3891%2016.675C11.5483%2016.8362%2011.7511%2016.9168%2011.9974%2016.9168ZM12.0616%2013.1168C12.282%2013.1168%2012.4685%2013.0397%2012.6211%2012.8855C12.774%2012.7314%2012.8504%2012.5431%2012.8504%2012.3208V7.7543C12.8504%207.53846%2012.7728%207.35321%2012.6176%207.19855C12.4625%207.04405%2012.2766%206.9668%2012.0599%206.9668C11.8369%206.9668%2011.649%207.04405%2011.4961%207.19855C11.3435%207.35321%2011.2671%207.53846%2011.2671%207.7543V12.3208C11.2671%2012.5431%2011.3445%2012.7314%2011.4991%2012.8855C11.6538%2013.0397%2011.8413%2013.1168%2012.0616%2013.1168Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    background: var(--cometchat-static-white);
}

.cometchat-message-composer__header-error-state-text {
    overflow: hidden;
    color: var(--cometchat-error-color);
    text-overflow: ellipsis;
    font: var(--cometchat-font-caption1-regular);
}

/* Mentions wrapper styling */

.cometchat-mention-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
    min-height: 45px;
    padding: 0 0 1px 0;
    width: fit-content;
    align-self: flex-start;
    min-width: 320px;
    bottom: 100%;
    left: 0;
    position: absolute;
    max-height: 336px;
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-background-color-01);
    background: var(--cometchat-background-color-01);
    box-shadow: 0 12px 16px 4px rgba(16, 24, 40, 0.08), 0 4px 6px 4px rgba(16, 24, 40, 0.03);
}

.cometchat-mention-list .cometchat-list {
    max-height: 336px;
}

.cometchat-mention-list>.cometchat {
    overflow: hidden;
    border-radius: inherit;
}

.cometchat-mention-list .cometchat-list .cometchat-list__header-title{
    display: none;
}

/* Message input area */

.cometchat-message-composer__input {
    width: 100%;
    outline: none;
    background: transparent;
    overflow-y: auto;
    min-height: 30px;
    user-select: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid var(--cometchat-border-color-light);
    padding: var(--cometchat-padding-3, 12px);
    color: var(--cometchat-text-color-primary);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-regular);
    max-height: 150px;
    scrollbar-width: none;
    cursor: text;
}

/* Auxiliary button container */

.cometchat-message-composer__auxilary-button-view {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    align-items: center;
}

/* sticker button placement */

.cometchat-message-composer__sticker-button-view {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    width: fit-content;
    align-items: center;
}

/* default  buttons placement */

.cometchat-message-composer__default-buttons{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--cometchat-padding-4);
    width:fit-content;
    margin-right: auto;
}

/* Placeholder styling when input is empty */

.cometchat-message-composer__input:empty:before {
    content: attr(data-placeholder);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--cometchat-text-color-tertiary);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-regular);
}

/* Send button icon default styling */

.cometchat-message-composer div:not([class]) .cometchat-message-composer__send-button .cometchat-button .cometchat-button__icon {
    background: var(--cometchat-static-white);
}

/* Icon styling for buttons with no specific class */

.cometchat-message-composer div:not([class]) .cometchat-button .cometchat-button__icon {
    background: var(--cometchat-icon-color-secondary);
}

.cometchat-message-composer div:not([class]) .cometchat-button .cometchat-button__icon:hover {
    background: var(--cometchat-primary-color, #6852D6);
}

.cometchat-message-composer div:not([class]) .cometchat-message-composer__send-button .cometchat-button .cometchat-button__icon:hover {
    background: var(--cometchat-static-white);
}

/* Active emoji keyboard button icon */

.cometchat-message-composer div:not([class]) .cometchat-message-composer__emoji-keyboard-button-active .cometchat-button__icon {
    background: var(--cometchat-primary-color);
}

/* Active action sheet button icon */

.cometchat-message-composer div:not([class]) .cometchat-message-composer__secondary-button-view-attachment-button-active .cometchat-button__icon {
    background: var(--cometchat-primary-color);
}

/* Active voice recording button icon */

.cometchat-message-composer div:not([class]) .cometchat-message-composer__voice-recording-button-active .cometchat-button__icon {
    background: var(--cometchat-primary-color);
}

/* Active stickerkeyboard button icon */

.cometchat-message-composer div:not([class]) .cometchat-message-composer__auxilary-button-view-sticker-button-active .cometchat-button__icon {
    background: var(--cometchat-primary-color);
}

.cometchat-message-composer__input-mobile{
    font: var( --cometchat-font-heading4-regular);
}

/**
 * Default styling for each options in actionsheet
 */

.cometchat-message-composer__secondary-button-view-attachment-button .cometchat-action-sheet{
    min-width: 200px;
}

.cometchat-message-composer__secondary-button-view-attachment-button-1 .cometchat-popover__content{
height: 58px;
}

.cometchat-message-composer__secondary-button-view-attachment-button-2 .cometchat-popover__content{
    height: 114px; 
}

.cometchat-message-composer__secondary-button-view-attachment-button-3 .cometchat-popover__content{
    height: 170px; 

}

.cometchat-message-composer__secondary-button-view-attachment-button-4 .cometchat-popover__content{
    height: 230px; 

}

.cometchat-message-composer__secondary-button-view-attachment-button-5 .cometchat-popover__content{
    height: 285px; 
}

.cometchat-message-composer .cometchat-edit-preview__subtitle{
    height: fit-content;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar,
.cometchat-message-composer-hide-scrollbar .cometchat-action-sheet::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
.cometchat-message-composer-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
    background: transparent;
    height: 0px;
    width: 0px;
}

.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
    background: rgb(232, 229, 229);
    border-radius: 8px;
}

.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar {
    background: transparent;
    width: 0px;
}

.cometchat-message-composer-hide-scrollbar .cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
    background: rgb(232, 229, 229);
    border-radius: 8px;
}

/* Error state view container */

.cometchat-message-list__error-state-view {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding-5, 20px);
    justify-content: center;
    align-items: center;
}

/* Icon in the error state view */

.cometchat-message-list__error-state-view-icon {
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    border: none;
    align-self: center;
}

.cometchat-message-list .cometchat-message-list__footer-smart-replies,.cometchat-message-list__footer-conversation-starter{
    width: 100%;
}

/* Body of the error state view */

.cometchat-message-list__error-state-view-body {
    display: flex;
    flex-direction: column;
    gap: var(--cometchat-padding, 2px);
}

/* Title in the error state view body */

.cometchat-message-list__error-state-view-body-title {
    width: 280px;
    color: var(--cometchat-text-color-primary);
    text-align: center;
    font: var(--cometchat-font-heading3-bold);
    font-style: normal;
}

/* Description in the error state view body */

.cometchat-message-list__error-state-view-body-description {
    width: 280px;
    color: var(--cometchat-text-color-secondary);
    text-align: center;
    font: var(--cometchat-font-body-regular);
    font-style: normal;
}

/* Thread view replies inside message bubble */

.cometchat-message-bubble__thread-view-replies {
    height: 100%;
    width: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Date inside outgoing message bubble */

.cometchat-message-bubble-outgoing .cometchat-message-bubble__status-info-view .cometchat-date {
    color: var(--cometchat-static-white);
    font: var(--cometchat-font-caption2-regular);
}

/* Date inside incoming message bubble */

.cometchat-message-bubble-incoming .cometchat-message-bubble__status-info-view .cometchat-date {
    color: var(--cometchat-neutral-color-600);
    font: var(--cometchat-font-caption2-regular);
}

/* Text bubble inside message bubble */

.cometchat-message-bubble .cometchat-text-bubble {
    padding-bottom: 0px;
}

/* Text bubble inside message bubble */

.cometchat-message-bubble .cometchat-delete-bubble {
    padding-bottom: 0px;
}

/* Read more/less inside text bubble */

.cometchat-message-bubble .cometchat-text-bubble .cometchat-text-bubble__read-more,
.cometchat-text-bubble__read-less {
    padding-bottom: 0px;
    padding-right: 0px;
}

/* Status info for whiteboard message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__whiteboard-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info for delete message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__delete-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
    padding-right: var(--cometchat-padding-2);
}

/* Status info for document message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__document-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info for whiteboard message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__whiteboad-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info for poll message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__pol-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info for audio message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__audio-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info for file message inside message bubble */

.cometchat-message-bubble .cometchat-message-bubble__file-message .cometchat-message-bubble__status-info-view {
    padding-top: 0px;
}

/* Status info view inside message bubble */

.cometchat-message-bubble__status-info-view {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: fit-content;
    width: fit-content;
    padding: var(--cometchat-padding-1, 4px);
    gap: var(--cometchat-padding-1, 4px);
    border-radius: var(--cometchat-radius-max, 1000px);
}

.cometchat-message-bubble__audio-call .cometchat-call-bubble {
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px) var(--cometchat-padding-2, 8px);
    ;
}

.cometchat-fullscreen-viewer .cometchat-fullscreen-viewer__body-image{
   max-width: 100%;
   max-height: 84vh;
   object-fit: contain;
}

.cometchat-message-bubble__audio-call .cometchat-call-bubble .cometchat-call-bubble__body {
    padding: 0;
}

.cometchat-message-bubble__thread-view-replies .cometchat-button{
    align-items: flex-end;
    
}

.cometchat-reactions-info-wrapper > .cometchat{
    width:fit-content;
}

.cometchat-message-bubble__thread-view-replies .cometchat-button .cometchat-button__text{
    margin-bottom: -2px;
}

.cometchat-message-bubble__body-footer-view .cometchat-reactions  .cometchat{
    width: fit-content;
}

.cometchat-reactions  .cometchat-popover,.cometchat-reactions  .cometchat-popover__button{
width: fit-content;
}

/* Date header inside message list */

.cometchat-message-list__date-header {
    position: absolute;
    top: 12px;
    z-index: 2;
}

.cometchat-message-list__bubble-date-header{
    margin: auto;
    width: fit-content;
}

.cometchat-message-list__bubble-date-header,
.cometchat-message-list__date-header {
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-1, 4px);
    border: 1px solid var(--cometchat-border-color-dark);
    background: var(--cometchat-background-color-02);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/* Helper text for status info view */

.cometchat-message-bubble__status-info-view-helper-text {
    text-align: right;
    color: var(--cometchat-static-white);
    font: var(--cometchat-font-caption2-regular);
    align-self: flex-end;
    padding-bottom: 1.5px;
}

/* Button inside thread view replies */

.cometchat-message-bubble__thread-view-replies .cometchat-button {
    background: transparent;
    gap: var(--cometchat-padding-1, 4px);
    justify-content: flex-start;
    padding: 0;
    height: 100%;
    width: fit-content;
}

/* Thread view replies layout */

.cometchat-message-bubble__thread-view-replies {
    display: flex;
    height: 24px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-1, 4px) 0px var(--cometchat-padding-1, 4px);
    align-items: center;
    align-self: stretch;
}

/* Outgoing thread view replies */

.cometchat-message-bubble-outgoing .cometchat-message-bubble__thread-view-replies {
    justify-content: flex-end;
}

/* Text inside thread view replies button */

.cometchat-message-bubble__thread-view-replies .cometchat-button__text {
    color: var(--cometchat-text-color-primary);
    text-align: right;
    font: var(--cometchat-font-caption1-regular);
}

/* Icon inside thread view replies button */

.cometchat-message-bubble__thread-view-replies .cometchat-button__icon {
    height: 16px;
    background: var(--cometchat-icon-color-secondary);
    width: 16px;
    -webkit-mask-size: contain;
}

/* Helper text for incoming message bubble status info */

.cometchat-message-bubble-incoming .cometchat-message-bubble__status-info-view-helper-text {
    text-align: right;
    color: var(--cometchat-neutral-color-600);
    font: var(--cometchat-font-caption2-regular);
    align-self: flex-end;
    padding-bottom: 1.5px;
}

/* Date inside date header in message list */

.cometchat-message-list__date-header .cometchat-date,
.cometchat-message-list__bubble-date-header .cometchat-date  {
    color: var(--cometchat-text-color-primary);
    font: var(--cometchat-font-caption1-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* Date inside message bubble status info view */

.cometchat-message-bubble__status-info-view .cometchat-date {
    padding: 0px;
}

/* Bubble layout in message list */

.cometchat-messagelist__bubble {
    padding: 0px 0px 0px 15px;
    overflow: hidden;
    display: flex;
    margin-right: 8px;
    box-sizing: border-box;
    width: 100%;
}

/* Main message list container */

.cometchat-message-list {
    height: 100%;
    width: 100%;
    flex: 1 1 0;
    order: 2;
    position: relative;
    display: flex;
    border-radius: inherit;
    background: var(--cometchat-background-color-02);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
}

/* Header inside message list */

.cometchat-message-list__header {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
}

/* Body inside message list */

.cometchat-message-list__body {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* Message indicator inside message list */

.cometchat-message-list__message-indicator {
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.cometchat-message-list__message-indicator>.cometchat {
    width: fit-content;
}

/* Button inside message indicator */

.cometchat-message-list__message-indicator .cometchat-button {
    background: var(--cometchat-static-black);
    height: fit-content;
    width: fit-content;
    display: flex;
    padding: var(--cometchat-padding-2, 8px);
    flex-direction: column-reverse;
    align-items: flex-start;
    border-radius: var(--cometchat-radius-max, 4px);
    justify-content: center;
    align-items: center;
    gap: 4px;
}

/* Text inside message indicator button */

.cometchat-message-list__message-indicator .cometchat-button__text {
    color: var(--cometchat-static-white);
    text-align: center;
    font: var(--cometchat-font-caption1-regular);
    background: var(--cometchat-primary-color, #6852D6);
    border-radius: var(--cometchat-radius-max);
    height: 20px;
    padding: 0px var(--cometchat-padding-2, 8px);
    justify-content: center;
    align-items: center;
    display: flex;
}

/* Icon inside message indicator button */

.cometchat-message-list__message-indicator .cometchat-button__icon {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-static-white);
}

/* Footer inside message list */

.cometchat-message-list__footer {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    z-index: 1;
}

/* Leading view inside message bubble */

.cometchat-message-bubble__leading-view {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
}

/* Avatar inside leading view of message bubble */

.cometchat-message-bubble__leading-view .cometchat-avatar {
    width: 32px;
    height: 32px;
}

/* Header view inside message bubble */

.cometchat-message-bubble__header-view {
    color: var(--cometchat-text-color-highlight);
    font: var(--cometchat-font-caption1-medium);
    margin-bottom: var(--cometchat-margin-1);
}

/* Receipt icon inside message list */

.cometchat-message-list__receipt {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Status view for "sending" receipt inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-wait .cometchat-message-list__receipt {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='State=Sending'%3e%3cpath%20id='Vector'%20d='M8.5665%207.78867V5.08034C8.5665%204.93467%208.51545%204.81073%208.41334%204.7085C8.31123%204.60639%208.18728%204.55534%208.0415%204.55534C7.8915%204.55534%207.76556%204.60639%207.66367%204.7085C7.56189%204.81073%207.511%204.93467%207.511%205.08034V7.997C7.511%208.06734%207.5235%208.13312%207.5485%208.19434C7.5735%208.25556%207.60928%208.31295%207.65584%208.3665L9.97684%2010.7477C10.0792%2010.8621%2010.2072%2010.9174%2010.361%2010.9137C10.5147%2010.91%2010.6452%2010.8544%2010.7527%2010.747C10.8563%2010.6433%2010.9082%2010.5165%2010.9082%2010.3665C10.9082%2010.2165%2010.8566%2010.0881%2010.7533%209.98117L8.5665%207.78867ZM8.0005%2014.5553C7.10106%2014.5553%206.25234%2014.3826%205.45434%2014.0372C4.65623%2013.6916%203.96106%2013.2222%203.36884%2012.6288C2.7765%2012.0354%202.30767%2011.3403%201.96234%2010.5435C1.617%209.74673%201.44434%208.89906%201.44434%208.0005C1.44434%207.10106%201.61706%206.25234%201.9625%205.45434C2.30806%204.65623%202.7775%203.96106%203.37084%203.36884C3.96428%202.7765%204.65939%202.30767%205.45617%201.96234C6.25295%201.617%207.10061%201.44434%207.99917%201.44434C8.89861%201.44434%209.74734%201.61706%2010.5453%201.9625C11.3434%202.30806%2012.0386%202.7775%2012.6308%203.37084C13.2232%203.96428%2013.692%204.65939%2014.0373%205.45617C14.3827%206.25295%2014.5553%207.10062%2014.5553%207.99917C14.5553%208.89862%2014.3826%209.74734%2014.0372%2010.5453C13.6916%2011.3434%2013.2222%2012.0386%2012.6288%2012.6308C12.0354%2013.2232%2011.3403%2013.692%2010.5435%2014.0373C9.74673%2014.3827%208.89906%2014.5553%208.0005%2014.5553ZM7.997%2013.4998C9.50811%2013.4998%2010.8031%2012.9614%2011.8818%2011.8845C12.9605%2010.8077%2013.4998%209.51378%2013.4998%208.00267C13.4998%206.49156%2012.9606%205.19661%2011.882%204.11784C10.8034%203.03917%209.50939%202.49984%207.99984%202.49984C6.48684%202.49984%205.19195%203.03911%204.11517%204.11767C3.03828%205.19623%202.49984%206.49028%202.49984%207.99984C2.49984%209.51284%203.03828%2010.8077%204.11517%2011.8845C5.19195%2012.9614%206.48589%2013.4998%207.997%2013.4998Z'%20fill='%23F9F8FD'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-static-white);
}

/* Status view for "sent" receipt inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-sent .cometchat-message-list__receipt {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='State=Send'%3e%3cpath%20id='Vector'%20d='M6.32227%2010.3446L12.2389%204.4279C12.3522%204.31679%2012.4842%204.26123%2012.6349%204.26123C12.7858%204.26123%2012.9168%204.31695%2013.0279%204.4284C13.139%204.53995%2013.1946%204.67234%2013.1946%204.82556C13.1946%204.9789%2013.139%205.11112%2013.0279%205.22223L6.71127%2011.5446C6.60016%2011.6557%206.47049%2011.7112%206.32227%2011.7112C6.17416%2011.7112%206.04455%2011.6557%205.93344%2011.5446L2.95561%208.56673C2.84449%208.45518%202.79172%208.32262%202.79727%208.16906C2.80283%208.01562%202.86138%207.88334%202.97294%207.77223C3.08438%207.66112%203.21677%207.60556%203.37011%207.60556C3.52344%207.60556%203.65566%207.66112%203.76677%207.77223L6.32227%2010.3446Z'%20fill='%23F9F8FD'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-static-white);

}

/* Status view for "delivered" receipt inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-delivered .cometchat-message-list__receipt {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='State=Delivered'%3e%3cpath%20id='Vector'%20d='M1.39994%208.62199C1.28883%208.51088%201.23605%208.37943%201.24161%208.22765C1.24716%208.07576%201.3055%207.94426%201.41661%207.83315C1.52772%207.72571%201.65922%207.6711%201.81111%207.66932C1.96289%207.66743%202.09433%207.72204%202.20544%207.83315L4.76111%2010.3998C4.824%2010.4628%204.89066%2010.5295%204.96111%2010.5998L5.16111%2010.7998C5.27222%2010.9109%205.32683%2011.0405%205.32494%2011.1887C5.32305%2011.3369%205.26655%2011.4665%205.15544%2011.5777L5.14444%2011.5887C5.03333%2011.6961%204.90366%2011.7508%204.75544%2011.7527C4.60733%2011.7544%204.47772%2011.6998%204.36661%2011.5887L1.39994%208.62199ZM7.89994%2010.3943L13.8221%204.47199C13.9332%204.36088%2014.0647%204.30626%2014.2166%204.30815C14.3685%204.31004%2014.5%204.36654%2014.6111%204.47765C14.7184%204.58876%2014.7731%204.72021%2014.7749%204.87199C14.7768%205.02388%2014.7222%205.15538%2014.6111%205.26649L8.28877%2011.5887C8.17766%2011.6998%208.04805%2011.7553%207.89994%2011.7553C7.75183%2011.7553%207.62222%2011.6998%207.51111%2011.5887L4.54444%208.62199C4.437%208.51465%204.38511%208.3841%204.38877%208.23032C4.39255%208.07665%204.44811%207.94426%204.55544%207.83315C4.66655%207.72204%204.799%207.66649%204.95277%207.66649C5.10644%207.66649%205.23883%207.72204%205.34994%207.83315L7.89994%2010.3943ZM11.4611%205.27199L8.28877%208.44432C8.18144%208.55165%208.05277%208.60349%207.90277%208.59982C7.75277%208.59615%207.62222%208.5406%207.51111%208.43315C7.4%208.32204%207.34444%208.18965%207.34444%208.03599C7.34444%207.88221%207.4%207.74976%207.51111%207.63865L10.6721%204.47765C10.7796%204.37021%2010.9101%204.31649%2011.0638%204.31649C11.2176%204.31649%2011.35%204.37021%2011.4611%204.47765C11.5722%204.58876%2011.6278%204.72115%2011.6278%204.87482C11.6278%205.02849%2011.5722%205.16088%2011.4611%205.27199Z'%20fill='%23F9F8FD'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-static-white);

}

/* Status view for "read" receipt inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-read .cometchat-message-list__receipt {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.39994%208.62199C1.28883%208.51088%201.23605%208.37943%201.24161%208.22765C1.24716%208.07576%201.3055%207.94426%201.41661%207.83315C1.52772%207.72571%201.65922%207.6711%201.81111%207.66932C1.96289%207.66743%202.09433%207.72204%202.20544%207.83315L4.76111%2010.3998C4.824%2010.4628%204.89066%2010.5295%204.96111%2010.5998L5.16111%2010.7998C5.27222%2010.9109%205.32683%2011.0405%205.32494%2011.1887C5.32305%2011.3369%205.26655%2011.4665%205.15544%2011.5777L5.14444%2011.5887C5.03333%2011.6961%204.90366%2011.7508%204.75544%2011.7527C4.60733%2011.7544%204.47772%2011.6998%204.36661%2011.5887L1.39994%208.62199ZM7.89994%2010.3943L13.8221%204.47199C13.9332%204.36088%2014.0647%204.30626%2014.2166%204.30815C14.3685%204.31004%2014.5%204.36654%2014.6111%204.47765C14.7184%204.58876%2014.7731%204.72021%2014.7749%204.87199C14.7768%205.02388%2014.7222%205.15538%2014.6111%205.26649L8.28877%2011.5887C8.17766%2011.6998%208.04805%2011.7553%207.89994%2011.7553C7.75183%2011.7553%207.62222%2011.6998%207.51111%2011.5887L4.54444%208.62199C4.437%208.51465%204.38511%208.3841%204.38877%208.23032C4.39255%208.07665%204.44811%207.94426%204.55544%207.83315C4.66655%207.72204%204.799%207.66649%204.95277%207.66649C5.10644%207.66649%205.23883%207.72204%205.34994%207.83315L7.89994%2010.3943ZM11.4611%205.27199L8.28877%208.44432C8.18144%208.55165%208.05277%208.60349%207.90277%208.59982C7.75277%208.59615%207.62222%208.5406%207.51111%208.43315C7.4%208.32204%207.34444%208.18965%207.34444%208.03599C7.34444%207.88221%207.4%207.74976%207.51111%207.63865L10.6721%204.47765C10.7796%204.37021%2010.9101%204.31649%2011.0638%204.31649C11.2176%204.31649%2011.35%204.37021%2011.4611%204.47765C11.5722%204.58876%2011.6278%204.72115%2011.6278%204.87482C11.6278%205.02849%2011.5722%205.16088%2011.4611%205.27199Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-message-seen-color,#56E8A7);
    

}

/* Error receipt status inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-error .cometchat-message-list__receipt {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9974%2016.9168C12.2439%2016.9168%2012.4476%2016.8372%2012.6086%2016.678C12.7698%2016.5189%2012.8504%2016.316%2012.8504%2016.0695C12.8504%2015.8232%2012.7708%2015.6195%2012.6116%2015.4583C12.4525%2015.2973%2012.2497%2015.2168%2012.0034%2015.2168C11.7569%2015.2168%2011.5531%2015.2964%2011.3921%2015.4555C11.231%2015.6147%2011.1504%2015.8175%2011.1504%2016.0638C11.1504%2016.3101%2011.23%2016.5139%2011.3891%2016.675C11.5483%2016.8362%2011.7511%2016.9168%2011.9974%2016.9168ZM12.0616%2013.1168C12.282%2013.1168%2012.4685%2013.0397%2012.6211%2012.8855C12.774%2012.7314%2012.8504%2012.5431%2012.8504%2012.3208V7.7543C12.8504%207.53846%2012.7728%207.35321%2012.6176%207.19855C12.4625%207.04405%2012.2766%206.9668%2012.0599%206.9668C11.8369%206.9668%2011.649%207.04405%2011.4961%207.19855C11.3435%207.35321%2011.2671%207.53846%2011.2671%207.7543V12.3208C11.2671%2012.5431%2011.3445%2012.7314%2011.4991%2012.8855C11.6538%2013.0397%2011.8413%2013.1168%2012.0616%2013.1168Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    background: var(--cometchat-static-white);
    height: 12px;
    width: 12px;
}

/* Error receipt status view inside message bubble */

.cometchat-message-bubble__status-info-view-receipts-error {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cometchat-error-color);
    border-radius: var(--cometchat-radius-max);
}

/* shimmer */

.cometchat-message-list__shimmer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--cometchat-background-color-01);
    padding: 0px var(--cometchat-padding-4, 16px) var(--cometchat-padding-4, 16px) var(--cometchat-padding-4, 16px);

}

.cometchat-message-list__shimmer-body {
    display: flex;
    width: 286px;
    align-items: center;
    position: relative;
    border-radius: var(--cometchat-radius-2, 8px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-2);
}

.cometchat-message-list__shimmer-leading-view {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 8px);
    background: var(--cometchat-shimmer-gradient-color);
    background-size: 200% 100%;
    animation: shimmer .8s infinite;
    margin-right: var(--cometchat-margin-2);

}

.cometchat-message-list__shimmer-header {
    display: flex;
    width: 50px;
    height: 22px;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: var(--cometchat-radius-2, 8px);
    margin: auto;
    margin-top: 10px;
    z-index: 1;
    position: relative;


}

.cometchat-message-list__shimmer-header .cometchat-message-list__shimmer-item {
    height: 22px;
}

.cometchat-message-list__shimmer-item-header {
    display: flex;
    width: 120px;
    height: 12px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-shimmer-gradient-color);
    background-size: 200% 100%;
    animation: shimmer .8s infinite;
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-message-list__shimmer-item {
    width: 100%;
    height: 53px;
    background: var(--cometchat-shimmer-gradient-color);
    background-size: 200% 100%;
    animation: shimmer .8s infinite;
    border-radius: var(--cometchat-radius-2, 8px);
}

/* call status  */

.cometchat-message-bubble .cometchat-message-bubble__video-call,
.cometchat-message-bubble .cometchat-message-bubble__audio-call {
    background: transparent;
    padding: 0px;
}

.cometchat-message-bubble .cometchat-message-bubble__video-call .cometchat-action-bubble__icon,
.cometchat-message-bubble .cometchat-message-bubble__audio-call .cometchat-action-bubble__icon {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-icon-color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cometchat-message-bubble__video-call .cometchat-action-bubble,
.cometchat-message-bubble__audio-call .cometchat-action-bubble {
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    border: 1px solid var(--cometchat-border-color-default);
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__missed-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.762%2015.4082C10.8687%2015.4082%2010.9679%2015.3894%2011.0598%2015.3519C11.1514%2015.3144%2011.2378%2015.2552%2011.319%2015.1742L14.539%2011.9344C14.6973%2011.7809%2014.7751%2011.5958%2014.7723%2011.3792C14.7696%2011.1625%2014.6871%2010.9752%2014.5248%2010.8172C14.3676%2010.664%2014.1813%2010.5874%2013.966%2010.5874C13.7508%2010.5874%2013.5668%2010.6638%2013.414%2010.8167L10.764%2013.4667L7.93077%2010.6499H9.16827C9.39043%2010.6499%209.5786%2010.5726%209.73277%2010.4179C9.88693%2010.2631%209.96402%2010.0756%209.96402%209.8554C9.96402%209.63507%209.88693%209.44849%209.73277%209.29565C9.5786%209.14299%209.39043%209.06665%209.16827%209.06665H5.93477C5.7126%209.06665%205.52585%209.1439%205.37452%209.2984C5.22302%209.45307%205.14727%209.63832%205.14727%209.85415V12.9874C5.14727%2013.2096%205.22327%2013.3977%205.37527%2013.5519C5.52727%2013.7061%205.71477%2013.7832%205.93777%2013.7832C6.16077%2013.7832%206.34868%2013.7061%206.50152%2013.5519C6.65435%2013.3977%206.73077%2013.2096%206.73077%2012.9874V11.6832L10.2015%2015.1707C10.282%2015.2568%2010.3689%2015.318%2010.4623%2015.3542C10.5556%2015.3902%2010.6555%2015.4082%2010.762%2015.4082ZM3.78077%2019.8499C3.3536%2019.8499%202.98293%2019.6928%202.66877%2019.3787C2.35443%2019.0643%202.19727%2018.6937%202.19727%2018.2667V5.73315C2.19727%205.30615%202.35443%204.93549%202.66877%204.62115C2.98293%204.30699%203.3536%204.1499%203.78077%204.1499H16.3175C16.7364%204.1499%2017.1043%204.30699%2017.4215%204.62115C17.7387%204.93549%2017.8973%205.30615%2017.8973%205.73315V10.8332L21.1308%207.5999C21.2529%207.47774%2021.3974%207.4479%2021.564%207.5104C21.7307%207.5729%2021.814%207.69165%2021.814%207.86665V16.1367C21.814%2016.3085%2021.7307%2016.4259%2021.564%2016.4889C21.3974%2016.5517%2021.2529%2016.5221%2021.1308%2016.3999L17.8973%2013.1667V18.2667C17.8973%2018.6937%2017.7387%2019.0643%2017.4215%2019.3787C17.1043%2019.6928%2016.7364%2019.8499%2016.3175%2019.8499H3.78077ZM3.78077%2018.2667H16.314V5.73315H3.78077V18.2667Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-error-color);
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__ended-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.51687%2016.3L1.20112%2014.001C1.04212%2013.842%200.964038%2013.6584%200.966871%2013.45C0.969538%2013.2417%201.04729%2013.0528%201.20012%2012.8833C2.58629%2011.3111%204.2252%2010.1153%206.11687%209.29577C8.00854%208.47644%209.96962%208.06677%2012.0001%208.06677C14.0306%208.06677%2015.9904%208.47644%2017.8794%209.29577C19.7682%2010.1153%2021.4085%2011.3111%2022.8001%2012.8833C22.953%2013.0528%2023.0307%2013.2417%2023.0334%2013.45C23.0362%2013.6584%2022.9578%2013.842%2022.7981%2014.001L20.5001%2016.3C20.3556%2016.4445%2020.1646%2016.5244%2019.9271%2016.5395C19.6896%2016.5549%2019.4912%2016.5023%2019.3319%2016.3818L16.5001%2014.2543C16.3946%2014.1754%2016.3155%2014.0835%2016.2626%2013.9785C16.2098%2013.8734%2016.1834%2013.7541%2016.1834%2013.6208V10.3508C15.5047%2010.1061%2014.8121%209.92811%2014.1056%209.81677C13.3991%209.70561%2012.7028%209.65002%2012.0166%209.65002C11.316%209.65002%2010.6125%209.70561%209.90637%209.81677C9.2002%209.92777%208.5092%2010.1055%207.83337%2010.35V13.6168C7.83337%2013.7433%207.8077%2013.8607%207.75637%2013.969C7.70504%2014.0775%207.62521%2014.1712%207.51687%2014.25L4.66437%2016.3873C4.47437%2016.5263%204.27479%2016.5872%204.06562%2016.57C3.85662%2016.5529%203.6737%2016.4629%203.51687%2016.3ZM6.16687%2011C5.5752%2011.2945%205.00362%2011.6487%204.45212%2012.0625C3.90079%2012.4764%203.36679%2012.9166%202.85012%2013.3833L4.16687%2014.7333L6.16687%2013.2333V11ZM17.7669%2010.95V13.1333L19.8334%2014.7168L21.1669%2013.4C20.6502%2012.8805%2020.1106%2012.4249%2019.5481%2012.0333C18.9856%2011.6416%2018.3919%2011.2805%2017.7669%2010.95Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__outgoing-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.78077%2019.8499C3.3536%2019.8499%202.98293%2019.6928%202.66877%2019.3787C2.35443%2019.0643%202.19727%2018.6937%202.19727%2018.2667V5.73315C2.19727%205.30615%202.35443%204.93549%202.66877%204.62115C2.98293%204.30699%203.3536%204.1499%203.78077%204.1499H16.3175C16.7364%204.1499%2017.1044%204.30699%2017.4215%204.62115C17.7387%204.93549%2017.8973%205.30615%2017.8973%205.73315V10.8332L21.1308%207.5999C21.2529%207.47774%2021.3974%207.4479%2021.564%207.5104C21.7307%207.5729%2021.814%207.69165%2021.814%207.86665V16.1367C21.814%2016.3085%2021.7307%2016.4259%2021.564%2016.4889C21.3974%2016.5517%2021.2529%2016.5221%2021.1308%2016.3999L17.8973%2013.1667V18.2667C17.8973%2018.6937%2017.7387%2019.0643%2017.4215%2019.3787C17.1044%2019.6928%2016.7364%2019.8499%2016.3175%2019.8499H3.78077ZM3.78077%2018.2667H16.314V5.73315H3.78077V18.2667Z'%20fill='%23141414'/%3e%3cpath%20d='M10.922%209.5H8.72579C8.51329%209.5%208.33513%209.42808%208.19129%209.28425C8.04763%209.14042%207.97579%208.96225%207.97579%208.74975C7.97579%208.53708%208.04763%208.359%208.19129%208.2155C8.33513%208.07183%208.51329%208%208.72579%208H12.572C12.828%208%2013.0426%208.08667%2013.2158%208.26C13.3891%208.43317%2013.4758%208.64775%2013.4758%208.90375V12.75C13.4758%2012.9625%2013.4039%2013.1407%2013.26%2013.2845C13.1162%2013.4282%2012.938%2013.5%2012.7255%2013.5C12.5129%2013.5%2012.3348%2013.4282%2012.1913%2013.2845C12.0476%2013.1407%2011.9758%2012.9625%2011.9758%2012.75V10.5537L7.27204%2015.2578C7.13354%2015.3963%206.95946%2015.4671%206.74979%2015.4703C6.54013%2015.4734%206.36288%2015.4026%206.21804%2015.2578C6.07321%2015.1129%206.00079%2014.9373%206.00079%2014.7308C6.00079%2014.5244%206.07321%2014.3487%206.21804%2014.2037L10.922%209.5Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__incoming-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.78077%2019.8499C3.3536%2019.8499%202.98293%2019.6928%202.66877%2019.3787C2.35443%2019.0643%202.19727%2018.6937%202.19727%2018.2667V5.73315C2.19727%205.30615%202.35443%204.93549%202.66877%204.62115C2.98293%204.30699%203.3536%204.1499%203.78077%204.1499H16.3175C16.7364%204.1499%2017.1044%204.30699%2017.4215%204.62115C17.7387%204.93549%2017.8973%205.30615%2017.8973%205.73315V10.8332L21.1308%207.5999C21.2529%207.47774%2021.3974%207.4479%2021.564%207.5104C21.7307%207.5729%2021.814%207.69165%2021.814%207.86665V16.1367C21.814%2016.3085%2021.7307%2016.4259%2021.564%2016.4889C21.3974%2016.5517%2021.2529%2016.5221%2021.1308%2016.3999L17.8973%2013.1667V18.2667C17.8973%2018.6937%2017.7387%2019.0643%2017.4215%2019.3787C17.1044%2019.6928%2016.7364%2019.8499%2016.3175%2019.8499H3.78077ZM3.78077%2018.2667H16.314V5.73315H3.78077V18.2667Z'%20fill='%23141414'/%3e%3cpath%20d='M8.55454%2013.9704H10.7508C10.9633%2013.9704%2011.1415%2014.0423%2011.2853%2014.1861C11.429%2014.3299%2011.5008%2014.5081%2011.5008%2014.7206C11.5008%2014.9333%2011.429%2015.1114%2011.2853%2015.2549C11.1415%2015.3985%2010.9633%2015.4704%2010.7508%2015.4704H6.90454C6.64854%2015.4704%206.43396%2015.3837%206.26079%2015.2104C6.08746%2015.0372%206.00079%2014.8226%206.00079%2014.5666V10.7204C6.00079%2010.5079%206.07271%2010.3297%206.21654%2010.1859C6.36038%2010.0422%206.53854%209.97035%206.75104%209.97035C6.96371%209.97035%207.14179%2010.0422%207.28529%2010.1859C7.42896%2010.3297%207.50079%2010.5079%207.50079%2010.7204V12.9166L12.2045%208.2126C12.343%208.0741%2012.5171%208.00327%2012.7268%208.0001C12.9365%207.99693%2013.1137%208.06777%2013.2585%208.2126C13.4034%208.35744%2013.4758%208.5331%2013.4758%208.7396C13.4758%208.94594%2013.4034%209.1216%2013.2585%209.2666L8.55454%2013.9704Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__busy-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__answered-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__unanswered-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__cancelled-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__video-call .cometchat-message-bubble__rejected-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M3.77881%2019.8504C3.35165%2019.8504%202.98098%2019.6933%202.66681%2019.3791C2.35248%2019.0648%202.19531%2018.6941%202.19531%2018.2671V5.73364C2.19531%205.30664%202.35248%204.93597%202.66681%204.62164C2.98098%204.30747%203.35165%204.15039%203.77881%204.15039H16.3156C16.7344%204.15039%2017.1024%204.30747%2017.4196%204.62164C17.7367%204.93597%2017.8953%205.30664%2017.8953%205.73364V10.8336L21.1288%207.60039C21.251%207.47822%2021.3954%207.44839%2021.5621%207.51089C21.7287%207.57339%2021.8121%207.69214%2021.8121%207.86714V16.1371C21.8121%2016.309%2021.7287%2016.4264%2021.5621%2016.4894C21.3954%2016.5522%2021.251%2016.5226%2021.1288%2016.4004L17.8953%2013.1671V18.2671C17.8953%2018.6941%2017.7367%2019.0648%2017.4196%2019.3791C17.1024%2019.6933%2016.7344%2019.8504%2016.3156%2019.8504H3.77881ZM3.77881%2018.2671H16.3121V5.73364H3.77881V18.2671Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__missed-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.51687%2020.2332L1.20112%2017.9342C1.04212%2017.7752%200.964038%2017.5916%200.966871%2017.3832C0.969538%2017.1749%201.04729%2016.9861%201.20012%2016.8167C2.58629%2015.2444%204.2252%2014.0486%206.11687%2013.2292C8.00854%2012.4097%209.96962%2012%2012.0001%2012C14.0306%2012%2015.9904%2012.4097%2017.8794%2013.2292C19.7682%2014.0486%2021.4085%2015.2444%2022.8001%2016.8167C22.953%2016.9861%2023.0307%2017.1749%2023.0334%2017.3832C23.0362%2017.5916%2022.9578%2017.7752%2022.7981%2017.9342L20.5001%2020.2332C20.3556%2020.3777%2020.1646%2020.4577%2019.9271%2020.473C19.6896%2020.4882%2019.4912%2020.4355%2019.3319%2020.315L16.5001%2018.1875C16.3946%2018.1087%2016.3155%2018.0167%2016.2626%2017.9117C16.2098%2017.8067%2016.1834%2017.6876%2016.1834%2017.5542V14.284C15.5047%2014.0393%2014.8121%2013.8614%2014.1056%2013.7502C13.3991%2013.6389%2012.7028%2013.5832%2012.0166%2013.5832C11.316%2013.5832%2010.6125%2013.6388%209.90637%2013.75C9.2002%2013.8612%208.5092%2014.0389%207.83337%2014.2832V17.55C7.83337%2017.6765%207.8077%2017.794%207.75637%2017.9025C7.70504%2018.011%207.62521%2018.1046%207.51687%2018.1832L4.66437%2020.3205C4.47437%2020.4597%204.27479%2020.5206%204.06562%2020.5032C3.85662%2020.4861%203.6737%2020.3961%203.51687%2020.2332ZM6.16687%2014.8332C5.5752%2015.1277%205.00362%2015.4819%204.45212%2015.8957C3.90079%2016.3097%203.36679%2016.7501%202.85012%2017.2167L4.16687%2018.5667L6.16687%2017.0667V14.8332ZM17.7669%2014.7832V16.9667L19.8334%2018.55L21.1669%2017.2332C20.6502%2016.7139%2020.1106%2016.2584%2019.5481%2015.8667C18.9856%2015.4751%2018.3919%2015.1139%2017.7669%2014.7832ZM6.13062%208.80425C5.90745%208.80425%205.72087%208.7285%205.57087%208.577C5.42087%208.42567%205.34587%208.23891%205.34587%208.01675V3.95425C5.34587%203.73841%205.42162%203.55317%205.57312%203.3985C5.72445%203.244%205.9112%203.16675%206.13337%203.16675H10.1834C10.4089%203.16675%2010.5979%203.2435%2010.7504%203.397C10.903%203.5505%2010.9794%203.74075%2010.9794%203.96775C10.9794%204.19475%2010.903%204.38258%2010.7504%204.53125C10.5979%204.67992%2010.4089%204.75425%2010.1834%204.75425H7.97937L11.9876%208.72925L17.0039%203.71275C17.1625%203.55425%2017.3509%203.47225%2017.5689%203.46675C17.7869%203.46108%2017.975%203.53908%2018.1334%203.70075C18.2917%203.86258%2018.3709%204.05217%2018.3709%204.2695C18.3709%204.487%2018.2914%204.67525%2018.1324%204.83425L13.1044%209.8625C12.794%2010.1763%2012.4184%2010.3332%2011.9774%2010.3332C11.5362%2010.3332%2011.1674%2010.1763%2010.8709%209.8625L6.92937%205.8875V8.01675C6.92937%208.23891%206.85195%208.42567%206.69712%208.577C6.54245%208.7285%206.35362%208.80425%206.13062%208.80425Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    background: var(--cometchat-error-color);

}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__ended-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.51687%2016.3L1.20112%2014.001C1.04212%2013.842%200.964038%2013.6584%200.966871%2013.45C0.969538%2013.2417%201.04729%2013.0528%201.20012%2012.8833C2.58629%2011.3111%204.2252%2010.1153%206.11687%209.29577C8.00854%208.47644%209.96962%208.06677%2012.0001%208.06677C14.0306%208.06677%2015.9904%208.47644%2017.8794%209.29577C19.7682%2010.1153%2021.4085%2011.3111%2022.8001%2012.8833C22.953%2013.0528%2023.0307%2013.2417%2023.0334%2013.45C23.0362%2013.6584%2022.9578%2013.842%2022.7981%2014.001L20.5001%2016.3C20.3556%2016.4445%2020.1646%2016.5244%2019.9271%2016.5395C19.6896%2016.5549%2019.4912%2016.5023%2019.3319%2016.3818L16.5001%2014.2543C16.3946%2014.1754%2016.3155%2014.0835%2016.2626%2013.9785C16.2098%2013.8734%2016.1834%2013.7541%2016.1834%2013.6208V10.3508C15.5047%2010.1061%2014.8121%209.92811%2014.1056%209.81677C13.3991%209.70561%2012.7028%209.65002%2012.0166%209.65002C11.316%209.65002%2010.6125%209.70561%209.90637%209.81677C9.2002%209.92777%208.5092%2010.1055%207.83337%2010.35V13.6168C7.83337%2013.7433%207.8077%2013.8607%207.75637%2013.969C7.70504%2014.0775%207.62521%2014.1712%207.51687%2014.25L4.66437%2016.3873C4.47437%2016.5263%204.27479%2016.5872%204.06562%2016.57C3.85662%2016.5529%203.6737%2016.4629%203.51687%2016.3ZM6.16687%2011C5.5752%2011.2945%205.00362%2011.6487%204.45212%2012.0625C3.90079%2012.4764%203.36679%2012.9166%202.85012%2013.3833L4.16687%2014.7333L6.16687%2013.2333V11ZM17.7669%2010.95V13.1333L19.8334%2014.7168L21.1669%2013.4C20.6502%2012.8805%2020.1106%2012.4249%2019.5481%2012.0333C18.9856%2011.6416%2018.3919%2011.2805%2017.7669%2010.95Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__outgoing-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4402%2020.5C17.5557%2020.5%2015.6625%2020.0618%2013.7605%2019.1855C11.8587%2018.3092%2010.1113%2017.073%208.51825%2015.477C6.92542%2013.8808%205.69083%2012.1333%204.8145%2010.2345C3.93817%208.33583%203.5%206.44425%203.5%204.55975C3.5%204.25692%203.6%204.00458%203.8%203.80275C4%203.60092%204.25%203.5%204.55%203.5H7.8115C8.064%203.5%208.28675%203.58242%208.47975%203.74725C8.67275%203.91192%208.7955%204.11542%208.848%204.35775L9.42125%207.3C9.46092%207.573%209.45258%207.80758%209.39625%208.00375C9.33975%208.19992%209.23842%208.36467%209.09225%208.498L6.78275%2010.7462C7.15442%2011.4269%207.57908%2012.0708%208.05675%2012.678C8.53425%2013.285%209.05125%2013.8648%209.60775%2014.4173C10.1564%2014.9661%2010.7397%2015.4757%2011.3577%2015.9462C11.9757%2016.4167%2012.6431%2016.8546%2013.3598%2017.2598L15.6038%2014.9963C15.7603%2014.8334%2015.9498%2014.7193%2016.1723%2014.6538C16.3946%2014.5884%2016.6257%2014.5724%2016.8655%2014.6058L19.6423%2015.1713C19.8948%2015.2379%2020.1008%2015.3667%2020.2605%2015.5577C20.4202%2015.7487%2020.5%2015.9654%2020.5%2016.2078V19.45C20.5%2019.75%2020.3991%2020%2020.1973%2020.2C19.9954%2020.4%2019.7431%2020.5%2019.4402%2020.5ZM6.073%209.327L7.85775%207.61925C7.88975%207.59358%207.91058%207.55833%207.92025%207.5135C7.92992%207.46867%207.92833%207.427%207.9155%207.3885L7.48075%205.15375C7.46792%205.10258%207.4455%205.06417%207.4135%205.0385C7.3815%205.01283%207.33983%205%207.2885%205H5.15C5.1115%205%205.07942%205.01283%205.05375%205.0385C5.02825%205.06417%205.0155%205.09625%205.0155%205.13475C5.06667%205.81808%205.1785%206.51225%205.351%207.21725C5.52333%207.92242%205.764%208.62567%206.073%209.327ZM14.773%2017.9693C15.4358%2018.2783%2016.1272%2018.5145%2016.847%2018.678C17.567%2018.8413%2018.2397%2018.9384%2018.8652%2018.9693C18.9037%2018.9693%2018.9358%2018.9564%2018.9615%2018.9307C18.9872%2018.9051%2019%2018.873%2019%2018.8345V16.7308C19%2016.6794%2018.9872%2016.6377%2018.9615%2016.6058C18.9358%2016.5738%2018.8974%2016.5513%2018.8462%2016.5385L16.7462%2016.1115C16.7077%2016.0987%2016.6741%2016.0971%2016.6453%2016.1067C16.6164%2016.1164%2016.5859%2016.1372%2016.5538%2016.1692L14.773%2017.9693Z'%20fill='%23141414'/%3e%3cpath%20d='M17.8828%205.0681H15.6865C15.474%205.0681%2015.2959%204.99618%2015.152%204.85235C15.0084%204.70852%2014.9365%204.53035%2014.9365%204.31785C14.9365%204.10518%2015.0084%203.9271%2015.152%203.7836C15.2959%203.63993%2015.474%203.5681%2015.6865%203.5681H19.5328C19.7888%203.5681%2020.0034%203.65477%2020.1765%203.8281C20.3499%204.00127%2020.4365%204.21585%2020.4365%204.47185V8.3181C20.4365%208.5306%2020.3646%208.70877%2020.2208%208.8526C20.0769%208.99627%2019.8988%209.0681%2019.6863%209.0681C19.4736%209.0681%2019.2955%208.99627%2019.152%208.8526C19.0084%208.70877%2018.9365%208.5306%2018.9365%208.3181V6.12185L14.2328%2010.8259C14.0943%2010.9644%2013.9202%2011.0352%2013.7105%2011.0384C13.5009%2011.0415%2013.3236%2010.9707%2013.1788%2010.8259C13.0339%2010.681%2012.9615%2010.5054%2012.9615%2010.2989C12.9615%2010.0925%2013.0339%209.91685%2013.1788%209.77185L17.8828%205.0681Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__incoming-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5153%209.5385H17.7115C17.924%209.5385%2018.1022%209.61042%2018.246%209.75425C18.3897%209.89808%2018.4615%2010.0762%2018.4615%2010.2887C18.4615%2010.5014%2018.3897%2010.6795%2018.246%2010.823C18.1022%2010.9667%2017.924%2011.0385%2017.7115%2011.0385H13.8652C13.6093%2011.0385%2013.3947%2010.9518%2013.2215%2010.7785C13.0482%2010.6053%2012.9615%2010.3908%2012.9615%2010.1348V6.2885C12.9615%206.076%2013.0334%205.89783%2013.1773%205.754C13.3211%205.61033%2013.4992%205.5385%2013.7117%205.5385C13.9244%205.5385%2014.1025%205.61033%2014.246%205.754C14.3897%205.89783%2014.4615%206.076%2014.4615%206.2885V8.48475L19.1652%203.78075C19.3038%203.64225%2019.4778%203.57142%2019.6875%203.56825C19.8972%203.56508%2020.0744%203.63592%2020.2193%203.78075C20.3641%203.92558%2020.4365%204.10125%2020.4365%204.30775C20.4365%204.51408%2020.3641%204.68975%2020.2193%204.83475L15.5153%209.5385ZM19.4402%2020.5C17.5557%2020.5%2015.6625%2020.0618%2013.7605%2019.1855C11.8587%2018.3092%2010.1113%2017.073%208.51825%2015.477C6.92542%2013.8808%205.69083%2012.1333%204.8145%2010.2345C3.93817%208.33583%203.5%206.44425%203.5%204.55975C3.5%204.25692%203.6%204.00458%203.8%203.80275C4%203.60092%204.25%203.5%204.55%203.5H7.8115C8.064%203.5%208.28675%203.58242%208.47975%203.74725C8.67275%203.91192%208.7955%204.11542%208.848%204.35775L9.42125%207.3C9.46092%207.573%209.45258%207.80758%209.39625%208.00375C9.33975%208.19992%209.23842%208.36467%209.09225%208.498L6.78275%2010.7462C7.15442%2011.4269%207.57908%2012.0708%208.05675%2012.678C8.53425%2013.285%209.05125%2013.8647%209.60775%2014.4173C10.1564%2014.9661%2010.7397%2015.4757%2011.3577%2015.9462C11.9757%2016.4167%2012.6431%2016.8546%2013.3598%2017.2598L15.6038%2014.9963C15.7603%2014.8334%2015.9498%2014.7192%2016.1723%2014.6538C16.3946%2014.5884%2016.6257%2014.5724%2016.8655%2014.6058L19.6423%2015.1713C19.8948%2015.2379%2020.1008%2015.3667%2020.2605%2015.5577C20.4202%2015.7487%2020.5%2015.9654%2020.5%2016.2078V19.45C20.5%2019.75%2020.3991%2020%2020.1973%2020.2C19.9954%2020.4%2019.7431%2020.5%2019.4402%2020.5ZM6.073%209.327L7.85775%207.61925C7.88975%207.59358%207.91058%207.55833%207.92025%207.5135C7.92992%207.46867%207.92833%207.427%207.9155%207.3885L7.48075%205.15375C7.46792%205.10258%207.4455%205.06417%207.4135%205.0385C7.3815%205.01283%207.33983%205%207.2885%205H5.15C5.1115%205%205.07942%205.01283%205.05375%205.0385C5.02825%205.06417%205.0155%205.09625%205.0155%205.13475C5.06667%205.81808%205.1785%206.51225%205.351%207.21725C5.52333%207.92242%205.764%208.62567%206.073%209.327ZM14.773%2017.9693C15.4358%2018.2783%2016.1272%2018.5145%2016.847%2018.678C17.567%2018.8413%2018.2397%2018.9384%2018.8652%2018.9693C18.9037%2018.9693%2018.9358%2018.9564%2018.9615%2018.9307C18.9872%2018.9051%2019%2018.873%2019%2018.8345V16.7308C19%2016.6794%2018.9872%2016.6377%2018.9615%2016.6058C18.9358%2016.5737%2018.8974%2016.5513%2018.8462%2016.5385L16.7462%2016.1115C16.7077%2016.0987%2016.6741%2016.0971%2016.6453%2016.1067C16.6164%2016.1164%2016.5859%2016.1372%2016.5538%2016.1692L14.773%2017.9693Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__busy-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__answered-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__unanswered-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__cancelled-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

.cometchat-message-bubble__audio-call .cometchat-message-bubble__rejected-call .cometchat-action-bubble__icon {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Base_Icon'%3e%3cpath%20id='Vector'%20d='M19.7512%2020.8335C17.8234%2020.8335%2015.8692%2020.3772%2013.8887%2019.4647C11.9082%2018.5522%2010.086%2017.2572%208.42197%2015.5795C6.7443%2013.9155%205.44922%2012.0947%204.53672%2010.117C3.62422%208.13916%203.16797%206.18199%203.16797%204.24549C3.16797%203.94033%203.27114%203.68424%203.47747%203.47724C3.6838%203.27041%203.94172%203.16699%204.25122%203.16699H7.81797C8.0513%203.16699%208.25055%203.24541%208.41572%203.40224C8.58105%203.55924%208.69288%203.75858%208.75122%204.00024L9.41672%207.19424C9.44522%207.41774%209.43655%207.62324%209.39072%207.81074C9.34488%207.99824%209.25822%208.15708%209.13072%208.28724L6.70547%2010.7502C7.10814%2011.4447%207.54305%2012.0956%208.01022%2012.7027C8.47755%2013.3101%208.99264%2013.8884%209.55547%2014.4377C10.1276%2015.0266%2010.7339%2015.5687%2011.3742%2016.064C12.0144%2016.5592%2012.6901%2017.0046%2013.4012%2017.4002L15.7852%2014.9835C15.9376%2014.8197%2016.1118%2014.7072%2016.308%2014.646C16.5041%2014.585%2016.7019%2014.5697%2016.9012%2014.6002L19.9822%2015.2492C20.2282%2015.3082%2020.4318%2015.4351%2020.593%2015.6297C20.754%2015.8246%2020.8345%2016.0425%2020.8345%2016.2835V19.7502C20.8345%2020.0597%2020.7313%2020.3177%2020.525%2020.524C20.3186%2020.7303%2020.0607%2020.8335%2019.7512%2020.8335ZM5.92197%209.28349L7.82197%207.36699L7.28447%204.75024H4.77197C4.81097%205.43358%204.92072%206.14749%205.10122%206.89199C5.28172%207.63633%205.5553%208.43349%205.92197%209.28349ZM14.8887%2018.1502C15.5471%2018.4557%2016.2563%2018.703%2017.0165%2018.892C17.7766%2019.0808%2018.5216%2019.1947%2019.2512%2019.2335V16.717L16.7845%2016.196L14.8887%2018.1502Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: 0% 200%;
    }


}

/**
 * Setting transparent background and gap for sticker message bubble
 */

.cometchat-message-bubble__body-wrapper .cometchat-message-bubble__sticker-message {
    background-color: transparent;
    gap: var(--cometchat-padding-2, 8px);
}

/**
 * Removing cursor from sticker messages
 */

.cometchat-message-bubble__sticker-message .cometchat-image-bubble {
    cursor: default;
    background-color: transparent;
}

/**
 * Adding semi-transparent background to status info view in sticker messages
 */

.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view {
    background: rgba(20, 20, 20, 0.60);
    align-items: center;
}

.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view > .cometchat{
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    display: flex;
}

/**
 * Setting text color for date information in the status info view
 */

.cometchat-message-bubble__sticker-message .cometchat-message-bubble__status-info-view .cometchat-date {
    color: var(--cometchat-static-white, #F9F8FD);
}

/**
 * Styling for the message information popup wrapper to create a centered overlay
 */

.cometchat-message-information__popup-wrapper {
    display: flex;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.cometchat-message-list__body
{
    justify-content: flex-end;
}

.cometchat-message-list-loaded .cometchat-message-list__body  .cometchat-list__body{
    height: fit-content;
    max-height: 100%;
}

.cometchat-message-list-loaded > .cometchat-message-list__body > .cometchat {
    height: fit-content !important;
    max-height: 100%;
}

@keyframes backgroundFade {
    0% { background-color: var(--cometchat-extended-primary-color-200); }
    50% { background-color: var(--cometchat-extended-primary-color-100); }
    75%, 100% { background-color: transparent; }
}

.cometchat-message-list__bubble-highlight {
    animation: backgroundFade 3s ease-out forwards;
}

.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar,
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__list::-webkit-scrollbar-thumb,
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar,
.cometchat-message-list-hide-scrollbar .cometchat-reaction-list__tabs::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar,
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__list::-webkit-scrollbar-thumb,
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar,
.cometchat-message-list-hide-scrollbar .cometchat-emoji-keyboard__tabs::-webkit-scrollbar-thumb {
    display: none;
}

/* Container for the outgoing call UI, responsible for layout and overall styling */

.cometchat-outgoing-call {
    display: flex;
    width: 360px;
    height: 540px;
    padding: var(--cometchat-padding-5, 20px) 0px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-5, 20px);
    border: 1px solid var(--cometchat-border-color-light);
    background: var(--cometchat-background-color-01);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

/* Title for the outgoing call UI */

.cometchat-outgoing-call__title {
    color: var(--cometchat-text-color-primary);
    text-align: center;
    font: var(--cometchat-font-title-medium);
}

.cometchat-outgoing-call__title-container {
    display: flex;
    flex-direction: column;
}

/* Subtitle text for the outgoing call UI */

.cometchat-outgoing-call__subtitle {
    color: var(--cometchat-text-color-secondary);
    text-align: center;
    font: var(--cometchat-font-heading4-regular);
}

/* Avatar container for the outgoing call, controlling its size and layout */

.cometchat-outgoing-call__avatar {
    display: flex;
    width: 160px;
    height: 160px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-max);
}

/* Avatar image inside the avatar container */

.cometchat-outgoing-call__avatar .cometchat-avatar {
    width: 160px;
    height: 160px;
}

/* Avatar text inside the avatar container */

.cometchat-outgoing-call__avatar .cometchat-avatar__text {
    font: 700 64px/76.8px var(--cometchat-font-family);
    height: fit-content;
    width: fit-content;
    font-style: normal;
}

/* Button container for actions during the outgoing call */

.cometchat-outgoing-call__button .cometchat-button {
    display: flex;
    padding: var(--cometchat-padding-4);
    align-items: center;
    gap: var(--cometchat-padding-2);
    border-radius: var(--cometchat-radius-max);
    background: var(--cometchat-error-color);
    justify-content: center;
    height: fit-content;
    width: fit-content;
    cursor: pointer;
}

/* Icon inside the outgoing call button */

.cometchat-outgoing-call__button .cometchat-button .cometchat-button__icon {
    -webkit-mask-size: contain;
    width: 24px;
    height: 24px;
    background: var(--cometchat-static-white);
}

/* Media query for screens with a max width of 600px */

@media (max-width: 600px) {

    /* Font size for avatar text in smaller screens */
    .cometchat-outgoing-call__avatar .cometchat-avatar__text {
        font: 700 50px/60px var(--cometchat-font-family);
    }

    /* Avatar size adjustment for smaller screens */
    .cometchat-outgoing-call .cometchat-outgoing-call__avatar .cometchat .cometchat-avatar {
        width: 120px;
        height: 120px;
    }

    /* Font size adjustment for title in smaller screens */
    .cometchat-outgoing-call__title {
        font: var(--cometchat-font-heading1-bold);
    }

    /* Font size adjustment for subtitle in smaller screens */
    .cometchat-outgoing-call__subtitle {
        font: var(--cometchat-font-body-regular);
    }

    /* Size and border radius adjustment for the container in smaller screens */
    .cometchat-outgoing-call {
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

}

.cometchat-action-bubble {
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-3, 12px);
    justify-content: center;
    align-items: center;
    border-radius: var(--cometchat-radius-max, 1000px);
    border: 1px solid var(--cometchat-border-color-default);
    background: var(--cometchat-background-color-02);
}

.cometchat-action-bubble__text {
    color: var(--cometchat-text-color-secondary);
    text-align: center;
    font: var(--cometchat-font-caption1-regular);
}

.cometchat-action-bubble__icon {
    display: none;
}

.cometchat-reaction-info {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: var(--cometchat-radius-2, 8px);
}

.cometchat-reaction-info__content {
    display: flex;
    padding: 8px var(--cometchat-padding-2, 8px);
    flex-direction: column;
    align-items: center;
    border-radius: var(--cometchat-radius-1, 4px);
    background: var(--cometchat-static-black, #141414);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    margin: -1px;
    min-height: 77px;
    min-width: 77px;
    justify-content: center;
}

.cometchat-reaction-info__emoji-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
}

.cometchat-reaction-info__emoji {
    color: var(--cometchat-static-white, #F9F8FD);
    text-align: center;
    font: var(--cometchat-font-heading1-regular, 400 24px Roboto);
}

.cometchat-reaction-info__title {
    color: var(--cometchat-static-white, #F9F8FD);
    text-align: center;
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
}

.cometchat-reaction-info__description {
    color: var(--cometchat-text-color-tertiary, #A1A1A1);
    text-align: center;
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
}

.cometchat-reaction-info__error {
    color: var(--cometchat-error-color, #F44649);
    text-align: center;
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
}

.cometchat-reaction-info__loading {
    -webkit-mask: url("data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Spinner-Gradient/Spinner-Gradient-1'%3e%3cpath%20id='Ellipse%2026'%20d='M16.9278%202.82873C18.2643%203.34439%2019.4863%204.11826%2020.5238%205.10616C21.5613%206.09405%2022.394%207.27662%2022.9745%208.58636C23.555%209.89609%2023.8718%2011.3073%2023.9069%2012.7395C23.942%2014.1717%2023.6946%2015.5967%2023.1789%2016.9333C22.6633%2018.2699%2021.8894%2019.4918%2020.9015%2020.5293C19.9136%2021.5668%2018.7311%2022.3996%2017.4213%2022.9801C16.1116%2023.5605%2014.7004%2023.8774%2013.2682%2023.9124C11.836%2023.9475%2010.4109%2023.7002%209.07437%2023.1845C7.73779%2022.6688%206.51587%2021.895%205.47836%2020.9071C4.44086%2019.9192%203.6081%2018.7366%203.02762%2017.4269C2.44714%2016.1171%202.13032%2014.7059%202.09524%2013.2737C2.06016%2011.8416%202.30752%2010.4165%202.82318%209.07992C3.33884%207.74335%204.11271%206.52142%205.1006%205.48392C6.0885%204.44641%207.27107%203.61365%208.5808%203.03317C9.89053%202.4527%2011.3018%202.13588%2012.7339%202.1008C14.1661%202.06572%2015.5912%202.31307%2016.9278%202.82873L16.9278%202.82873Z'%20stroke='%23E8E8E8'%20stroke-width='4'/%3e%3cpath%20id='Ellipse%2027'%20d='M16.9278%202.82873C18.2643%203.34439%2019.4863%204.11826%2020.5238%205.10616C21.5613%206.09405%2022.394%207.27662%2022.9745%208.58636C23.555%209.89609%2023.8718%2011.3073%2023.9069%2012.7395C23.942%2014.1717%2023.6946%2015.5967%2023.1789%2016.9333C22.6633%2018.2699%2021.8894%2019.4918%2020.9015%2020.5293C19.9136%2021.5668%2018.7311%2022.3996%2017.4213%2022.9801C16.1116%2023.5605%2014.7004%2023.8774%2013.2682%2023.9124C11.836%2023.9475%2010.4109%2023.7002%209.07437%2023.1845C7.73779%2022.6688%206.51587%2021.895%205.47836%2020.9071C4.44086%2019.9192%203.6081%2018.7366%203.02762%2017.4269C2.44714%2016.1171%202.13032%2014.7059%202.09524%2013.2737C2.06016%2011.8416%202.30752%2010.4165%202.82318%209.07992C3.33884%207.74335%204.11271%206.52142%205.1006%205.48392C6.0885%204.44641%207.27107%203.61365%208.5808%203.03317C9.89053%202.4527%2011.3018%202.13588%2012.7339%202.1008C14.1661%202.06572%2015.5912%202.31307%2016.9278%202.82873L16.9278%202.82873Z'%20stroke='url(%23paint0_angular_7177_657237)'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_angular_7177_657237'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(13.0011%2013.0066)%20rotate(21.0969)%20scale(10.9091)'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='%232D2D2D'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
    -webkit-mask-size: contain;
    height: 24px;
    width: 24px;
    border: 4px solid var(--cometchat-background-color-04, #E8E8E8);
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    
}

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

    100% {
        transform: rotate(360deg);
    }
}

.cometchat-reaction-list {
    display: flex;
    width: 280px;
    flex-direction: column;
    overflow: hidden;
    align-items: flex-start;
    border-radius: var(--cometchat-radius-5, 20px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-reaction-list__error {
    display: flex;
    height: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    color: var(--cometchat-text-color-secondary, #727272);
    text-align: center;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-reaction-list__tabs {
    display: flex;
    padding-top: var(--cometchat-padding-2, 8px);
    max-width: 280px;
    align-items: center;
    align-self: stretch;
    overflow-x: auto;
    border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-reaction-list__tabs-tab {
    display: flex;
    height: 40px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    cursor: pointer;
    border-radius: 4px 4px 0px 0px;
}

.cometchat-reaction-list__tabs-tab-active {
    border-bottom: 2px solid var(--cometchat-primary-color, #6852D6);
}

.cometchat-reaction-list__tabs-tab-emoji,
.cometchat-reaction-list__tabs-tab-count {
    color: var(--cometchat-text-color-secondary, #727272);
    text-align: center;
    font: var(--cometchat-font-body-medium, 500 14px Roboto);
}

.cometchat-reaction-list__tabs-tab-count-active,
.cometchat-reaction-list__tabs-tab-emoji-active {
    color: var(--cometchat-text-color-highlight, #6852D6);
}

.cometchat-reaction-list__list {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--cometchat-radius-0, 0px);
    background: var(--cometchat-background-color-01, #FFF);
    overflow-y: auto;
    height: 200px;
}

.cometchat-reaction-list .cometchat-list-item {
    width: 280px;
    cursor: pointer;
}

.cometchat-reaction-list .cometchat-list-item__leading-view,
.cometchat-reaction-list .cometchat-list-item__body {
    padding: 0px;
    flex-shrink: inherit;
}

.cometchat-reaction-list .cometchat-list-item__body-title {
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-medium, 500 14px Roboto);
}

.cometchat-reaction-list .cometchat-list-item__body-subtitle {
    overflow: hidden;
    color: var(--cometchat-text-color-secondary, #727272);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
}

.cometchat-reaction-list .cometchat-avatar,
.cometchat-reaction-list .cometchat-avatar__image,
.cometchat-reaction-list .cometchat-list-item__leading-view {
    height: 32px;
    width: 32px;
}

.cometchat-reaction-list .cometchat-list-item__title-container {
    gap: 0px;
}

.cometchat-reaction-list__shimmer {
    display: flex;
    width: 280px;
    height: 200px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--cometchat-radius-4, 16px);
    border: 1px solid var(--cometchat-background-color-01, #FFF);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.cometchat-reaction-list__shimmer-tabs {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px) var(--cometchat-padding-4, 16px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-bottom: 1px solid var(--cometchat-border-color-default, #E8E8E8);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-reaction-list__shimmer-tab {
    background: var(--cometchat-shimmer-gradient-color);
    display: flex;
    width: 48px;
    height: 16px;
    border-radius: var(--cometchat-radius-2, 8px);
    justify-content: center;
    align-items: center;
    animation: shimmerAnimation 10s infinite linear;
}

.cometchat-reaction-list__shimmer-item {
    display: flex;
    width: 280px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    flex: 1 0 0;
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-reaction-list__shimmer-item-icon {
    background: var(--cometchat-shimmer-gradient-color);
    display: flex;
    border-radius: var(--cometchat-radius-max, 1000px);
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    animation: shimmerAnimation 10s infinite linear;
}

.cometchat-reaction-list__shimmer-item-content {
    background: var(--cometchat-shimmer-gradient-color);
    border-radius: var(--cometchat-radius-2, 8px);
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    animation: shimmerAnimation 5s infinite linear;
}

.cometchat-reaction-list__shimmer-item-tailview {
    background: var(--cometchat-shimmer-gradient-color);
    display: flex;
    width: 24px;
    height: 24px;
    border-radius: var(--cometchat-radius-max, 1000px);
    justify-content: center;
    align-items: center;
    animation: shimmerAnimation 10s infinite linear;
}

@keyframes shimmerAnimation {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.cometchat-reactions {
    display: flex;
    padding: 0px var(--cometchat-padding-1, 4px);
    align-items: flex-start;
    align-content: flex-start;
    gap: 2px;
    align-self: stretch;
    width: fit-content;
    height: fit-content;
}

.cometchat-reactions__reaction,
.cometchat-reactions__more-reaction {
    display: inline-flex;
    height: 24px;
    padding: 2px var(--cometchat-padding-2, 8px);
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    cursor: pointer;
}

.cometchat-reactions__reaction-you {
    display: inline-flex;
    height: 23px;
    padding: 2px var(--cometchat-padding-2, 8px);
    align-items: center;
    gap: var(--cometchat-padding-1, 4px);
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid var(--cometchat-extended-primary-color-300, #CCC4F1);
    background: var(--cometchat-extended-primary-color-100, #EDEAFA);
}

.cometchat-reactions__reaction-emoji {
    color: var(--cometchat-text-color-primary, #141414);
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-reactions__reaction-count,
.cometchat-reactions__more-reaction-count {
    color: var(--cometchat-text-color-primary, #141414);
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
}

.cometchat-reactions-info-wrapper .cometchat-popover__content {
    background: transparent;
    box-shadow: none;
    border: none;
}

.cometchat-call-button {
    display: flex;
    align-items: center;
    gap: var(--cometchat-padding-4, 16px);
    height: fit-content;
    width: fit-content;
}

.cometchat-call-button__voice,
.cometchat-call-button__video {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cometchat-call-button .cometchat-button {
    width: 24px;
    height: 24px;
    padding: 0px;
    gap: 0px;
    background: var(--cometchat-background-color-01, #FFFFFF);
}

.cometchat-call-button .cometchat-button__icon {
    background: var(--cometchat-icon-color-primary, #141414);
}

.cometchat-outgoing-call__backdrop {
    display: flex;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.cometchat-call-button .cometchat-button:hover {
    background: transparent;
}

.cometchat-call-button .cometchat-button:active {
    background: transparent;
}

.cometchat-incoming-call {
    display: flex;
    width: 360px;
    padding: var(--cometchat-padding-5, 20px) var(--cometchat-padding-5, 20px);
    flex-direction: column;
    align-items: center;
    gap: var(--cometchat-padding-4, 16px);
    border-radius: var(--cometchat-radius-3, 12px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-03, #F5F5F5);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    position: absolute;
    z-index: 10;
}

.cometchat-incoming-call .cometchat-list-item {
    width: 320px;
    padding: 0px;
    background: var(--cometchat-background-color-03, #F5F5F5);
}

.cometchat-incoming-call .cometchat-list-item__body {
    padding: 0px;
}

.cometchat-incoming-call .cometchat-list-item__body-title {
    color: var(--cometchat-text-color-primary, #FFF);
    font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
}

.cometchat-incoming-call .cometchat-list-item__title-container {
    justify-content: space-around;
}

.cometchat-incoming-call .cometchat-list-item__trailing-view {
    width: fit-content;
    height: fit-content;
}

.cometchat-incoming-call__button-group {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.cometchat-incoming-call__button-decline {
    display: flex;
    height: 40px;
    width: 152px;
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    background: var(--cometchat-error-color, #C73C3E);
    cursor: pointer;
}

.cometchat-incoming-call__button-decline .cometchat-button {
    width: 152px;
    background: var(--cometchat-error-color, #C73C3E);
}

.cometchat-incoming-call__button-accept {
    display: flex;
    height: 40px;
    width: 152px;
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
    border-radius: var(--cometchat-radius-2, 8px);
    background: var(--cometchat-success-color, #0B9F5D);
    cursor: pointer;
}

.cometchat-incoming-call__button-accept .cometchat-button {
    width: 152px;
    background: var(--cometchat-success-color, #0B9F5D);
}

.cometchat-incoming-call__avatar {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.cometchat-incoming-call__avatar .cometchat-avatar__text {
    color: var(--cometchat-primary-button-icon, #FFF);
    font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
}

.cometchat-incoming-call__subtitle {
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.cometchat-incoming-call__subtitle-icon {
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    background: var(--cometchat-icon-color-secondary, #A1A1A1);
    -webkit-mask-size: contain;
}

.cometchat-incoming-call__subtitle-text {
    color: var(--cometchat-text-color-secondary, #727272);
    font: var(--cometchat-font-heading4-regular, 400 16px Roboto);
}

.cometchat-incoming-call .cometchat-button:hover {
    background: transparent;
}

.cometchat-incoming-call .cometchat-button:active {
    background: transparent;
}

.cometchat-message-information {
    max-width: 420px;
    width: 100%;
    height: fit-content;
    max-height: 100%;
    flex-shrink: 0;
    border-radius: var(--cometchat-radius-5, 20px);
    border: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    overflow: hidden;
}

.cometchat-message-information__header {
    display: flex;
    height: 64px;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-3, 12px);
    align-self: stretch;
    border-bottom: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    border-left: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-message-information__header-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0px;
    flex: 1 0 0;
    overflow: hidden;
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
}

.cometchat-message-information__header-close {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cometchat-message-information__header-close .cometchat-button {
    height: 24px;
    width: 24px;
    padding: 0px;
    gap: 0px;
    background: transparent;
}

.cometchat-message-information__header-close .cometchat-button:hover {
    background: transparent;
}

.cometchat-message-information__header-close .cometchat-button:active {
    background: transparent;
}

.cometchat-message-information__header-close .cometchat-button__icon {
    background: var(--cometchat-icon-color-primary, #141414);
}

.cometchat-message-information__header-close .cometchat-button__icon:hover {
    background: var(--cometchat-icon-color-highlight);
}

.cometchat-message-information__message {
    display: flex;
    padding: var(--cometchat-padding-5, 20px) var(--cometchat-padding-4, 16px);
    align-items: flex-start;
    gap: 0px;
    width: 100%;
    max-height: 300px;
    overflow: hidden auto;
    background: var(--cometchat-background-color-02, #FAFAFA);
    border-bottom: 1px solid var(--cometchat-border-color-light);
}

.cometchat-message-information__message .cometchat-message-bubble__wrapper {
    padding: 0px;
    width: 100%;
}

.cometchat-message-information__receipts {
    display: flex;
    width: 100%;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    height: 260px;
    overflow: hidden auto;
}

.cometchat-message-information__receipts .cometchat-list-item__body-subtitle {
    flex-direction: column;
    gap: 0px;
}

.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar,
.cometchat-message-information-hide-scrollbar .cometchat-message-information__receipts::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar,
.cometchat-message-information-hide-scrollbar .cometchat-message-information__message::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-message-information__receipts .cometchat-list-item__body {
    padding: 0px;
}

.cometchat-message-information__receipts .cometchat-list-item:hover {
    background: transparent;
}

.cometchat-message-information__receipts-subtitle {
    display: flex;
    padding: 0px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cometchat-padding-1, 4px);
    flex: 1 0 0;
}

.cometchat-message-information__receipts-subtitle-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    overflow: hidden;
    color: var(--cometchat-text-color-secondary, #727272);
    text-overflow: ellipsis;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);

}

.cometchat-message-information__receipts .cometchat-list-item {
    padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
    align-items: flex-start;
}

.cometchat-message-information__receipts .cometchat-list-item__trailing-view {
    display: none;
}

.cometchat-message-information__receipts .cometchat-list-item__leading-view,
.cometchat-message-information__receipts .cometchat-avatar,
.cometchat-message-information__receipts .cometchat-avatar__image {
    height: 40px;
    width: 40px;
}

.cometchat-message-information__shimmer {
    width: 100%;
    height: 260px;
    background: var(--cometchat-background-color-01, #FFF);

}

.cometchat-message-information__shimmer-item {
    width: 100%;
    height: 72px;
    display: flex;
    width: 100%;
    min-width: 240px;
    max-width: 1440px;
    padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: 12px;
}

.cometchat-message-information__shimmer-item-avatar {
    width: 48px;
    height: 48px;
    border-radius: var(--cometchat-radius-max, 1000px);
    background: var(--cometchat-shimmer-gradient-color, linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
    animation: shimmerAnimation 5s infinite linear;
}

.cometchat-message-information__shimmer-item-title {
    background: var(--cometchat-shimmer-gradient-color);
    border-radius: var(--cometchat-radius-2, 8px);
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    animation: shimmerAnimation 5s infinite linear;
}

@keyframes shimmerAnimation {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.cometchat-message-information__receipts-subtite-text,
.cometchat-message-information__receipts-subtitle .cometchat-date,
.cometchat-message-information__receipts-subtite-text .cometchat-date {
    padding: 0px;
    overflow: hidden;
    color: var(--cometchat-text-color-secondary, #727272);
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-message-information__receipts-empty,
.cometchat-message-information__error-state {
    display: flex;
    height: 200px;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--cometchat-text-color-secondary, #727272);
    text-align: center;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-message-information .cometchat-list__header {
    border-bottom: none;
}

.cometchat-message-information .cometchat-message-bubble {
    pointer-events: none;
}

.cometchat-ongoing-call,.cometchat:has(> .cometchat-ongoing-call) {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.cometchat-thread-header {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0px;
    flex-shrink: 0;
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-thread-header__top-bar {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    height: 64px;
    align-self: stretch;
    border-bottom: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    border-left: 1px solid var(--cometchat-border-color-light, #F5F5F5);
    background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-thread-header__top-bar-title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    overflow: hidden;
}

.cometchat-thread-header__top-bar-title {
    color: var(--cometchat-text-color-primary, #141414);
    text-overflow: ellipsis;
    font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
}

.cometchat-thread-header__top-bar-subtitle-text{
    color: var(--cometchat-text-color-secondary, #727272);
    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cometchat-thread-header__top-bar-subtitle-text-clickable {
    cursor: pointer;
}

.cometchat-thread-header__top-bar-close {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cometchat-thread-header__top-bar-close .cometchat-button {
    height: 24px;
    width: 24px;
    padding: 0px;
    gap: 0px;
    background: transparent;
}

.cometchat-thread-header__top-bar-close .cometchat-button:hover {
    background: transparent;
}

.cometchat-thread-header__top-bar-close .cometchat-button:active {
    background: transparent;
}

.cometchat-thread-header__top-bar-close .cometchat-button__icon {
    background: var(--cometchat-icon-color-primary, #141414);
}

.cometchat-thread-header__top-bar-close .cometchat-button__icon:hover {
    background: var(--cometchat-icon-color-highlight);
}

.cometchat-thread-header__body {
    display: flex;
    width: 100%;
    padding-top: var(--cometchat-padding-3, 12px);
    flex-direction: column;
    flex-shrink: 0;
}

.cometchat-thread-header__body-timestamp {
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-2, 8px);
    align-self: center;
    border-radius: var(--cometchat-radius-1, 4px);
    border: 1px solid var(--cometchat-border-color-dark, #DCDCDC);
    background: var(--cometchat-background-color-02, #FAFAFA);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.cometchat-thread-header__body-timestamp .cometchat-date {
    color: var(--cometchat-text-color-primary, #141414);
    text-align: center;
    font: var(--cometchat-font-caption1-medium, 500 12px Roboto);
    padding: 0px;
    display: flex;
}

.cometchat-thread-header__message {
    display: flex;
    padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-4, 16px);
    gap: 0px;
    min-height: 50px;
    max-height: 300px;
    overflow: hidden auto;
    flex: 1 0 0;
}

.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
    display: none;
}

.cometchat-thread-header__message .cometchat-text-bubble .cometchat-text-bubble__read-more {
    display: none;
}

.cometchat-thread-header__message-small {
    min-height: fit-content;
    max-height: 150px;
}

.cometchat-thread-header__message-incoming {
    align-self: flex-start;
}

.cometchat-thread-header__message-outgoing {
    align-self: flex-end;
}

.cometchat-thread-header__message .cometchat-message-bubble__wrapper {
    padding: 0px;
    width: 100%;
}

.cometchat-thread-header__reply-bar {
    display: flex;
    padding: var(--cometchat-padding-1, 4px) var(--cometchat-padding-5, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--cometchat-padding-2, 8px);
    align-self: stretch;
}

.cometchat-thread-header__reply-bar-count {
    color: var(--cometchat-text-color-secondary, #727272);
    text-align: center;
    font: var(--cometchat-font-body-regular, 400 14px Roboto);
}

.cometchat-thread-header__reply-bar-divider {
    width: 100%;
    height: 1px;
    background: var(--cometchat-border-color-default, #E8E8E8);
    flex: 1;
}

.cometchat-toast{
    display: inline-block;
    padding: var(--cometchat-padding-2,8px);
    border-radius: var(--cometchat-radius-1,4ppx);
    background: var(--cometchat-static-black);
    position: fixed;
    color: var(--cometchat-static-white, #F9F8FD);
    font: var(--cometchat-font-caption1-regular);
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    position: absolute;
}

.cometchat-search {
  width: 100%;
  margin: 0 auto;
  background: var(--cometchat-background-color-01);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-3, 12px);

}

.cometchat-search__header {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
  min-height: 64px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);

}

.cometchat-search__search-bar {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.cometchat-search__input {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px);
  gap: var(--cometchat-spacing-1, 4px);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--cometchat-radius-max, 1000px);
  border: 1px solid var(--cometchat-border-color-dark, #DCDCDC);
  background: var(--cometchat-background-color-03, #F5F5F5);
  justify-content: flex-start;
  overflow-x: auto;
}

.cometchat-search__input input {
  border: none;
  flex: 1;
  min-width: 50px;
  outline: none;
  background: transparent;
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-heading4-regular);
}

.cometchat-search__input-clear-button {
  border: none;
  background: none;
  cursor: pointer;
  user-select: none;
}

.cometchat-search__input-clear-button .cometchat-button,
.cometchat-search__back-button .cometchat-button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: fit-content;
  width: fit-content;
}

.cometchat-search__input-clear-button .cometchat-button .cometchat-button__icon,
.cometchat-search__back-button .cometchat-button .cometchat-button__icon {
  height: 24px;
  width: 24px;
  background: var(--cometchat-icon-color-secondary);
}

.cometchat-search__back-button .cometchat-button .cometchat-button__icon {
  background: var(--cometchat-icon-color-primary);

}

.cometchat-search__body {
  padding: 0px var(--cometchat-padding-4, 16px);

}

.cometchat-search__body-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cometchat-padding-2, 8px) var(--cometchat-padding-2, 8px);
}

.cometchat-search__body-filter,
.cometchat-search__body-filter .cometchat-button {
  cursor: pointer;
  border-radius: var(--Radius-radius_Max, 1000px);
  background: var(--cometchat-background-color-03);
  display: flex;
  padding: var(--cometchat-padding-2, 8px) var(--cometchat-padding-3, 12px);
  align-items: center;
  align-content: center;
  gap: 4px var(--cometchat-padding-1, 4px);

}

.cometchat-search__body-filters .cometchat-button {
  flex-wrap: wrap;
}

.cometchat-search__body-filter .cometchat-button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: fit-content;
  width: fit-content;
  font: var(--cometchat-font-body-regular);
  color: var(--cometchat-text-color-secondary, #727272);

}

.cometchat-search__body-filter .cometchat-button .cometchat-button__icon {
  height: 16px;
  width: 16px;
  background: var(--cometchat-icon-color-secondary);
}

.cometchat-search__initial-view {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.cometchat-search__initial-view-icon {
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_13442_134983)'%3e%3cpath%20opacity='0.2'%20d='M105%2045.2598H97.5V64.0098C97.5%2074.3635%2089.1037%2082.7598%2078.75%2082.7598H45V90.2598C45%2098.5435%2051.7162%20105.26%2060%20105.26H82.5L98.85%20118.872C100.44%20120.196%20102.806%20119.982%20104.13%20118.392C104.692%20117.717%20105%20116.866%20105%20115.985V105.26C113.284%20105.26%20120%2098.5435%20120%2090.2598V60.2598C120%2051.976%20113.284%2045.2598%20105%2045.2598Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.2'%20d='M75%200.259766H15C6.71625%200.259766%200%206.97602%200%2015.2598V60.2598C0%2068.5435%206.71625%2075.2598%2015%2075.2598V89.6223C15%2091.6923%2016.68%2093.3723%2018.75%2093.3723C19.6425%2093.3723%2020.5088%2093.0535%2021.1875%2092.4723L41.25%2075.2598H75C83.2838%2075.2598%2090%2068.5435%2090%2060.2598V15.2598C90%206.97602%2083.2838%200.259766%2075%200.259766ZM27.7875%2043.0473C27.4575%2043.411%2027.0788%2043.726%2026.6625%2043.9848C26.2575%2044.2585%2025.8337%2044.4985%2025.3875%2044.6973C24.9225%2044.8698%2024.4462%2045.0085%2023.9625%2045.1098C23.4825%2045.2148%2022.9912%2045.2635%2022.5%2045.2598C18.3563%2045.2598%2015%2041.9035%2015%2037.7598C14.9213%2033.6198%2018.2138%2030.196%2022.3538%2030.1173C22.8937%2030.106%2023.4338%2030.1548%2023.9625%2030.2598C24.4462%2030.361%2024.9225%2030.4998%2025.3875%2030.6723C25.8412%2030.8598%2026.2688%2031.096%2026.6625%2031.3848C27.0713%2031.6435%2027.4462%2031.9435%2027.7875%2032.2848C29.2425%2033.7323%2030.0413%2035.7085%2030%2037.7598C29.9925%2039.7473%2029.1975%2041.6485%2027.7875%2043.0473ZM50.2875%2043.0473C48.8887%2044.4573%2046.9875%2045.2523%2045%2045.2598C44.5125%2045.316%2044.025%2045.316%2043.5375%2045.2598C43.0537%2045.1585%2042.5775%2045.0198%2042.1125%2044.8473C41.6662%2044.6485%2041.2425%2044.4085%2040.8375%2044.1348C40.4175%2043.8648%2040.0275%2043.5535%2039.675%2043.1973C38.2425%2041.7535%2037.4588%2039.7923%2037.5%2037.7598C37.4437%2037.2723%2037.4437%2036.7848%2037.5%2036.2973C37.6012%2035.8135%2037.74%2035.3373%2037.9125%2034.8723C38.1%2034.4185%2038.3363%2033.991%2038.625%2033.5973C38.8913%2033.1848%2039.195%2032.7948%2039.525%2032.4348C39.885%2032.1048%2040.275%2031.801%2040.6875%2031.5348C41.0813%2031.246%2041.5087%2031.0098%2041.9625%2030.8223C42.4725%2030.5898%2042.9975%2030.4023%2043.5375%2030.2598C47.5987%2029.4498%2051.5475%2032.0898%2052.3575%2036.151C52.4625%2036.6798%2052.5112%2037.2198%2052.5%2037.7598C52.5%2039.7398%2051.72%2041.641%2050.325%2043.0473H50.2875ZM72.7875%2043.0473C72.4575%2043.411%2072.0788%2043.726%2071.6625%2043.9848C71.2575%2044.2585%2070.8338%2044.4985%2070.3875%2044.6973C69.9225%2044.8698%2069.4463%2045.0085%2068.9625%2045.1098C68.4825%2045.2148%2067.9912%2045.2635%2067.5%2045.2598C63.3563%2045.2598%2060%2041.9035%2060%2037.7598C59.9212%2033.6198%2063.2138%2030.196%2067.3538%2030.1173C67.8938%2030.106%2068.4337%2030.1548%2068.9625%2030.2598C69.4463%2030.361%2069.9225%2030.4998%2070.3875%2030.6723C70.8413%2030.8598%2071.2688%2031.096%2071.6625%2031.3848C72.0713%2031.6435%2072.4463%2031.9435%2072.7875%2032.2848C74.2425%2033.7323%2075.0413%2035.7085%2075%2037.7598C74.9925%2039.7473%2074.1975%2041.6485%2072.7875%2043.0473Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M47.7349%2018.3633C41.9551%2018.3602%2036.3043%2020.0713%2031.497%2023.2801C26.6898%2026.4889%2022.9422%2031.0513%2020.7283%2036.3902C18.5143%2041.7291%2017.9334%2047.6047%2019.0591%2053.2738C20.1847%2058.9429%2022.9664%2064.1508%2027.0522%2068.2389C31.138%2072.3269%2036.3445%2075.1114%2042.013%2076.2401C47.6815%2077.3688%2053.5574%2076.7911%2058.8975%2074.58C64.2376%2072.3688%2068.802%2068.6237%2072.0134%2063.8182C75.2248%2059.0127%2076.9389%2053.3628%2076.9389%2047.583C76.9389%2039.8362%2073.8626%2032.4064%2068.3862%2026.9271C62.9099%2021.4478%2055.4817%2018.3674%2047.7349%2018.3633Z'%20fill='white'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.5233%2068.7793L76.311%2076.567'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.4307%2072.7835L73.0113%2075.3144C71.9267%2076.4489%2071.9672%2078.2479%2073.1017%2079.3324L94.0982%2099.4041C95.2328%20100.489%2097.0317%20100.448%2098.1163%2099.3137L100.536%2096.7827C101.62%2095.6482%20101.58%2093.8493%20100.445%2092.7647L79.4487%2072.693C78.3142%2071.6084%2076.5153%2071.6489%2075.4307%2072.7835Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13442_134983'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_13442_134983)'%3e%3cpath%20opacity='0.2'%20d='M105%2045.2598H97.5V64.0098C97.5%2074.3635%2089.1037%2082.7598%2078.75%2082.7598H45V90.2598C45%2098.5435%2051.7162%20105.26%2060%20105.26H82.5L98.85%20118.872C100.44%20120.196%20102.806%20119.982%20104.13%20118.392C104.692%20117.717%20105%20116.866%20105%20115.985V105.26C113.284%20105.26%20120%2098.5435%20120%2090.2598V60.2598C120%2051.976%20113.284%2045.2598%20105%2045.2598Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.2'%20d='M75%200.259766H15C6.71625%200.259766%200%206.97602%200%2015.2598V60.2598C0%2068.5435%206.71625%2075.2598%2015%2075.2598V89.6223C15%2091.6923%2016.68%2093.3723%2018.75%2093.3723C19.6425%2093.3723%2020.5088%2093.0535%2021.1875%2092.4723L41.25%2075.2598H75C83.2838%2075.2598%2090%2068.5435%2090%2060.2598V15.2598C90%206.97602%2083.2838%200.259766%2075%200.259766ZM27.7875%2043.0473C27.4575%2043.411%2027.0788%2043.726%2026.6625%2043.9848C26.2575%2044.2585%2025.8337%2044.4985%2025.3875%2044.6973C24.9225%2044.8698%2024.4462%2045.0085%2023.9625%2045.1098C23.4825%2045.2148%2022.9912%2045.2635%2022.5%2045.2598C18.3563%2045.2598%2015%2041.9035%2015%2037.7598C14.9213%2033.6198%2018.2138%2030.196%2022.3538%2030.1173C22.8937%2030.106%2023.4338%2030.1548%2023.9625%2030.2598C24.4462%2030.361%2024.9225%2030.4998%2025.3875%2030.6723C25.8412%2030.8598%2026.2688%2031.096%2026.6625%2031.3848C27.0713%2031.6435%2027.4462%2031.9435%2027.7875%2032.2848C29.2425%2033.7323%2030.0413%2035.7085%2030%2037.7598C29.9925%2039.7473%2029.1975%2041.6485%2027.7875%2043.0473ZM50.2875%2043.0473C48.8887%2044.4573%2046.9875%2045.2523%2045%2045.2598C44.5125%2045.316%2044.025%2045.316%2043.5375%2045.2598C43.0537%2045.1585%2042.5775%2045.0198%2042.1125%2044.8473C41.6662%2044.6485%2041.2425%2044.4085%2040.8375%2044.1348C40.4175%2043.8648%2040.0275%2043.5535%2039.675%2043.1973C38.2425%2041.7535%2037.4588%2039.7923%2037.5%2037.7598C37.4437%2037.2723%2037.4437%2036.7848%2037.5%2036.2973C37.6012%2035.8135%2037.74%2035.3373%2037.9125%2034.8723C38.1%2034.4185%2038.3363%2033.991%2038.625%2033.5973C38.8913%2033.1848%2039.195%2032.7948%2039.525%2032.4348C39.885%2032.1048%2040.275%2031.801%2040.6875%2031.5348C41.0813%2031.246%2041.5087%2031.0098%2041.9625%2030.8223C42.4725%2030.5898%2042.9975%2030.4023%2043.5375%2030.2598C47.5987%2029.4498%2051.5475%2032.0898%2052.3575%2036.151C52.4625%2036.6798%2052.5112%2037.2198%2052.5%2037.7598C52.5%2039.7398%2051.72%2041.641%2050.325%2043.0473H50.2875ZM72.7875%2043.0473C72.4575%2043.411%2072.0788%2043.726%2071.6625%2043.9848C71.2575%2044.2585%2070.8338%2044.4985%2070.3875%2044.6973C69.9225%2044.8698%2069.4463%2045.0085%2068.9625%2045.1098C68.4825%2045.2148%2067.9912%2045.2635%2067.5%2045.2598C63.3563%2045.2598%2060%2041.9035%2060%2037.7598C59.9212%2033.6198%2063.2138%2030.196%2067.3538%2030.1173C67.8938%2030.106%2068.4337%2030.1548%2068.9625%2030.2598C69.4463%2030.361%2069.9225%2030.4998%2070.3875%2030.6723C70.8413%2030.8598%2071.2688%2031.096%2071.6625%2031.3848C72.0713%2031.6435%2072.4463%2031.9435%2072.7875%2032.2848C74.2425%2033.7323%2075.0413%2035.7085%2075%2037.7598C74.9925%2039.7473%2074.1975%2041.6485%2072.7875%2043.0473Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M47.7349%2018.3633C41.9551%2018.3602%2036.3043%2020.0713%2031.497%2023.2801C26.6898%2026.4889%2022.9422%2031.0513%2020.7283%2036.3902C18.5143%2041.7291%2017.9334%2047.6047%2019.0591%2053.2738C20.1847%2058.9429%2022.9664%2064.1508%2027.0522%2068.2389C31.138%2072.3269%2036.3445%2075.1114%2042.013%2076.2401C47.6815%2077.3688%2053.5574%2076.7911%2058.8975%2074.58C64.2376%2072.3688%2068.802%2068.6237%2072.0134%2063.8182C75.2248%2059.0127%2076.9389%2053.3628%2076.9389%2047.583C76.9389%2039.8362%2073.8626%2032.4064%2068.3862%2026.9271C62.9099%2021.4478%2055.4817%2018.3674%2047.7349%2018.3633Z'%20fill='white'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.5233%2068.7793L76.311%2076.567'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.4307%2072.7835L73.0113%2075.3144C71.9267%2076.4489%2071.9672%2078.2479%2073.1017%2079.3324L94.0982%2099.4041C95.2328%20100.489%2097.0317%20100.448%2098.1163%2099.3137L100.536%2096.7827C101.62%2095.6482%20101.58%2093.8493%20100.445%2092.7647L79.4487%2072.693C78.3142%2071.6084%2076.5153%2071.6489%2075.4307%2072.7835Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13442_134983'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-icon-color-secondary);
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 120px;
  height: 120px;
  flex-shrink: 0;

}

.cometchat-search__initial-view-title {
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
}

.cometchat-search__initial-view-subtitle {
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
}

.cometchat-search-conversations__see-more .cometchat-button,
.cometchat-search-messages__see-more .cometchat-button {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  height: fit-content;
  width: fit-content;

}

.cometchat-search-conversations__see-more .cometchat-button__text,
.cometchat-search-messages__see-more .cometchat-button__text {
  color: var(--cometchat-primary-color);
}

.cometchat-search .cometchat-list-item__trailing-view {
  width: fit-content;
  height: fit-content;
  align-self: flex-start;
}

.cometchat-search__conversations .cometchat-search__conversations-subtitle-text-wrapper,
.cometchat-search__conversations .cometchat-search__conversations-subtitle {
  display: flex;
  flex-direction: row;
  gap: var(--cometchat-padding, 2px);


}

.cometchat-search__conversations .cometchat-search__conversations-subtitle-text,
.cometchat-search__conversations .cometchat-search__conversations-subtitle-text-sender,
.cometchat-search-messages__list-item .cometchat-search-messages__subtitle-text {
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular, 14px);
}

.cometchat-search__conversations-subtitle-text-sender {
  font: var(--cometchat-font-body-bold, 14px);

}

.cometchat-search__conversations-subtitle-receipts {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  align-self: center;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
  flex-shrink: 0;
}

.cometchat-search__conversations-subtitle-receipts-sent {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.32227%206.34408L10.2389%200.427409C10.3522%200.316298%2010.4842%200.260742%2010.6349%200.260742C10.7858%200.260742%2010.9168%200.316465%2011.0279%200.427909C11.139%200.539465%2011.1946%200.671854%2011.1946%200.825076C11.1946%200.97841%2011.139%201.11063%2011.0279%201.22174L4.71127%207.54408C4.60016%207.65519%204.47049%207.71074%204.32227%207.71074C4.17416%207.71074%204.04455%207.65519%203.93344%207.54408L0.955605%204.56624C0.844494%204.45469%200.791716%204.32213%200.797272%204.16858C0.802827%204.01513%200.861383%203.88285%200.972938%203.77174C1.08438%203.66063%201.21677%203.60508%201.37011%203.60508C1.52344%203.60508%201.65566%203.66063%201.76677%203.77174L4.32227%206.34408Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.32227%206.34408L10.2389%200.427409C10.3522%200.316298%2010.4842%200.260742%2010.6349%200.260742C10.7858%200.260742%2010.9168%200.316465%2011.0279%200.427909C11.139%200.539465%2011.1946%200.671854%2011.1946%200.825076C11.1946%200.97841%2011.139%201.11063%2011.0279%201.22174L4.71127%207.54408C4.60016%207.65519%204.47049%207.71074%204.32227%207.71074C4.17416%207.71074%204.04455%207.65519%203.93344%207.54408L0.955605%204.56624C0.844494%204.45469%200.791716%204.32213%200.797272%204.16858C0.802827%204.01513%200.861383%203.88285%200.972938%203.77174C1.08438%203.66063%201.21677%203.60508%201.37011%203.60508C1.52344%203.60508%201.65566%203.66063%201.76677%203.77174L4.32227%206.34408Z'%20fill='%23F9F8FD'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-search__conversations-subtitle-receipts-delivered {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-search__conversations-subtitle-receipts-read {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.3997%209.11857C1.28859%209.00746%201.23581%208.87601%201.24136%208.72424C1.24692%208.57235%201.30525%208.44085%201.41636%208.32974C1.52747%208.22229%201.65897%208.16768%201.81086%208.1659C1.96264%208.16401%202.09409%208.21862%202.2052%208.32974L4.76086%2010.8964C4.82375%2010.9594%204.89042%2011.0261%204.96086%2011.0964L5.16086%2011.2964C5.27198%2011.4075%205.32659%2011.5371%205.3247%2011.6852C5.32281%2011.8335%205.26631%2011.9631%205.1552%2012.0742L5.1442%2012.0852C5.03309%2012.1927%204.90342%2012.2473%204.7552%2012.2492C4.60709%2012.251%204.47747%2012.1963%204.36636%2012.0852L1.3997%209.11857ZM7.8997%2010.8909L13.8219%204.96857C13.933%204.85746%2014.0645%204.80285%2014.2164%204.80473C14.3683%204.80662%2014.4998%204.86312%2014.6109%204.97423C14.7182%205.08535%2014.7728%205.21679%2014.7747%205.36857C14.7766%205.52046%2014.722%205.65196%2014.6109%205.76307L8.28853%2012.0852C8.17742%2012.1963%208.04781%2012.2519%207.8997%2012.2519C7.75159%2012.2519%207.62198%2012.1963%207.51086%2012.0852L4.5442%209.11857C4.43675%209.01123%204.38486%208.88068%204.38853%208.7269C4.39231%208.57323%204.44786%208.44085%204.5552%208.32974C4.66631%208.21862%204.79875%208.16307%204.95253%208.16307C5.1062%208.16307%205.23859%208.21862%205.3497%208.32974L7.8997%2010.8909ZM11.4609%205.76857L8.28853%208.9409C8.1812%209.04824%208.05253%209.10007%207.90253%209.0964C7.75253%209.09273%207.62198%209.03718%207.51086%208.92974C7.39975%208.81862%207.3442%208.68624%207.3442%208.53257C7.3442%208.37879%207.39975%208.24635%207.51086%208.13523L10.6719%204.97423C10.7793%204.86679%2010.9099%204.81307%2011.0635%204.81307C11.2173%204.81307%2011.3498%204.86679%2011.4609%204.97423C11.572%205.08535%2011.6275%205.21773%2011.6275%205.3714C11.6275%205.52507%2011.572%205.65746%2011.4609%205.76857Z'%20fill='%236852D6'/%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-message-seen-color, #56E8A7);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat-search .cometchat-text-highlight {
  font: var(--cometchat-font-body-bold);
  color: var(--cometchat-text-color-primary);

}

.cometchat-search__results,
.cometchat-search__conversations,
.cometchat-search__messages {
  overflow: hidden;
  height: fit-content;
}

.cometchat-search__results {
  overflow: scroll;
  height: 100%;
}

.cometchat-search__conversations-full,
.cometchat-search__messages-full {
  height: 100%;
}

.cometchat-search__conversations-list-item {
  cursor: pointer;
}

.cometchat-search__conversations-list-item-active .cometchat-list-item {
  background-color: var(--cometchat-white-pressed, #E8E8E8);
}

.cometchat-search__conversations-subtitle {
  display: flex;
  gap: var(--cometchat-padding-1, 4px);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cometchat-search__conversations-subtitle-text-wrapper {
  display: flex;
  gap: var(--cometchat-padding, 2px);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cometchat-search__conversations-subtitle-text {
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular);
  width: 100%;
}

.cometchat-search__conversations-subtitle-text-sender {
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  font: var(--cometchat-font-body-medium);
  flex-shrink: 0;
}

.cometchat-search__conversations-subtitle-typing {
  overflow: hidden;
  color: var(--cometchat-text-color-highlight, #6852D6);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular);
}

.cometchat-search__conversations-trailing-view {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-search__conversations-trailing-view-date {
  font: var(--cometchat-font-caption1-regular);
}

.cometchat-search__conversations-trailing-view-badge {
  display: flex;
  justify-content: flex-end;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-search__conversations-trailing-view-badge-count {
  display: flex;
  height: 20px;
  padding: 0px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: var(--cometchat-primary-color, #6852D6);
  overflow: hidden;
  color: var(--cometchat-static-white, #FFF);
  text-align: center;
  text-overflow: ellipsis;
  font: var(--cometchat-font-caption1-regular);
}

.cometchat-search__conversations-subtitle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
  height: 16px;
  width: 16px;
  flex-shrink: 0;
}

.cometchat-search__conversations-subtitle-icon-incoming-audio-call,
.cometchat-search__conversations-subtitle-icon-incoming-video-call {
  background-color: var(--cometchat-error-color, #F44649);
}

.cometchat-search__conversations-subtitle-icon-incoming-audio-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9603%2014.1666C11.704%2014.1666%2010.4418%2013.8745%209.17383%2013.2903C7.90594%2012.706%206.73994%2011.8819%205.67583%2010.8179C4.61605%209.75381%203.79405%208.58881%203.20983%207.32292C2.62561%206.05714%202.3335%204.79609%202.3335%203.53975C2.3335%203.33975%202.40016%203.17197%202.5335%203.03642C2.66683%202.90097%202.8335%202.83325%203.0335%202.83325H5.20783C5.37616%202.83325%205.52466%202.8882%205.65333%202.99809C5.782%203.10786%205.86383%203.24353%205.89883%203.40509L6.281%205.36659C6.30744%205.54859%206.30188%205.70497%206.26433%205.83575C6.22666%205.96653%206.15911%206.07636%206.06166%206.16525L4.522%207.66408C4.76977%208.11786%205.05288%208.54714%205.37133%208.95192C5.68966%209.35659%206.03433%209.74308%206.40533%2010.1114C6.77111%2010.4773%207.16%2010.8171%207.572%2011.1308C7.984%2011.4444%208.42888%2011.7363%208.90666%2012.0064L10.4027%2010.4974C10.507%2010.3889%2010.6333%2010.3128%2010.7817%2010.2691C10.9299%2010.2255%2011.0839%2010.2149%2011.2438%2010.2371L13.095%2010.6141C13.2633%2010.6585%2013.4007%2010.7444%2013.5072%2010.8718C13.6136%2010.9991%2013.6668%2011.1435%2013.6668%2011.3051V13.4666C13.6668%2013.6666%2013.5991%2013.8333%2013.4637%2013.9666C13.3281%2014.0999%2013.1603%2014.1666%2012.9603%2014.1666ZM10.3437%206.85892H11.8078C11.9497%206.85892%2012.0685%206.90681%2012.1642%207.00258C12.2599%207.09825%2012.3078%207.21703%2012.3078%207.35892C12.3078%207.50081%2012.2599%207.61958%2012.1642%207.71525C12.0685%207.81103%2011.9497%207.85892%2011.8078%207.85892H9.24366C9.07188%207.85892%208.92855%207.80142%208.81366%207.68642C8.69866%207.57153%208.64116%207.4282%208.64116%207.25642V4.69225C8.64116%204.55036%208.68905%204.43158%208.78483%204.33592C8.8805%204.24014%208.99927%204.19225%209.14116%204.19225C9.28305%204.19225%209.40183%204.24014%209.4975%204.33592C9.59327%204.43158%209.64116%204.55036%209.64116%204.69225V6.15642L12.777%203.02042C12.8693%202.92808%2012.9854%202.88086%2013.1252%202.87875C13.2649%202.87664%2013.3831%202.92386%2013.4797%203.02042C13.5762%203.11697%2013.6245%203.23409%2013.6245%203.37175C13.6245%203.50931%2013.5762%203.62642%2013.4797%203.72309L10.3437%206.85892Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9603%2014.1666C11.704%2014.1666%2010.4418%2013.8745%209.17383%2013.2903C7.90594%2012.706%206.73994%2011.8819%205.67583%2010.8179C4.61605%209.75381%203.79405%208.58881%203.20983%207.32292C2.62561%206.05714%202.3335%204.79609%202.3335%203.53975C2.3335%203.33975%202.40016%203.17197%202.5335%203.03642C2.66683%202.90097%202.8335%202.83325%203.0335%202.83325H5.20783C5.37616%202.83325%205.52466%202.8882%205.65333%202.99809C5.782%203.10786%205.86383%203.24353%205.89883%203.40509L6.281%205.36659C6.30744%205.54859%206.30188%205.70497%206.26433%205.83575C6.22666%205.96653%206.15911%206.07636%206.06166%206.16525L4.522%207.66408C4.76977%208.11786%205.05288%208.54714%205.37133%208.95192C5.68966%209.35659%206.03433%209.74308%206.40533%2010.1114C6.77111%2010.4773%207.16%2010.8171%207.572%2011.1308C7.984%2011.4444%208.42888%2011.7363%208.90666%2012.0064L10.4027%2010.4974C10.507%2010.3889%2010.6333%2010.3128%2010.7817%2010.2691C10.9299%2010.2255%2011.0839%2010.2149%2011.2438%2010.2371L13.095%2010.6141C13.2633%2010.6585%2013.4007%2010.7444%2013.5072%2010.8718C13.6136%2010.9991%2013.6668%2011.1435%2013.6668%2011.3051V13.4666C13.6668%2013.6666%2013.5991%2013.8333%2013.4637%2013.9666C13.3281%2014.0999%2013.1603%2014.1666%2012.9603%2014.1666ZM10.3437%206.85892H11.8078C11.9497%206.85892%2012.0685%206.90681%2012.1642%207.00258C12.2599%207.09825%2012.3078%207.21703%2012.3078%207.35892C12.3078%207.50081%2012.2599%207.61958%2012.1642%207.71525C12.0685%207.81103%2011.9497%207.85892%2011.8078%207.85892H9.24366C9.07188%207.85892%208.92855%207.80142%208.81366%207.68642C8.69866%207.57153%208.64116%207.4282%208.64116%207.25642V4.69225C8.64116%204.55036%208.68905%204.43158%208.78483%204.33592C8.8805%204.24014%208.99927%204.19225%209.14116%204.19225C9.28305%204.19225%209.40183%204.24014%209.4975%204.33592C9.59327%204.43158%209.64116%204.55036%209.64116%204.69225V6.15642L12.777%203.02042C12.8693%202.92808%2012.9854%202.88086%2013.1252%202.87875C13.2649%202.87664%2013.3831%202.92386%2013.4797%203.02042C13.5762%203.11697%2013.6245%203.23409%2013.6245%203.37175C13.6245%203.50931%2013.5762%203.62642%2013.4797%203.72309L10.3437%206.85892Z'%20fill='%23F44649'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-incoming-video-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_787771'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_787771)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM7.1665%209.81357H5.70234L8.83834%206.67774C8.93489%206.58107%208.98317%206.46396%208.98317%206.3264C8.98317%206.18873%208.93489%206.07162%208.83834%205.97507C8.74178%205.87851%208.62361%205.83129%208.48384%205.8334C8.34406%205.83551%208.228%205.88273%208.13567%205.97507L4.99984%209.11107V7.6469C4.99984%207.50523%204.95195%207.38646%204.85617%207.29057C4.7605%207.19479%204.64178%207.1469%204.5%207.1469C4.35834%207.1469%204.23956%207.19479%204.14367%207.29057C4.04778%207.38646%203.99984%207.50523%203.99984%207.6469V10.2111C3.99984%2010.3817%204.05761%2010.5248%204.17317%2010.6402C4.28861%2010.7558%204.43167%2010.8136%204.60234%2010.8136H7.1665C7.30817%2010.8136%207.42695%2010.7657%207.52284%2010.6699C7.61862%2010.5742%207.6665%2010.4555%207.6665%2010.3137C7.6665%2010.1721%207.61862%2010.0533%207.52284%209.9574C7.42695%209.86151%207.30817%209.81357%207.1665%209.81357Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_787771'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_787771)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM7.1665%209.81357H5.70234L8.83834%206.67774C8.93489%206.58107%208.98317%206.46396%208.98317%206.3264C8.98317%206.18873%208.93489%206.07162%208.83834%205.97507C8.74178%205.87851%208.62361%205.83129%208.48384%205.8334C8.34406%205.83551%208.228%205.88273%208.13567%205.97507L4.99984%209.11107V7.6469C4.99984%207.50523%204.95195%207.38646%204.85617%207.29057C4.7605%207.19479%204.64178%207.1469%204.5%207.1469C4.35834%207.1469%204.23956%207.19479%204.14367%207.29057C4.04778%207.38646%203.99984%207.50523%203.99984%207.6469V10.2111C3.99984%2010.3817%204.05761%2010.5248%204.17317%2010.6402C4.28861%2010.7558%204.43167%2010.8136%204.60234%2010.8136H7.1665C7.30817%2010.8136%207.42695%2010.7657%207.52284%2010.6699C7.61862%2010.5742%207.6665%2010.4555%207.6665%2010.3137C7.6665%2010.1721%207.61862%2010.0533%207.52284%209.9574C7.42695%209.86151%207.30817%209.81357%207.1665%209.81357Z'%20fill='%23F44649'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-outgoing-audio-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.17383%2013.2903C10.4418%2013.8745%2011.704%2014.1666%2012.9603%2014.1666C13.1603%2014.1666%2013.3281%2014.0999%2013.4637%2013.9666C13.5991%2013.8333%2013.6668%2013.6666%2013.6668%2013.4666V11.3051C13.6668%2011.1435%2013.6136%2010.9991%2013.5072%2010.8718C13.4007%2010.7444%2013.2633%2010.6585%2013.095%2010.6141L11.2438%2010.2371C11.0839%2010.2149%2010.9299%2010.2255%2010.7817%2010.2691C10.6333%2010.3128%2010.507%2010.3889%2010.4027%2010.4974L8.90666%2012.0064C8.42889%2011.7363%207.984%2011.4444%207.572%2011.1308C7.16%2010.8171%206.77111%2010.4773%206.40533%2010.1114C6.03433%209.74309%205.68966%209.35659%205.37133%208.95192C5.05288%208.54714%204.76977%208.11786%204.522%207.66409L6.06166%206.16525C6.15911%206.07636%206.22666%205.96653%206.26433%205.83575C6.30189%205.70497%206.30744%205.54859%206.281%205.36659L5.89883%203.40509C5.86383%203.24353%205.782%203.10786%205.65333%202.99809C5.52466%202.8882%205.37616%202.83325%205.20783%202.83325H3.0335C2.8335%202.83325%202.66683%202.90097%202.5335%203.03642C2.40016%203.17197%202.3335%203.33975%202.3335%203.53975C2.3335%204.79609%202.62561%206.05714%203.20983%207.32292C3.79405%208.58881%204.61605%209.75381%205.67583%2010.8179C6.73994%2011.8819%207.90594%2012.706%209.17383%2013.2903Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M10.4578%203.87865H11.922L8.78601%207.01449C8.68946%207.11115%208.64118%207.22826%208.64118%207.36582C8.64118%207.50349%208.68946%207.6206%208.78601%207.71715C8.88257%207.81371%209.00074%207.86093%209.14051%207.85882C9.28029%207.85671%209.39635%207.80949%209.48868%207.71715L12.6245%204.58115V6.04532C12.6245%206.18699%2012.6724%206.30576%2012.7682%206.40165C12.8638%206.49743%2012.9826%206.54532%2013.1243%206.54532C13.266%206.54532%2013.3848%206.49743%2013.4807%206.40165C13.5766%206.30576%2013.6245%206.18699%2013.6245%206.04532V3.48115C13.6245%203.31048%2013.5667%203.16743%2013.4512%203.05198C13.3357%202.93643%2013.1927%202.87865%2013.022%202.87865H10.4578C10.3162%202.87865%2010.1974%202.92654%2010.1015%203.02232C10.0057%203.11799%209.95785%203.23671%209.95785%203.37849C9.95785%203.52015%2010.0057%203.63893%2010.1015%203.73482C10.1974%203.83071%2010.3162%203.87865%2010.4578%203.87865Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.17383%2013.2903C10.4418%2013.8745%2011.704%2014.1666%2012.9603%2014.1666C13.1603%2014.1666%2013.3281%2014.0999%2013.4637%2013.9666C13.5991%2013.8333%2013.6668%2013.6666%2013.6668%2013.4666V11.3051C13.6668%2011.1435%2013.6136%2010.9991%2013.5072%2010.8718C13.4007%2010.7444%2013.2633%2010.6585%2013.095%2010.6141L11.2438%2010.2371C11.0839%2010.2149%2010.9299%2010.2255%2010.7817%2010.2691C10.6333%2010.3128%2010.507%2010.3889%2010.4027%2010.4974L8.90666%2012.0064C8.42889%2011.7363%207.984%2011.4444%207.572%2011.1308C7.16%2010.8171%206.77111%2010.4773%206.40533%2010.1114C6.03433%209.74309%205.68966%209.35659%205.37133%208.95192C5.05288%208.54714%204.76977%208.11786%204.522%207.66409L6.06166%206.16525C6.15911%206.07636%206.22666%205.96653%206.26433%205.83575C6.30189%205.70497%206.30744%205.54859%206.281%205.36659L5.89883%203.40509C5.86383%203.24353%205.782%203.10786%205.65333%202.99809C5.52466%202.8882%205.37616%202.83325%205.20783%202.83325H3.0335C2.8335%202.83325%202.66683%202.90097%202.5335%203.03642C2.40016%203.17197%202.3335%203.33975%202.3335%203.53975C2.3335%204.79609%202.62561%206.05714%203.20983%207.32292C3.79405%208.58881%204.61605%209.75381%205.67583%2010.8179C6.73994%2011.8819%207.90594%2012.706%209.17383%2013.2903Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M10.4578%203.87865H11.922L8.78601%207.01449C8.68946%207.11115%208.64118%207.22826%208.64118%207.36582C8.64118%207.50349%208.68946%207.6206%208.78601%207.71715C8.88257%207.81371%209.00074%207.86093%209.14051%207.85882C9.28029%207.85671%209.39635%207.80949%209.48868%207.71715L12.6245%204.58115V6.04532C12.6245%206.18699%2012.6724%206.30576%2012.7682%206.40165C12.8638%206.49743%2012.9826%206.54532%2013.1243%206.54532C13.266%206.54532%2013.3848%206.49743%2013.4807%206.40165C13.5766%206.30576%2013.6245%206.18699%2013.6245%206.04532V3.48115C13.6245%203.31048%2013.5667%203.16743%2013.4512%203.05198C13.3357%202.93643%2013.1927%202.87865%2013.022%202.87865H10.4578C10.3162%202.87865%2010.1974%202.92654%2010.1015%203.02232C10.0057%203.11799%209.95785%203.23671%209.95785%203.37849C9.95785%203.52015%2010.0057%203.63893%2010.1015%203.73482C10.1974%203.83071%2010.3162%203.87865%2010.4578%203.87865Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-outgoing-video-call {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_761294'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_761294)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM5.81624%206.83332H7.28041L4.14441%209.96916C4.04785%2010.0658%203.99958%2010.1829%203.99958%2010.3205C3.99958%2010.4582%204.04785%2010.5753%204.14441%2010.6718C4.24097%2010.7684%204.35913%2010.8156%204.49891%2010.8135C4.63869%2010.8114%204.75474%2010.7642%204.84708%2010.6718L7.98291%207.53582V8.99999C7.98291%209.14166%208.0308%209.26043%208.12658%209.35632C8.22224%209.4521%208.34097%209.49999%208.48275%209.49999C8.62441%209.49999%208.74319%209.4521%208.83908%209.35632C8.93497%209.26043%208.98291%209.14166%208.98291%208.99999V6.43582C8.98291%206.26516%208.92513%206.1221%208.80958%206.00666C8.69413%205.8911%208.55108%205.83332%208.38041%205.83332H5.81624C5.67458%205.83332%205.5558%205.88121%205.45991%205.97699C5.36413%206.07266%205.31624%206.19138%205.31624%206.33316C5.31624%206.47482%205.36413%206.5936%205.45991%206.68949C5.5558%206.78538%205.67458%206.83332%205.81624%206.83332Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7529_761294'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7529_761294)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.17666%2013.15C2.40999%2013.3833%202.69499%2013.5%203.03166%2013.5H10.6215C10.9582%2013.5%2011.2432%2013.3833%2011.4765%2013.15C11.7098%2012.9167%2011.8265%2012.6316%2011.8265%2012.2948V9.2435L13.6573%2011.0743C13.7557%2011.1727%2013.8661%2011.1972%2013.9887%2011.148C14.1113%2011.0989%2014.1727%2011.0051%2014.1727%2010.8667V6.13333C14.1727%205.99489%2014.1113%205.90111%2013.9887%205.852C13.8661%205.80278%2013.7557%205.82733%2013.6573%205.92567L11.8265%207.7565V4.70517C11.8265%204.36839%2011.7098%204.08333%2011.4765%203.85C11.2432%203.61667%2010.9582%203.5%2010.6215%203.5H3.03166C2.69499%203.5%202.40999%203.61667%202.17666%203.85C1.94333%204.08333%201.82666%204.36839%201.82666%204.70517V12.2948C1.82666%2012.6316%201.94333%2012.9167%202.17666%2013.15ZM5.81624%206.83332H7.28041L4.14441%209.96916C4.04785%2010.0658%203.99958%2010.1829%203.99958%2010.3205C3.99958%2010.4582%204.04785%2010.5753%204.14441%2010.6718C4.24097%2010.7684%204.35913%2010.8156%204.49891%2010.8135C4.63869%2010.8114%204.75474%2010.7642%204.84708%2010.6718L7.98291%207.53582V8.99999C7.98291%209.14166%208.0308%209.26043%208.12658%209.35632C8.22224%209.4521%208.34097%209.49999%208.48275%209.49999C8.62441%209.49999%208.74319%209.4521%208.83908%209.35632C8.93497%209.26043%208.98291%209.14166%208.98291%208.99999V6.43582C8.98291%206.26516%208.92513%206.1221%208.80958%206.00666C8.69413%205.8911%208.55108%205.83332%208.38041%205.83332H5.81624C5.67458%205.83332%205.5558%205.88121%205.45991%205.97699C5.36413%206.07266%205.31624%206.19138%205.31624%206.33316C5.31624%206.47482%205.36413%206.5936%205.45991%206.68949C5.5558%206.78538%205.67458%206.83332%205.81624%206.83332Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-image {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680692'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680692)'%3e%3cpath%20d='M3.53866%2014.1666C3.20188%2014.1666%202.91683%2014.0499%202.6835%2013.8166C2.45016%2013.5833%202.3335%2013.2982%202.3335%2012.9614V4.03842C2.3335%203.70164%202.45016%203.41659%202.6835%203.18325C2.91683%202.94992%203.20188%202.83325%203.53866%202.83325H12.4617C12.7984%202.83325%2013.0835%202.94992%2013.3168%203.18325C13.5502%203.41659%2013.6668%203.70164%2013.6668%204.03842V12.9614C13.6668%2013.2982%2013.5502%2013.5833%2013.3168%2013.8166C13.0835%2014.0499%2012.7984%2014.1666%2012.4617%2014.1666H3.53866ZM5.10283%2011.6666H10.9488C11.0694%2011.6666%2011.1587%2011.6119%2011.2168%2011.5024C11.2749%2011.3931%2011.2659%2011.2871%2011.1898%2011.1846L9.60016%209.05509C9.53772%208.97475%209.45738%208.93458%209.35916%208.93458C9.26083%208.93458%209.1805%208.97475%209.11816%209.05509L7.48733%2011.1794L6.395%209.77942C6.33266%209.70331%206.25339%209.66525%206.15716%209.66525C6.06105%209.66525%205.98177%209.70547%205.91933%209.78592L4.86816%2011.1846C4.78783%2011.2871%204.77672%2011.3931%204.83483%2011.5024C4.89294%2011.6119%204.98227%2011.6666%205.10283%2011.6666Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680692'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680692)'%3e%3cpath%20d='M3.53866%2014.1666C3.20188%2014.1666%202.91683%2014.0499%202.6835%2013.8166C2.45016%2013.5833%202.3335%2013.2982%202.3335%2012.9614V4.03842C2.3335%203.70164%202.45016%203.41659%202.6835%203.18325C2.91683%202.94992%203.20188%202.83325%203.53866%202.83325H12.4617C12.7984%202.83325%2013.0835%202.94992%2013.3168%203.18325C13.5502%203.41659%2013.6668%203.70164%2013.6668%204.03842V12.9614C13.6668%2013.2982%2013.5502%2013.5833%2013.3168%2013.8166C13.0835%2014.0499%2012.7984%2014.1666%2012.4617%2014.1666H3.53866ZM5.10283%2011.6666H10.9488C11.0694%2011.6666%2011.1587%2011.6119%2011.2168%2011.5024C11.2749%2011.3931%2011.2659%2011.2871%2011.1898%2011.1846L9.60016%209.05509C9.53772%208.97475%209.45738%208.93458%209.35916%208.93458C9.26083%208.93458%209.1805%208.97475%209.11816%209.05509L7.48733%2011.1794L6.395%209.77942C6.33266%209.70331%206.25339%209.66525%206.15716%209.66525C6.06105%209.66525%205.98177%209.70547%205.91933%209.78592L4.86816%2011.1846C4.78783%2011.2871%204.77672%2011.3931%204.83483%2011.5024C4.89294%2011.6119%204.98227%2011.6666%205.10283%2011.6666Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-file {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680464'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680464)'%3e%3cpath%20d='M6%2012.3334H10C10.1417%2012.3334%2010.2604%2012.2855%2010.3562%2012.1896C10.4521%2012.0937%2010.5%2011.9749%2010.5%2011.8332C10.5%2011.6915%2010.4521%2011.5727%2010.3562%2011.4771C10.2604%2011.3813%2010.1417%2011.3334%2010%2011.3334H6C5.85833%2011.3334%205.73961%2011.3814%205.64383%2011.4772C5.54794%2011.5731%205.5%2011.6919%205.5%2011.8336C5.5%2011.9754%205.54794%2012.0941%205.64383%2012.1897C5.73961%2012.2855%205.85833%2012.3334%206%2012.3334ZM6%209.66675H10C10.1417%209.66675%2010.2604%209.6188%2010.3562%209.52291C10.4521%209.42703%2010.5%209.30825%2010.5%209.16658C10.5%209.0248%2010.4521%208.90608%2010.3562%208.81041C10.2604%208.71464%2010.1417%208.66675%2010%208.66675H6C5.85833%208.66675%205.73961%208.71469%205.64383%208.81058C5.54794%208.90647%205.5%209.02525%205.5%209.16691C5.5%209.30869%205.54794%209.42741%205.64383%209.52308C5.73961%209.61886%205.85833%209.66675%206%209.66675ZM4.20517%2014.8334C3.86839%2014.8334%203.58333%2014.7167%203.35%2014.4834C3.11667%2014.2501%203%2013.965%203%2013.6282V3.37191C3%203.03514%203.11667%202.75008%203.35%202.51675C3.58333%202.28341%203.86839%202.16675%204.20517%202.16675H9.00133C9.16389%202.16675%209.31883%202.19797%209.46617%202.26041C9.6135%202.32275%209.74189%202.40864%209.85133%202.51808L12.6487%205.31541C12.7581%205.42486%2012.844%205.55325%2012.9063%205.70058C12.9688%205.84791%2013%206.00286%2013%206.16541V13.6282C13%2013.965%2012.8833%2014.2501%2012.65%2014.4834C12.4167%2014.7167%2012.1316%2014.8334%2011.7948%2014.8334H4.20517ZM9%205.56675C9%205.73675%209.0575%205.87925%209.1725%205.99425C9.2875%206.10925%209.43%206.16675%209.6%206.16675H12L9%203.16675V5.56675Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680464'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680464)'%3e%3cpath%20d='M6%2012.3334H10C10.1417%2012.3334%2010.2604%2012.2855%2010.3562%2012.1896C10.4521%2012.0937%2010.5%2011.9749%2010.5%2011.8332C10.5%2011.6915%2010.4521%2011.5727%2010.3562%2011.4771C10.2604%2011.3813%2010.1417%2011.3334%2010%2011.3334H6C5.85833%2011.3334%205.73961%2011.3814%205.64383%2011.4772C5.54794%2011.5731%205.5%2011.6919%205.5%2011.8336C5.5%2011.9754%205.54794%2012.0941%205.64383%2012.1897C5.73961%2012.2855%205.85833%2012.3334%206%2012.3334ZM6%209.66675H10C10.1417%209.66675%2010.2604%209.6188%2010.3562%209.52291C10.4521%209.42703%2010.5%209.30825%2010.5%209.16658C10.5%209.0248%2010.4521%208.90608%2010.3562%208.81041C10.2604%208.71464%2010.1417%208.66675%2010%208.66675H6C5.85833%208.66675%205.73961%208.71469%205.64383%208.81058C5.54794%208.90647%205.5%209.02525%205.5%209.16691C5.5%209.30869%205.54794%209.42741%205.64383%209.52308C5.73961%209.61886%205.85833%209.66675%206%209.66675ZM4.20517%2014.8334C3.86839%2014.8334%203.58333%2014.7167%203.35%2014.4834C3.11667%2014.2501%203%2013.965%203%2013.6282V3.37191C3%203.03514%203.11667%202.75008%203.35%202.51675C3.58333%202.28341%203.86839%202.16675%204.20517%202.16675H9.00133C9.16389%202.16675%209.31883%202.19797%209.46617%202.26041C9.6135%202.32275%209.74189%202.40864%209.85133%202.51808L12.6487%205.31541C12.7581%205.42486%2012.844%205.55325%2012.9063%205.70058C12.9688%205.84791%2013%206.00286%2013%206.16541V13.6282C13%2013.965%2012.8833%2014.2501%2012.65%2014.4834C12.4167%2014.7167%2012.1316%2014.8334%2011.7948%2014.8334H4.20517ZM9%205.56675C9%205.73675%209.0575%205.87925%209.1725%205.99425C9.2875%206.10925%209.43%206.16675%209.6%206.16675H12L9%203.16675V5.56675Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-video {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_702310'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_702310)'%3e%3cpath%20d='M3.03166%2013.5C2.69499%2013.5%202.40999%2013.3833%202.17666%2013.15C1.94333%2012.9167%201.82666%2012.6316%201.82666%2012.2948V4.70517C1.82666%204.36839%201.94333%204.08333%202.17666%203.85C2.40999%203.61667%202.69499%203.5%203.03166%203.5H10.6215C10.9582%203.5%2011.2432%203.61667%2011.4765%203.85C11.7098%204.08333%2011.8265%204.36839%2011.8265%204.70517V7.7565L13.6573%205.92567C13.7557%205.82733%2013.8661%205.80278%2013.9887%205.852C14.1113%205.90111%2014.1727%205.99489%2014.1727%206.13333V10.8667C14.1727%2011.0051%2014.1113%2011.0989%2013.9887%2011.148C13.8661%2011.1972%2013.7557%2011.1727%2013.6573%2011.0743L11.8265%209.2435V12.2948C11.8265%2012.6316%2011.7098%2012.9167%2011.4765%2013.15C11.2432%2013.3833%2010.9582%2013.5%2010.6215%2013.5H3.03166Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_702310'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_702310)'%3e%3cpath%20d='M3.03166%2013.5C2.69499%2013.5%202.40999%2013.3833%202.17666%2013.15C1.94333%2012.9167%201.82666%2012.6316%201.82666%2012.2948V4.70517C1.82666%204.36839%201.94333%204.08333%202.17666%203.85C2.40999%203.61667%202.69499%203.5%203.03166%203.5H10.6215C10.9582%203.5%2011.2432%203.61667%2011.4765%203.85C11.7098%204.08333%2011.8265%204.36839%2011.8265%204.70517V7.7565L13.6573%205.92567C13.7557%205.82733%2013.8661%205.80278%2013.9887%205.852C14.1113%205.90111%2014.1727%205.99489%2014.1727%206.13333V10.8667C14.1727%2011.0051%2014.1113%2011.0989%2013.9887%2011.148C13.8661%2011.1972%2013.7557%2011.1727%2013.6573%2011.0743L11.8265%209.2435V12.2948C11.8265%2012.6316%2011.7098%2012.9167%2011.4765%2013.15C11.2432%2013.3833%2010.9582%2013.5%2010.6215%2013.5H3.03166Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-audio {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680227'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680227)'%3e%3cpath%20d='M7.99974%209.50008C7.53397%209.50008%207.13974%209.33875%206.81708%209.01608C6.49441%208.69341%206.33308%208.29919%206.33308%207.83341V3.83341C6.33308%203.36764%206.49441%202.97341%206.81708%202.65075C7.13974%202.32808%207.53397%202.16675%207.99974%202.16675C8.46552%202.16675%208.85975%202.32808%209.18241%202.65075C9.50508%202.97341%209.66641%203.36764%209.66641%203.83341V7.83341C9.66641%208.29919%209.50508%208.69341%209.18241%209.01608C8.85975%209.33875%208.46552%209.50008%207.99974%209.50008ZM7.49974%2013.8334V12.1359C6.50741%2012.0214%205.65697%2011.6137%204.94841%2010.9129C4.23997%2010.212%203.82502%209.35775%203.70358%208.35008C3.68569%208.20819%203.72286%208.08664%203.81508%207.98541C3.90741%207.88408%204.02452%207.83341%204.16641%207.83341C4.3083%207.83341%204.42708%207.88236%204.52274%207.98025C4.61852%208.07803%204.68224%208.19786%204.71391%208.33975C4.83524%209.15608%205.20852%209.8313%205.83375%2010.3654C6.45897%2010.8996%207.18097%2011.1667%207.99974%2011.1667C8.82963%2011.1667%209.55441%2010.8969%2010.1741%2010.3571C10.7937%209.81741%2011.1642%209.14497%2011.2856%208.33975C11.3172%208.19786%2011.381%208.07803%2011.4767%207.98025C11.5724%207.88236%2011.6912%207.83341%2011.8331%207.83341C11.975%207.83341%2012.0921%207.88408%2012.1844%207.98541C12.2766%208.08664%2012.3138%208.20819%2012.2959%208.35008C12.1745%209.33553%2011.7623%2010.1832%2011.0594%2010.8931C10.3564%2011.6029%209.50319%2012.0171%208.49974%2012.1359V13.8334C8.49974%2013.9753%208.45186%2014.0941%208.35608%2014.1897C8.26041%2014.2855%208.14163%2014.3334%207.99974%2014.3334C7.85786%2014.3334%207.73908%2014.2855%207.64341%2014.1897C7.54763%2014.0941%207.49974%2013.9753%207.49974%2013.8334Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_680227'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_680227)'%3e%3cpath%20d='M7.99974%209.50008C7.53397%209.50008%207.13974%209.33875%206.81708%209.01608C6.49441%208.69341%206.33308%208.29919%206.33308%207.83341V3.83341C6.33308%203.36764%206.49441%202.97341%206.81708%202.65075C7.13974%202.32808%207.53397%202.16675%207.99974%202.16675C8.46552%202.16675%208.85975%202.32808%209.18241%202.65075C9.50508%202.97341%209.66641%203.36764%209.66641%203.83341V7.83341C9.66641%208.29919%209.50508%208.69341%209.18241%209.01608C8.85975%209.33875%208.46552%209.50008%207.99974%209.50008ZM7.49974%2013.8334V12.1359C6.50741%2012.0214%205.65697%2011.6137%204.94841%2010.9129C4.23997%2010.212%203.82502%209.35775%203.70358%208.35008C3.68569%208.20819%203.72286%208.08664%203.81508%207.98541C3.90741%207.88408%204.02452%207.83341%204.16641%207.83341C4.3083%207.83341%204.42708%207.88236%204.52274%207.98025C4.61852%208.07803%204.68224%208.19786%204.71391%208.33975C4.83524%209.15608%205.20852%209.8313%205.83375%2010.3654C6.45897%2010.8996%207.18097%2011.1667%207.99974%2011.1667C8.82963%2011.1667%209.55441%2010.8969%2010.1741%2010.3571C10.7937%209.81741%2011.1642%209.14497%2011.2856%208.33975C11.3172%208.19786%2011.381%208.07803%2011.4767%207.98025C11.5724%207.88236%2011.6912%207.83341%2011.8331%207.83341C11.975%207.83341%2012.0921%207.88408%2012.1844%207.98541C12.2766%208.08664%2012.3138%208.20819%2012.2959%208.35008C12.1745%209.33553%2011.7623%2010.1832%2011.0594%2010.8931C10.3564%2011.6029%209.50319%2012.0171%208.49974%2012.1359V13.8334C8.49974%2013.9753%208.45186%2014.0941%208.35608%2014.1897C8.26041%2014.2855%208.14163%2014.3334%207.99974%2014.3334C7.85786%2014.3334%207.73908%2014.2855%207.64341%2014.1897C7.54763%2014.0941%207.49974%2013.9753%207.49974%2013.8334Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-poll {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2692%2013.5C11.0985%2013.5%2010.9554%2013.4422%2010.8398%2013.3267C10.7244%2013.2112%2010.6667%2013.0681%2010.6667%2012.8973V10.1667C10.6667%209.996%2010.7244%209.85289%2010.8398%209.73733C10.9554%209.62189%2011.0985%209.56417%2011.2692%209.56417H12.3973C12.5681%209.56417%2012.7112%209.62189%2012.8267%209.73733C12.9422%209.85289%2013%209.996%2013%2010.1667V12.8973C13%2013.0681%2012.9422%2013.2112%2012.8267%2013.3267C12.7112%2013.4422%2012.5681%2013.5%2012.3973%2013.5H11.2692ZM7.43583%2013.5C7.26517%2013.5%207.12206%2013.4422%207.0065%2013.3267C6.89106%2013.2112%206.83333%2013.0681%206.83333%2012.8973V4.10267C6.83333%203.93189%206.89106%203.78878%207.0065%203.67333C7.12206%203.55778%207.26517%203.5%207.43583%203.5H8.56417C8.73483%203.5%208.87794%203.55778%208.9935%203.67333C9.10894%203.78878%209.16667%203.93189%209.16667%204.10267V12.8973C9.16667%2013.0681%209.10894%2013.2112%208.9935%2013.3267C8.87794%2013.4422%208.73483%2013.5%208.56417%2013.5H7.43583ZM3.60267%2013.5C3.43189%2013.5%203.28878%2013.4422%203.17333%2013.3267C3.05778%2013.2112%203%2013.0681%203%2012.8973V7.37483C3%207.20106%203.05778%207.05667%203.17333%206.94167C3.28878%206.82678%203.43189%206.76933%203.60267%206.76933H4.73083C4.9015%206.76933%205.04461%206.82706%205.16017%206.9425C5.27561%207.05794%205.33333%207.20106%205.33333%207.37183V12.8943C5.33333%2013.0682%205.27561%2013.2126%205.16017%2013.3275C5.04461%2013.4425%204.9015%2013.5%204.73083%2013.5H3.60267Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.2692%2013.5C11.0985%2013.5%2010.9554%2013.4422%2010.8398%2013.3267C10.7244%2013.2112%2010.6667%2013.0681%2010.6667%2012.8973V10.1667C10.6667%209.996%2010.7244%209.85289%2010.8398%209.73733C10.9554%209.62189%2011.0985%209.56417%2011.2692%209.56417H12.3973C12.5681%209.56417%2012.7112%209.62189%2012.8267%209.73733C12.9422%209.85289%2013%209.996%2013%2010.1667V12.8973C13%2013.0681%2012.9422%2013.2112%2012.8267%2013.3267C12.7112%2013.4422%2012.5681%2013.5%2012.3973%2013.5H11.2692ZM7.43583%2013.5C7.26517%2013.5%207.12206%2013.4422%207.0065%2013.3267C6.89106%2013.2112%206.83333%2013.0681%206.83333%2012.8973V4.10267C6.83333%203.93189%206.89106%203.78878%207.0065%203.67333C7.12206%203.55778%207.26517%203.5%207.43583%203.5H8.56417C8.73483%203.5%208.87794%203.55778%208.9935%203.67333C9.10894%203.78878%209.16667%203.93189%209.16667%204.10267V12.8973C9.16667%2013.0681%209.10894%2013.2112%208.9935%2013.3267C8.87794%2013.4422%208.73483%2013.5%208.56417%2013.5H7.43583ZM3.60267%2013.5C3.43189%2013.5%203.28878%2013.4422%203.17333%2013.3267C3.05778%2013.2112%203%2013.0681%203%2012.8973V7.37483C3%207.20106%203.05778%207.05667%203.17333%206.94167C3.28878%206.82678%203.43189%206.76933%203.60267%206.76933H4.73083C4.9015%206.76933%205.04461%206.82706%205.16017%206.9425C5.27561%207.05794%205.33333%207.20106%205.33333%207.37183V12.8943C5.33333%2013.0682%205.27561%2013.2126%205.16017%2013.3275C5.04461%2013.4425%204.9015%2013.5%204.73083%2013.5H3.60267Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-sticker {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.6665%2012.4112V4.58897C2.6665%203.8035%203.30325%203.16675%204.08873%203.16675H11.9109C12.6964%203.16675%2013.3332%203.8035%2013.3332%204.58897V8.85564H11.1998C9.82526%208.85564%208.71095%209.96995%208.71095%2011.3445V13.8334H4.08873C3.30325%2013.8334%202.6665%2013.1967%202.6665%2012.4112Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M13.3128%209.56675H11.1998C10.218%209.56675%209.42206%2010.3627%209.42206%2011.3445V13.8334H9.44999L13.3128%209.56675Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.6665%2012.4112V4.58897C2.6665%203.8035%203.30325%203.16675%204.08873%203.16675H11.9109C12.6964%203.16675%2013.3332%203.8035%2013.3332%204.58897V8.85564H11.1998C9.82526%208.85564%208.71095%209.96995%208.71095%2011.3445V13.8334H4.08873C3.30325%2013.8334%202.6665%2013.1967%202.6665%2012.4112Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M13.3128%209.56675H11.1998C10.218%209.56675%209.42206%2010.3627%209.42206%2011.3445V13.8334H9.44999L13.3128%209.56675Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-collaborative-document {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%204.14748C2%202.40917%203.40918%201%205.14749%201H15.8489C17.5873%201%2018.9964%202.40918%2018.9964%204.14749V9.5388C18.9964%209.70329%2018.932%209.86125%2018.8171%209.97886L14.75%2014.1389L8.93259%2019.7101C8.81541%2019.8223%208.65943%2019.8849%208.49719%2019.8849H5.14749C3.40918%2019.8849%202%2018.4757%202%2016.7374V4.14748ZM9.2393%203.95166C8.783%203.95166%208.41309%204.32157%208.41309%204.77788C8.41309%205.23418%208.783%205.60409%209.2393%205.60409H15.2195C15.6758%205.60409%2016.0457%205.23418%2016.0457%204.77788C16.0457%204.32157%2015.6758%203.95166%2015.2195%203.95166H9.2393ZM5.77641%207.41455C5.3201%207.41455%204.9502%207.78446%204.9502%208.24077C4.9502%208.69707%205.3201%209.06698%205.77641%209.06698H15.2189C15.6752%209.06698%2016.0451%208.69707%2016.0451%208.24077C16.0451%207.78446%2015.6752%207.41455%2015.2189%207.41455H5.77641ZM5.77641%2010.876C5.3201%2010.876%204.9502%2011.2459%204.9502%2011.7022C4.9502%2012.1585%205.3201%2012.5284%205.77641%2012.5284H13.3304C13.7867%2012.5284%2014.1566%2012.1585%2014.1566%2011.7022C14.1566%2011.2459%2013.7867%2010.876%2013.3304%2010.876H5.77641Z'%20fill='%23141414'/%3e%3cpath%20d='M21.1275%2011.3341C20.6359%2010.8424%2019.8387%2010.8424%2019.3471%2011.3341L11.4128%2019.2684C11.3622%2019.319%2011.3294%2019.3846%2011.3193%2019.4553L10.9521%2022.0259C10.9209%2022.244%2011.1079%2022.431%2011.326%2022.3998L13.8965%2022.0326C13.9673%2022.0225%2014.0329%2021.9897%2014.0835%2021.9391L22.0178%2014.0048C22.5095%2013.5132%2022.5095%2012.716%2022.0178%2012.2243L21.1275%2011.3341Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%204.14748C2%202.40917%203.40918%201%205.14749%201H15.8489C17.5873%201%2018.9964%202.40918%2018.9964%204.14749V9.5388C18.9964%209.70329%2018.932%209.86125%2018.8171%209.97886L14.75%2014.1389L8.93259%2019.7101C8.81541%2019.8223%208.65943%2019.8849%208.49719%2019.8849H5.14749C3.40918%2019.8849%202%2018.4757%202%2016.7374V4.14748ZM9.2393%203.95166C8.783%203.95166%208.41309%204.32157%208.41309%204.77788C8.41309%205.23418%208.783%205.60409%209.2393%205.60409H15.2195C15.6758%205.60409%2016.0457%205.23418%2016.0457%204.77788C16.0457%204.32157%2015.6758%203.95166%2015.2195%203.95166H9.2393ZM5.77641%207.41455C5.3201%207.41455%204.9502%207.78446%204.9502%208.24077C4.9502%208.69707%205.3201%209.06698%205.77641%209.06698H15.2189C15.6752%209.06698%2016.0451%208.69707%2016.0451%208.24077C16.0451%207.78446%2015.6752%207.41455%2015.2189%207.41455H5.77641ZM5.77641%2010.876C5.3201%2010.876%204.9502%2011.2459%204.9502%2011.7022C4.9502%2012.1585%205.3201%2012.5284%205.77641%2012.5284H13.3304C13.7867%2012.5284%2014.1566%2012.1585%2014.1566%2011.7022C14.1566%2011.2459%2013.7867%2010.876%2013.3304%2010.876H5.77641Z'%20fill='%23141414'/%3e%3cpath%20d='M21.1275%2011.3341C20.6359%2010.8424%2019.8387%2010.8424%2019.3471%2011.3341L11.4128%2019.2684C11.3622%2019.319%2011.3294%2019.3846%2011.3193%2019.4553L10.9521%2022.0259C10.9209%2022.244%2011.1079%2022.431%2011.326%2022.3998L13.8965%2022.0326C13.9673%2022.0225%2014.0329%2021.9897%2014.0835%2021.9391L22.0178%2014.0048C22.5095%2013.5132%2022.5095%2012.716%2022.0178%2012.2243L21.1275%2011.3341Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-collaborative-whiteboard {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20fill='white'%20fill-opacity='0.11'/%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20fill='white'%20fill-opacity='0.11'/%3e%3cpath%20d='M19.4679%204H20.24C21.135%204%2021.887%204.61242%2022.0998%205.44108L16.6916%2010.8492C16.6549%2010.886%2016.6073%2010.9098%2016.5559%2010.9171L14.576%2011.2C14.4176%2011.2226%2014.2818%2011.0868%2014.3044%2010.9284L14.5873%208.94854C14.5946%208.89713%2014.6184%208.84949%2014.6552%208.81277L19.4679%204Z'%20fill='%23141414'/%3e%3cpath%20d='M17.3466%204L13.5945%207.75211C13.3283%208.01833%2013.1556%208.3637%2013.1024%208.7364L12.8195%2010.7163C12.6555%2011.8646%2013.6397%2012.8489%2014.7881%2012.6849L16.768%2012.402C17.1407%2012.3488%2017.4861%2012.1761%2017.7523%2011.9099L22.16%207.50218V17.92C22.16%2018.9804%2021.3004%2019.84%2020.24%2019.84H3.92C2.85962%2019.84%202%2018.9804%202%2017.92V14.03C2.13801%2014.0301%202.27769%2013.9922%202.40275%2013.9126L2.58606%2013.7959C3.58623%2013.1593%205.7211%2011.8003%206.3322%2011.4511C6.43421%2011.3928%206.63006%2011.3244%206.87351%2011.298C7.11445%2011.2719%207.33773%2011.2938%207.5019%2011.354C7.65327%2011.4095%207.73091%2011.4857%207.77426%2011.5815C7.82369%2011.6908%207.8772%2011.9357%207.75398%2012.4121C7.51412%2013.3396%207.26658%2014.4095%207.33946%2015.3038C7.37704%2015.765%207.50392%2016.2502%207.82249%2016.6542C8.15314%2017.0735%208.62627%2017.3246%209.19678%2017.4197C10.3338%2017.6092%2011.3768%2016.938%2012.107%2016.3036C12.8753%2015.6361%2013.5146%2014.8173%2013.8801%2014.3299C14.1286%2013.9985%2014.0615%2013.5284%2013.7301%2013.2799C13.3987%2013.0314%2012.9286%2013.0985%2012.6801%2013.4299C12.3256%2013.9025%2011.7649%2014.6137%2011.1232%2015.1712C10.4434%2015.7619%209.86635%2016.0106%209.4434%2015.9401C9.17392%2015.8952%209.06101%2015.8023%209.00036%2015.7254C8.92763%2015.6332%208.85796%2015.4699%208.8345%2015.182C8.78531%2014.5784%208.95777%2013.7483%209.2062%2012.7877C9.38299%2012.1041%209.37649%2011.484%209.14093%2010.9633C8.89928%2010.4291%208.46692%2010.1102%208.01829%209.94573C7.58246%209.78593%207.11574%209.76292%206.71167%209.80677C6.31013%209.85035%205.90598%209.967%205.58799%2010.1487C4.98422%2010.4937%203.05774%2011.7176%202%2012.3909V5.92C2%204.85961%202.85961%204%203.92%204H17.3466Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-deleted {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683456'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683456)'%3e%3cpath%20d='M8.001%2014.8334C7.125%2014.8334%206.30161%2014.6672%205.53084%2014.3347C4.76006%2014.0023%204.08961%2013.5511%203.5195%2012.9812C2.94939%2012.4114%202.498%2011.7412%202.16534%2010.9707C1.83278%2010.2003%201.6665%209.37714%201.6665%208.50125C1.6665%207.62525%201.83273%206.80186%202.16517%206.03108C2.49761%205.2603%202.94878%204.58986%203.51867%204.01975C4.08856%203.44964%204.75873%202.99825%205.52917%202.66558C6.29961%202.33303%207.12278%202.16675%207.99867%202.16675C8.87467%202.16675%209.69806%202.33297%2010.4688%202.66541C11.2396%202.99786%2011.9101%203.44903%2012.4802%204.01891C13.0503%204.5888%2013.5017%205.25897%2013.8343%206.02941C14.1669%206.79986%2014.3332%207.62303%2014.3332%208.49891C14.3332%209.37491%2014.1669%2010.1983%2013.8345%2010.9691C13.5021%2011.7399%2013.0509%2012.4103%2012.481%2012.9804C11.9111%2013.5505%2011.2409%2014.0019%2010.4705%2014.3346C9.70006%2014.6671%208.87689%2014.8334%208.001%2014.8334ZM7.99984%2013.8334C8.62528%2013.8334%209.22761%2013.7276%209.80684%2013.5161C10.3859%2013.3045%2010.9152%2012.9984%2011.3947%2012.5976L3.90234%205.10525C3.50578%205.58469%203.20067%206.11397%202.987%206.69308C2.77334%207.2723%202.6665%207.87464%202.6665%208.50008C2.6665%209.98897%203.18317%2011.2501%204.2165%2012.2834C5.24984%2013.3167%206.51095%2013.8334%207.99984%2013.8334ZM12.0973%2011.8949C12.4981%2011.4155%2012.8043%2010.8862%2013.0158%2010.3071C13.2274%209.72786%2013.3332%209.12553%2013.3332%208.50008C13.3332%207.01119%2012.8165%205.75008%2011.7832%204.71675C10.7498%203.68341%209.48873%203.16675%207.99984%203.16675C7.37284%203.16675%206.76906%203.27147%206.1885%203.48091C5.60806%203.69025%205.08023%203.99747%204.605%204.40258L12.0973%2011.8949Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-link {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683031'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683031)'%3e%3cpath%20d='M4.69217%2011.5257C3.85506%2011.5257%203.1415%2011.2307%202.5515%2010.6407C1.9615%2010.0508%201.6665%209.33736%201.6665%208.50036C1.6665%207.66336%201.9615%206.94981%202.5515%206.3597C3.1415%205.76948%203.85506%205.47437%204.69217%205.47437H6.705C6.84667%205.47437%206.96539%205.52231%207.06117%205.6182C7.15706%205.71409%207.205%205.83292%207.205%205.9747C7.205%206.11636%207.15706%206.23509%207.06117%206.33086C6.96539%206.42653%206.84667%206.47437%206.705%206.47437H4.69134C4.132%206.47437%203.65473%206.67203%203.2595%207.06736C2.86417%207.4627%202.6665%207.94025%202.6665%208.50003C2.6665%209.05981%202.86417%209.53736%203.2595%209.9327C3.65473%2010.328%204.132%2010.5257%204.69134%2010.5257H6.705C6.84667%2010.5257%206.96539%2010.5736%207.06117%2010.6695C7.15706%2010.7654%207.205%2010.8842%207.205%2011.0259C7.205%2011.1676%207.15706%2011.2864%207.06117%2011.382C6.96539%2011.4778%206.84667%2011.5257%206.705%2011.5257H4.69217ZM5.99984%209.00003C5.85817%209.00003%205.73945%208.95209%205.64367%208.8562C5.54778%208.76031%205.49984%208.64153%205.49984%208.49987C5.49984%208.35809%205.54778%208.23936%205.64367%208.1437C5.73945%208.04792%205.85817%208.00003%205.99984%208.00003H9.99984C10.1415%208.00003%2010.2602%208.04798%2010.356%208.14387C10.4519%208.23975%2010.4998%208.35853%2010.4998%208.5002C10.4998%208.64198%2010.4519%208.7607%2010.356%208.85636C10.2602%208.95214%2010.1415%209.00003%209.99984%209.00003H5.99984ZM9.29467%2011.5257C9.153%2011.5257%209.03428%2011.4778%208.9385%2011.3819C8.84261%2011.286%208.79467%2011.1671%208.79467%2011.0254C8.79467%2010.8837%208.84261%2010.765%208.9385%2010.6692C9.03428%2010.5735%209.153%2010.5257%209.29467%2010.5257H11.3083C11.8677%2010.5257%2012.3449%2010.328%2012.7402%209.9327C13.1355%209.53736%2013.3332%209.05981%2013.3332%208.50003C13.3332%207.94025%2013.1355%207.4627%2012.7402%207.06736C12.3449%206.67203%2011.8677%206.47437%2011.3083%206.47437H9.29467C9.153%206.47437%209.03428%206.42642%208.9385%206.33053C8.84261%206.23464%208.79467%206.11587%208.79467%205.9742C8.79467%205.83242%208.84261%205.7137%208.9385%205.61803C9.03428%205.52225%209.153%205.47437%209.29467%205.47437H11.3075C12.1446%205.47437%2012.8582%205.76936%2013.4482%206.35936C14.0382%206.94925%2014.3332%207.6627%2014.3332%208.4997C14.3332%209.3367%2014.0382%2010.0503%2013.4482%2010.6404C12.8582%2011.2306%2012.1446%2011.5257%2011.3075%2011.5257H9.29467Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_5689_683031'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_5689_683031)'%3e%3cpath%20d='M4.69217%2011.5257C3.85506%2011.5257%203.1415%2011.2307%202.5515%2010.6407C1.9615%2010.0508%201.6665%209.33736%201.6665%208.50036C1.6665%207.66336%201.9615%206.94981%202.5515%206.3597C3.1415%205.76948%203.85506%205.47437%204.69217%205.47437H6.705C6.84667%205.47437%206.96539%205.52231%207.06117%205.6182C7.15706%205.71409%207.205%205.83292%207.205%205.9747C7.205%206.11636%207.15706%206.23509%207.06117%206.33086C6.96539%206.42653%206.84667%206.47437%206.705%206.47437H4.69134C4.132%206.47437%203.65473%206.67203%203.2595%207.06736C2.86417%207.4627%202.6665%207.94025%202.6665%208.50003C2.6665%209.05981%202.86417%209.53736%203.2595%209.9327C3.65473%2010.328%204.132%2010.5257%204.69134%2010.5257H6.705C6.84667%2010.5257%206.96539%2010.5736%207.06117%2010.6695C7.15706%2010.7654%207.205%2010.8842%207.205%2011.0259C7.205%2011.1676%207.15706%2011.2864%207.06117%2011.382C6.96539%2011.4778%206.84667%2011.5257%206.705%2011.5257H4.69217ZM5.99984%209.00003C5.85817%209.00003%205.73945%208.95209%205.64367%208.8562C5.54778%208.76031%205.49984%208.64153%205.49984%208.49987C5.49984%208.35809%205.54778%208.23936%205.64367%208.1437C5.73945%208.04792%205.85817%208.00003%205.99984%208.00003H9.99984C10.1415%208.00003%2010.2602%208.04798%2010.356%208.14387C10.4519%208.23975%2010.4998%208.35853%2010.4998%208.5002C10.4998%208.64198%2010.4519%208.7607%2010.356%208.85636C10.2602%208.95214%2010.1415%209.00003%209.99984%209.00003H5.99984ZM9.29467%2011.5257C9.153%2011.5257%209.03428%2011.4778%208.9385%2011.3819C8.84261%2011.286%208.79467%2011.1671%208.79467%2011.0254C8.79467%2010.8837%208.84261%2010.765%208.9385%2010.6692C9.03428%2010.5735%209.153%2010.5257%209.29467%2010.5257H11.3083C11.8677%2010.5257%2012.3449%2010.328%2012.7402%209.9327C13.1355%209.53736%2013.3332%209.05981%2013.3332%208.50003C13.3332%207.94025%2013.1355%207.4627%2012.7402%207.06736C12.3449%206.67203%2011.8677%206.47437%2011.3083%206.47437H9.29467C9.153%206.47437%209.03428%206.42642%208.9385%206.33053C8.84261%206.23464%208.79467%206.11587%208.79467%205.9742C8.79467%205.83242%208.84261%205.7137%208.9385%205.61803C9.03428%205.52225%209.153%205.47437%209.29467%205.47437H11.3075C12.1446%205.47437%2012.8582%205.76936%2013.4482%206.35936C14.0382%206.94925%2014.3332%207.6627%2014.3332%208.4997C14.3332%209.3367%2014.0382%2010.0503%2013.4482%2010.6404C12.8582%2011.2306%2012.1446%2011.5257%2011.3075%2011.5257H9.29467Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-thread {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
}

.cometchat-search__conversations-subtitle-icon-none {
  display: none;
}

/* See more button */

.cometchat-search-conversations__see-more {
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  display: flex;
  justify-content: flex-start;
}

.cometchat-search-conversations__see-more .cometchat-button {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  height: fit-content;
  width: fit-content;
  padding: 0;
}

.cometchat-search-conversations__see-more .cometchat-button__text {
  color: var(--cometchat-primary-color, #6852D6);
  font: var(--cometchat-font-body-medium);
}

.cometchat-search-messages {
  overflow: hidden;
  height: fit-content;
}

.cometchat-search__shimmer {
  width: 100%;
  height: 100%;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-search__shimmer-item {
  width: 100%;
  height: 72px;
  display: flex;
  min-width: 240px;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
  align-items: center;
  gap: 12px;
}

.cometchat-search__shimmer-item-avatar {
  display: flex;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--cometchat-radius-max, 1000px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
}

.cometchat-search__shimmer-item-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-2, 8px);
}

.cometchat-search__shimmer-item-body-title-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cometchat-search__shimmer-item-body-title {
  width: 50%;
  height: 22px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-search__shimmer-item-body-subtitle {
  width: 100%;
  height: 12px;
  flex-shrink: 0;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 1.5s infinite linear;
}

.cometchat-search__shimmer-item-body-tail {
  width: 60px;
  height: 22px;
  min-height: 22px;
  border-radius: var(--cometchat-radius-2, 8px);
  background: var(--cometchat-shimmer-gradient-color,
      linear-gradient(90deg, #e0e0e0 0%, #eee 100%));
  animation: shimmerAnimation 3.5s infinite linear;
}

.cometchat-search__empty-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-search__empty-view-icon {
  height: 120px;
  width: 120px;
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_13442_134983)'%3e%3cpath%20opacity='0.2'%20d='M105%2045.2598H97.5V64.0098C97.5%2074.3635%2089.1037%2082.7598%2078.75%2082.7598H45V90.2598C45%2098.5435%2051.7162%20105.26%2060%20105.26H82.5L98.85%20118.872C100.44%20120.196%20102.806%20119.982%20104.13%20118.392C104.692%20117.717%20105%20116.866%20105%20115.985V105.26C113.284%20105.26%20120%2098.5435%20120%2090.2598V60.2598C120%2051.976%20113.284%2045.2598%20105%2045.2598Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.2'%20d='M75%200.259766H15C6.71625%200.259766%200%206.97602%200%2015.2598V60.2598C0%2068.5435%206.71625%2075.2598%2015%2075.2598V89.6223C15%2091.6923%2016.68%2093.3723%2018.75%2093.3723C19.6425%2093.3723%2020.5088%2093.0535%2021.1875%2092.4723L41.25%2075.2598H75C83.2838%2075.2598%2090%2068.5435%2090%2060.2598V15.2598C90%206.97602%2083.2838%200.259766%2075%200.259766ZM27.7875%2043.0473C27.4575%2043.411%2027.0788%2043.726%2026.6625%2043.9848C26.2575%2044.2585%2025.8337%2044.4985%2025.3875%2044.6973C24.9225%2044.8698%2024.4462%2045.0085%2023.9625%2045.1098C23.4825%2045.2148%2022.9912%2045.2635%2022.5%2045.2598C18.3563%2045.2598%2015%2041.9035%2015%2037.7598C14.9213%2033.6198%2018.2138%2030.196%2022.3538%2030.1173C22.8937%2030.106%2023.4338%2030.1548%2023.9625%2030.2598C24.4462%2030.361%2024.9225%2030.4998%2025.3875%2030.6723C25.8412%2030.8598%2026.2688%2031.096%2026.6625%2031.3848C27.0713%2031.6435%2027.4462%2031.9435%2027.7875%2032.2848C29.2425%2033.7323%2030.0413%2035.7085%2030%2037.7598C29.9925%2039.7473%2029.1975%2041.6485%2027.7875%2043.0473ZM50.2875%2043.0473C48.8887%2044.4573%2046.9875%2045.2523%2045%2045.2598C44.5125%2045.316%2044.025%2045.316%2043.5375%2045.2598C43.0537%2045.1585%2042.5775%2045.0198%2042.1125%2044.8473C41.6662%2044.6485%2041.2425%2044.4085%2040.8375%2044.1348C40.4175%2043.8648%2040.0275%2043.5535%2039.675%2043.1973C38.2425%2041.7535%2037.4588%2039.7923%2037.5%2037.7598C37.4437%2037.2723%2037.4437%2036.7848%2037.5%2036.2973C37.6012%2035.8135%2037.74%2035.3373%2037.9125%2034.8723C38.1%2034.4185%2038.3363%2033.991%2038.625%2033.5973C38.8913%2033.1848%2039.195%2032.7948%2039.525%2032.4348C39.885%2032.1048%2040.275%2031.801%2040.6875%2031.5348C41.0813%2031.246%2041.5087%2031.0098%2041.9625%2030.8223C42.4725%2030.5898%2042.9975%2030.4023%2043.5375%2030.2598C47.5987%2029.4498%2051.5475%2032.0898%2052.3575%2036.151C52.4625%2036.6798%2052.5112%2037.2198%2052.5%2037.7598C52.5%2039.7398%2051.72%2041.641%2050.325%2043.0473H50.2875ZM72.7875%2043.0473C72.4575%2043.411%2072.0788%2043.726%2071.6625%2043.9848C71.2575%2044.2585%2070.8338%2044.4985%2070.3875%2044.6973C69.9225%2044.8698%2069.4463%2045.0085%2068.9625%2045.1098C68.4825%2045.2148%2067.9912%2045.2635%2067.5%2045.2598C63.3563%2045.2598%2060%2041.9035%2060%2037.7598C59.9212%2033.6198%2063.2138%2030.196%2067.3538%2030.1173C67.8938%2030.106%2068.4337%2030.1548%2068.9625%2030.2598C69.4463%2030.361%2069.9225%2030.4998%2070.3875%2030.6723C70.8413%2030.8598%2071.2688%2031.096%2071.6625%2031.3848C72.0713%2031.6435%2072.4463%2031.9435%2072.7875%2032.2848C74.2425%2033.7323%2075.0413%2035.7085%2075%2037.7598C74.9925%2039.7473%2074.1975%2041.6485%2072.7875%2043.0473Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M47.7349%2018.3633C41.9551%2018.3602%2036.3043%2020.0713%2031.497%2023.2801C26.6898%2026.4889%2022.9422%2031.0513%2020.7283%2036.3902C18.5143%2041.7291%2017.9334%2047.6047%2019.0591%2053.2738C20.1847%2058.9429%2022.9664%2064.1508%2027.0522%2068.2389C31.138%2072.3269%2036.3445%2075.1114%2042.013%2076.2401C47.6815%2077.3688%2053.5574%2076.7911%2058.8975%2074.58C64.2376%2072.3688%2068.802%2068.6237%2072.0134%2063.8182C75.2248%2059.0127%2076.9389%2053.3628%2076.9389%2047.583C76.9389%2039.8362%2073.8626%2032.4064%2068.3862%2026.9271C62.9099%2021.4478%2055.4817%2018.3674%2047.7349%2018.3633Z'%20fill='white'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.5233%2068.7793L76.311%2076.567'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.4307%2072.7835L73.0113%2075.3144C71.9267%2076.4489%2071.9672%2078.2479%2073.1017%2079.3324L94.0982%2099.4041C95.2328%20100.489%2097.0317%20100.448%2098.1163%2099.3137L100.536%2096.7827C101.62%2095.6482%20101.58%2093.8493%20100.445%2092.7647L79.4487%2072.693C78.3142%2071.6084%2076.5153%2071.6489%2075.4307%2072.7835Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13442_134983'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_13442_134983)'%3e%3cpath%20opacity='0.2'%20d='M105%2045.2598H97.5V64.0098C97.5%2074.3635%2089.1037%2082.7598%2078.75%2082.7598H45V90.2598C45%2098.5435%2051.7162%20105.26%2060%20105.26H82.5L98.85%20118.872C100.44%20120.196%20102.806%20119.982%20104.13%20118.392C104.692%20117.717%20105%20116.866%20105%20115.985V105.26C113.284%20105.26%20120%2098.5435%20120%2090.2598V60.2598C120%2051.976%20113.284%2045.2598%20105%2045.2598Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.2'%20d='M75%200.259766H15C6.71625%200.259766%200%206.97602%200%2015.2598V60.2598C0%2068.5435%206.71625%2075.2598%2015%2075.2598V89.6223C15%2091.6923%2016.68%2093.3723%2018.75%2093.3723C19.6425%2093.3723%2020.5088%2093.0535%2021.1875%2092.4723L41.25%2075.2598H75C83.2838%2075.2598%2090%2068.5435%2090%2060.2598V15.2598C90%206.97602%2083.2838%200.259766%2075%200.259766ZM27.7875%2043.0473C27.4575%2043.411%2027.0788%2043.726%2026.6625%2043.9848C26.2575%2044.2585%2025.8337%2044.4985%2025.3875%2044.6973C24.9225%2044.8698%2024.4462%2045.0085%2023.9625%2045.1098C23.4825%2045.2148%2022.9912%2045.2635%2022.5%2045.2598C18.3563%2045.2598%2015%2041.9035%2015%2037.7598C14.9213%2033.6198%2018.2138%2030.196%2022.3538%2030.1173C22.8937%2030.106%2023.4338%2030.1548%2023.9625%2030.2598C24.4462%2030.361%2024.9225%2030.4998%2025.3875%2030.6723C25.8412%2030.8598%2026.2688%2031.096%2026.6625%2031.3848C27.0713%2031.6435%2027.4462%2031.9435%2027.7875%2032.2848C29.2425%2033.7323%2030.0413%2035.7085%2030%2037.7598C29.9925%2039.7473%2029.1975%2041.6485%2027.7875%2043.0473ZM50.2875%2043.0473C48.8887%2044.4573%2046.9875%2045.2523%2045%2045.2598C44.5125%2045.316%2044.025%2045.316%2043.5375%2045.2598C43.0537%2045.1585%2042.5775%2045.0198%2042.1125%2044.8473C41.6662%2044.6485%2041.2425%2044.4085%2040.8375%2044.1348C40.4175%2043.8648%2040.0275%2043.5535%2039.675%2043.1973C38.2425%2041.7535%2037.4588%2039.7923%2037.5%2037.7598C37.4437%2037.2723%2037.4437%2036.7848%2037.5%2036.2973C37.6012%2035.8135%2037.74%2035.3373%2037.9125%2034.8723C38.1%2034.4185%2038.3363%2033.991%2038.625%2033.5973C38.8913%2033.1848%2039.195%2032.7948%2039.525%2032.4348C39.885%2032.1048%2040.275%2031.801%2040.6875%2031.5348C41.0813%2031.246%2041.5087%2031.0098%2041.9625%2030.8223C42.4725%2030.5898%2042.9975%2030.4023%2043.5375%2030.2598C47.5987%2029.4498%2051.5475%2032.0898%2052.3575%2036.151C52.4625%2036.6798%2052.5112%2037.2198%2052.5%2037.7598C52.5%2039.7398%2051.72%2041.641%2050.325%2043.0473H50.2875ZM72.7875%2043.0473C72.4575%2043.411%2072.0788%2043.726%2071.6625%2043.9848C71.2575%2044.2585%2070.8338%2044.4985%2070.3875%2044.6973C69.9225%2044.8698%2069.4463%2045.0085%2068.9625%2045.1098C68.4825%2045.2148%2067.9912%2045.2635%2067.5%2045.2598C63.3563%2045.2598%2060%2041.9035%2060%2037.7598C59.9212%2033.6198%2063.2138%2030.196%2067.3538%2030.1173C67.8938%2030.106%2068.4337%2030.1548%2068.9625%2030.2598C69.4463%2030.361%2069.9225%2030.4998%2070.3875%2030.6723C70.8413%2030.8598%2071.2688%2031.096%2071.6625%2031.3848C72.0713%2031.6435%2072.4463%2031.9435%2072.7875%2032.2848C74.2425%2033.7323%2075.0413%2035.7085%2075%2037.7598C74.9925%2039.7473%2074.1975%2041.6485%2072.7875%2043.0473Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M47.7349%2018.3633C41.9551%2018.3602%2036.3043%2020.0713%2031.497%2023.2801C26.6898%2026.4889%2022.9422%2031.0513%2020.7283%2036.3902C18.5143%2041.7291%2017.9334%2047.6047%2019.0591%2053.2738C20.1847%2058.9429%2022.9664%2064.1508%2027.0522%2068.2389C31.138%2072.3269%2036.3445%2075.1114%2042.013%2076.2401C47.6815%2077.3688%2053.5574%2076.7911%2058.8975%2074.58C64.2376%2072.3688%2068.802%2068.6237%2072.0134%2063.8182C75.2248%2059.0127%2076.9389%2053.3628%2076.9389%2047.583C76.9389%2039.8362%2073.8626%2032.4064%2068.3862%2026.9271C62.9099%2021.4478%2055.4817%2018.3674%2047.7349%2018.3633Z'%20fill='white'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.5233%2068.7793L76.311%2076.567'%20stroke='%23A1A1A1'%20stroke-width='1.57011'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.4307%2072.7835L73.0113%2075.3144C71.9267%2076.4489%2071.9672%2078.2479%2073.1017%2079.3324L94.0982%2099.4041C95.2328%20100.489%2097.0317%20100.448%2098.1163%2099.3137L100.536%2096.7827C101.62%2095.6482%20101.58%2093.8493%20100.445%2092.7647L79.4487%2072.693C78.3142%2071.6084%2076.5153%2071.6489%2075.4307%2072.7835Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13442_134983'%3e%3crect%20width='120'%20height='120'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
}

.cometchat-search__empty-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-search__empty-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
}

.cometchat-search__empty-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
}

/* Error state */

.cometchat-search__error-view {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding-5, 20px);
  justify-content: center;
  align-items: center;
  background: var(--cometchat-background-color-01, #FFF);
}

.cometchat-search__error-view-icon {
  height: 120px;
  width: 120px;
  mask: url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7089_707053'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='120'%20height='120'%3e%3cpath%20d='M120%2060C120%2068.9108%20118.054%2077.3757%20114.559%2084.9811C105.089%20105.649%2084.2189%20120%2060%20120C35.7811%20120%2014.9108%20105.649%205.44054%2084.9811C1.94595%2077.3757%200%2068.9108%200%2060C0%2026.8622%2026.8622%200%2060%200C93.1378%200%20120%2026.8622%20120%2060Z'%20fill='%23F4F7FC'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7089_707053)'%3e%3cpath%20d='M2.625%2084L22.5%2079.875L39%2086.25L24%2094.5L2.625%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M117.375%2084L97.5%2079.875L81%2086.25L96%2094.5L117.375%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.6'%20d='M39%2086.25H81L96%2094.5H24L39%2086.25Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M45.0793%2050.5798C51.8385%2046.6773%2060.4814%2048.9932%2064.3838%2055.7524C68.2863%2062.5115%2065.9704%2071.1545%2059.2112%2075.0569L51.2626%2079.646L49.1291%2089.2059C48.8661%2090.3844%2047.2924%2090.6255%2046.6887%2089.5798L43.0171%2083.2205C37.4837%2083.9945%2031.7809%2081.424%2028.8155%2076.2878C24.9131%2069.5286%2027.229%2060.8857%2033.9882%2056.9833L45.0793%2050.5798Z'%20fill='%23E8E8E8'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2054.8662%2058.7017)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2047.217%2063.1196)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2039.568%2067.5317)'%20fill='%23FAFAFA'/%3e%3cpath%20d='M68.7319%2023.6854C58.716%2021.0017%2048.4209%2026.9456%2045.7371%2036.9615C43.0534%2046.9774%2048.9973%2057.2726%2059.0132%2059.9563L70.7932%2063.1128L76.8182%2074.647C77.5609%2076.0689%2079.6633%2075.8372%2080.0785%2074.2876L82.6036%2064.864C89.9703%2063.9541%2096.404%2058.6946%2098.4433%2051.0841C101.127%2041.0681%2095.1831%2030.773%2085.1672%2028.0892L68.7319%2023.6854Z'%20fill='%23DCDCDC'/%3e%3ccircle%20cx='61.039'%20cy='41.0622'%20r='2.93362'%20transform='rotate(15%2061.039%2041.0622)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='72.3738'%20cy='44.0973'%20r='2.93362'%20transform='rotate(15%2072.3738%2044.0973)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='83.7081'%20cy='47.1384'%20r='2.93362'%20transform='rotate(15%2083.7081%2047.1384)'%20fill='%23FAFAFA'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M41.6951%2032.7839C42.2994%2032.6391%2042.6718%2032.0319%2042.527%2031.4277C42.3822%2030.8234%2041.775%2030.451%2041.1708%2030.5958L38.2534%2031.2949C37.6492%2031.4397%2037.2768%2032.0469%2037.4216%2032.6511C37.5663%2033.2553%2038.1735%2033.6278%2038.7777%2033.483L41.6951%2032.7839ZM52.5122%2019.092C52.5109%2019.7133%2052.0063%2020.216%2051.385%2020.2148C50.7637%2020.2136%2050.261%2019.7089%2050.2622%2019.0876L50.268%2016.0876C50.2692%2015.4663%2050.7739%2014.9636%2051.3952%2014.9648C52.0165%2014.966%2052.5192%2015.4707%2052.518%2016.092L52.5122%2019.092ZM43.1169%2026.0355C42.9758%2026.6405%2042.3709%2027.0167%2041.7658%2026.8756L38.8442%2026.1942C38.2391%2026.0531%2037.863%2025.4482%2038.0041%2024.8431C38.1452%2024.2381%2038.7501%2023.8619%2039.3552%2024.003L42.2768%2024.6844C42.8819%2024.8255%2043.258%2025.4304%2043.1169%2026.0355ZM46.7835%2020.5285C47.0607%2021.0846%2046.8345%2021.76%2046.2784%2022.0372C45.7224%2022.3143%2045.0469%2022.0882%2044.7698%2021.5321L43.4316%2018.8471C43.1544%2018.291%2043.3805%2017.6156%2043.9366%2017.3384C44.4927%2017.0613%2045.1682%2017.2874%2045.4453%2017.8435L46.7835%2020.5285Z'%20fill='%23DCDCDC'/%3e%3crect%20x='24'%20y='94.5'%20width='72'%20height='63'%20fill='%23DCDCDC'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7089_707053'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='120'%20height='120'%3e%3cpath%20d='M120%2060C120%2068.9108%20118.054%2077.3757%20114.559%2084.9811C105.089%20105.649%2084.2189%20120%2060%20120C35.7811%20120%2014.9108%20105.649%205.44054%2084.9811C1.94595%2077.3757%200%2068.9108%200%2060C0%2026.8622%2026.8622%200%2060%200C93.1378%200%20120%2026.8622%20120%2060Z'%20fill='%23F4F7FC'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7089_707053)'%3e%3cpath%20d='M2.625%2084L22.5%2079.875L39%2086.25L24%2094.5L2.625%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20d='M117.375%2084L97.5%2079.875L81%2086.25L96%2094.5L117.375%2084Z'%20fill='%23DCDCDC'/%3e%3cpath%20opacity='0.6'%20d='M39%2086.25H81L96%2094.5H24L39%2086.25Z'%20fill='%23A1A1A1'/%3e%3cpath%20d='M45.0793%2050.5798C51.8385%2046.6773%2060.4814%2048.9932%2064.3838%2055.7524C68.2863%2062.5115%2065.9704%2071.1545%2059.2112%2075.0569L51.2626%2079.646L49.1291%2089.2059C48.8661%2090.3844%2047.2924%2090.6255%2046.6887%2089.5798L43.0171%2083.2205C37.4837%2083.9945%2031.7809%2081.424%2028.8155%2076.2878C24.9131%2069.5286%2027.229%2060.8857%2033.9882%2056.9833L45.0793%2050.5798Z'%20fill='%23E8E8E8'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2054.8662%2058.7017)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2047.217%2063.1196)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='2.2081'%20cy='2.2081'%20r='2.2081'%20transform='matrix(-0.866025%200.5%200.5%200.866025%2039.568%2067.5317)'%20fill='%23FAFAFA'/%3e%3cpath%20d='M68.7319%2023.6854C58.716%2021.0017%2048.4209%2026.9456%2045.7371%2036.9615C43.0534%2046.9774%2048.9973%2057.2726%2059.0132%2059.9563L70.7932%2063.1128L76.8182%2074.647C77.5609%2076.0689%2079.6633%2075.8372%2080.0785%2074.2876L82.6036%2064.864C89.9703%2063.9541%2096.404%2058.6946%2098.4433%2051.0841C101.127%2041.0681%2095.1831%2030.773%2085.1672%2028.0892L68.7319%2023.6854Z'%20fill='%23DCDCDC'/%3e%3ccircle%20cx='61.039'%20cy='41.0622'%20r='2.93362'%20transform='rotate(15%2061.039%2041.0622)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='72.3738'%20cy='44.0973'%20r='2.93362'%20transform='rotate(15%2072.3738%2044.0973)'%20fill='%23FAFAFA'/%3e%3ccircle%20cx='83.7081'%20cy='47.1384'%20r='2.93362'%20transform='rotate(15%2083.7081%2047.1384)'%20fill='%23FAFAFA'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M41.6951%2032.7839C42.2994%2032.6391%2042.6718%2032.0319%2042.527%2031.4277C42.3822%2030.8234%2041.775%2030.451%2041.1708%2030.5958L38.2534%2031.2949C37.6492%2031.4397%2037.2768%2032.0469%2037.4216%2032.6511C37.5663%2033.2553%2038.1735%2033.6278%2038.7777%2033.483L41.6951%2032.7839ZM52.5122%2019.092C52.5109%2019.7133%2052.0063%2020.216%2051.385%2020.2148C50.7637%2020.2136%2050.261%2019.7089%2050.2622%2019.0876L50.268%2016.0876C50.2692%2015.4663%2050.7739%2014.9636%2051.3952%2014.9648C52.0165%2014.966%2052.5192%2015.4707%2052.518%2016.092L52.5122%2019.092ZM43.1169%2026.0355C42.9758%2026.6405%2042.3709%2027.0167%2041.7658%2026.8756L38.8442%2026.1942C38.2391%2026.0531%2037.863%2025.4482%2038.0041%2024.8431C38.1452%2024.2381%2038.7501%2023.8619%2039.3552%2024.003L42.2768%2024.6844C42.8819%2024.8255%2043.258%2025.4304%2043.1169%2026.0355ZM46.7835%2020.5285C47.0607%2021.0846%2046.8345%2021.76%2046.2784%2022.0372C45.7224%2022.3143%2045.0469%2022.0882%2044.7698%2021.5321L43.4316%2018.8471C43.1544%2018.291%2043.3805%2017.6156%2043.9366%2017.3384C44.4927%2017.0613%2045.1682%2017.2874%2045.4453%2017.8435L46.7835%2020.5285Z'%20fill='%23DCDCDC'/%3e%3crect%20x='24'%20y='94.5'%20width='72'%20height='63'%20fill='%23DCDCDC'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background: var(--cometchat-error-color, #F44649);
}

.cometchat-search__error-view-body {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-padding, 2px);
}

.cometchat-search__error-view-body-title {
  width: 280px;
  color: var(--cometchat-text-color-primary, #141414);
  text-align: center;
  font: var(--cometchat-font-heading3-bold);
}

.cometchat-search__error-view-body-description {
  width: 280px;
  color: var(--cometchat-text-color-secondary, #727272);
  text-align: center;
  font: var(--cometchat-font-body-regular);
}

.cometchat-search-messages__list-item {
  cursor: pointer;
  width: 100%;
}

.cometchat-search-messages__list-item .cometchat-list-item__body-subtitle,
.cometchat-search-messages__list-item .cometchat-search-messages__subtitle {
  display: flex;
  gap: var(--cometchat-padding-1, 4px);
  width: 100%;
  max-width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cometchat-search-messages__subtitle-text {
  overflow: hidden;
  color: var(--cometchat-text-color-secondary, #727272);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--cometchat-font-body-regular);
  width: 100%;
}

.cometchat-search-messages__trailing-view {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--cometchat-padding-1, 4px);
}

.cometchat-search-messages .cometchat-date {
  font: var(--cometchat-font-caption1-regular);
  color: var(--cometchat-text-color-secondary, #727272);
}

.cometchat-search-messages__see-more {
  gap: var(--cometchat-padding-3, 12px) 0px;
  display: flex;
  justify-content: flex-start;
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);

}

.cometchat-search-messages__see-more .cometchat-button {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  height: fit-content;
  width: fit-content;
  padding: 0;
}

.cometchat-search-messages__see-more .cometchat-button__text {
  color: var(--cometchat-primary-color, #6852D6);
  font: var(--cometchat-font-body-medium);
}

/* Animation for shimmer effect */

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.cometchat-search__messages-leading-view {
  background: var(--cometchat-background-color-01);
  height: 40px;
  width: 48px;
  border-radius: var(--cometchat-radius-max, 1000px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-search__messages-leading-view-link>.cometchat-search__messages-leading-view-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M11.3334%204.6665H8.66671V5.99984H11.3334C12.4334%205.99984%2013.3334%206.89984%2013.3334%207.99984C13.3334%209.09984%2012.4334%209.99984%2011.3334%209.99984H8.66671V11.3332H11.3334C13.1734%2011.3332%2014.6667%209.83984%2014.6667%207.99984C14.6667%206.15984%2013.1734%204.6665%2011.3334%204.6665ZM7.33337%209.99984H4.66671C3.56671%209.99984%202.66671%209.09984%202.66671%207.99984C2.66671%206.89984%203.56671%205.99984%204.66671%205.99984H7.33337V4.6665H4.66671C2.82671%204.6665%201.33337%206.15984%201.33337%207.99984C1.33337%209.83984%202.82671%2011.3332%204.66671%2011.3332H7.33337V9.99984ZM5.33337%207.33317H10.6667V8.6665H5.33337V7.33317Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M11.3334%204.6665H8.66671V5.99984H11.3334C12.4334%205.99984%2013.3334%206.89984%2013.3334%207.99984C13.3334%209.09984%2012.4334%209.99984%2011.3334%209.99984H8.66671V11.3332H11.3334C13.1734%2011.3332%2014.6667%209.83984%2014.6667%207.99984C14.6667%206.15984%2013.1734%204.6665%2011.3334%204.6665ZM7.33337%209.99984H4.66671C3.56671%209.99984%202.66671%209.09984%202.66671%207.99984C2.66671%206.89984%203.56671%205.99984%204.66671%205.99984H7.33337V4.6665H4.66671C2.82671%204.6665%201.33337%206.15984%201.33337%207.99984C1.33337%209.83984%202.82671%2011.3332%204.66671%2011.3332H7.33337V9.99984ZM5.33337%207.33317H10.6667V8.6665H5.33337V7.33317Z'%20fill='%23A1A1A1'/%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
  height: 16px;
  width: 16px;
  transform: scale(2);


}

.cometchat-search__messages-leading-view-audio.cometchat-search__messages-leading-view {
  background-color: var(--cometchat-primary-color, #6852D6);
}

.cometchat-search__messages-leading-view-audio>.cometchat-search__messages-leading-view-icon {
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8334'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8334)'%3e%3cpath%20d='M8.5%2016.4442V7.55573C8.5%207.29173%208.59058%207.07506%208.77175%206.90573C8.95292%206.73656%209.16433%206.65198%209.406%206.65198C9.4815%206.65198%209.56067%206.66289%209.6435%206.68473C9.72633%206.70639%209.80542%206.73906%209.88075%206.78273L16.8767%2011.2365C17.0141%2011.3301%2017.117%2011.4423%2017.1855%2011.573C17.2542%2011.7038%2017.2885%2011.8461%2017.2885%2012C17.2885%2012.1538%2017.2542%2012.2961%2017.1855%2012.427C17.117%2012.5576%2017.0141%2012.6698%2016.8767%2012.7635L9.88075%2017.2172C9.80525%2017.2609%209.72592%2017.2936%209.64275%2017.3152C9.55975%2017.3371%209.4805%2017.348%209.405%2017.348C9.16317%2017.348%208.95192%2017.2634%208.77125%2017.0942C8.59042%2016.9249%208.5%2016.7082%208.5%2016.4442Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_740_8334'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_740_8334)'%3e%3cpath%20d='M8.5%2016.4442V7.55573C8.5%207.29173%208.59058%207.07506%208.77175%206.90573C8.95292%206.73656%209.16433%206.65198%209.406%206.65198C9.4815%206.65198%209.56067%206.66289%209.6435%206.68473C9.72633%206.70639%209.80542%206.73906%209.88075%206.78273L16.8767%2011.2365C17.0141%2011.3301%2017.117%2011.4423%2017.1855%2011.573C17.2542%2011.7038%2017.2885%2011.8461%2017.2885%2012C17.2885%2012.1538%2017.2542%2012.2961%2017.1855%2012.427C17.117%2012.5576%2017.0141%2012.6698%2016.8767%2012.7635L9.88075%2017.2172C9.80525%2017.2609%209.72592%2017.2936%209.64275%2017.3152C9.55975%2017.3371%209.4805%2017.348%209.405%2017.348C9.16317%2017.348%208.95192%2017.2634%208.77125%2017.0942C8.59042%2016.9249%208.5%2016.7082%208.5%2016.4442Z'%20fill='%23141414'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  background: var(--cometchat-static-white, #A1A1A1);
  height: 16px;
  width: 16px;
  transform: scale(2);


}

.cometchat-search__body-filter .cometchat-button__text {
  color: var(--cometchat-text-color-primary, #141414);
  font: var(--cometchat-font-body-regular);
}

.cometchat-search-messages__subtitle {
  font: var(--cometchat-font-body-regular);
  color: var(--cometchat-text-color-secondary, #727272);
}

.cometchat-search-messages__date-separator .cometchat-date {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--cometchat-text-color-secondary, #727272);
  font: var(--cometchat-font-caption1-regular);

}

.cometchat-search-messages__date-separator {
  padding: 0px var(--cometchat-padding-2, 8px);

}

.cometchat-search__messages-trailing-view {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cometchat-search__messages-trailing-view img,
.cometchat-search__messages-trailing-view video {
  max-height: 80px;
  max-width: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.cometchat-search__messages-video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.cometchat-search__messages-video-play-button:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid white;
  margin-left: 3px;
}

.cometchat-search__messages-trailing-view-video {
  position: relative;
}

.cometchat-search .cometchat-list__header-title {
  color: var(--cometchat-text-color-secondary, #727272);

  font: var(--cometchat-font-body-regular)
}

.cometchat-search__conversations,
.cometchat-search__messages {
  min-height: 110px;
  height: fit-content;
}

.cometchat-search__results::-webkit-scrollbar,
.cometchat-search__input::-webkit-scrollbar {
  display: none;
}

.cometchat-search__results::-webkit-scrollbar-thumb,
.cometchat-search__input::-webkit-scrollbar-thumb {
  display: none;
}

.cometchat-search__conversations-list-item-online .cometchat-list-item__status,
.cometchat-search__conversations-list-item-password .cometchat-list-item__status,
.cometchat-search__conversations-list-item-private .cometchat-list-item__status {
  width: 14px;
  height: 14px;
  margin-right: -14px;
  position: relative;
  top: 20px;
  right: 15px;
  border-radius: var(--cometchat-radius-max, 1000px);
  min-width: 14px;
  border: 2px solid var(--cometchat-neutral-color-50, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cometchat-search__conversations-list-item-online .cometchat-list-item__status {
  margin-right: -12px;
  background: var(--cometchat-success-color, #09C26F);
}

.cometchat-search__conversations-list-item-password .cometchat-list-item__status {
  background-color: var(--cometchat-success-color, #09C26F);
}

.cometchat-search__conversations-list-item-private .cometchat-list-item__status {
  background-color: var(--cometchat-warning-color, #FFAB00);
}

.cometchat-search__conversations-list-item-password .cometchat-list-item__status-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7292_139201'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='8'%20height='8'%3e%3crect%20width='8'%20height='8'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7292_139201)'%3e%3cpath%20d='M2.10258%207.16797C1.93686%207.16797%201.795%207.10897%201.677%206.99097C1.559%206.87297%201.5%206.73111%201.5%206.56539V3.43722C1.5%203.2715%201.559%203.12964%201.677%203.01164C1.795%202.89364%201.93686%202.83464%202.10258%202.83464H2.5V2.16797C2.5%201.75175%202.64594%201.39769%202.93783%201.1058C3.22972%200.813913%203.58378%200.667969%204%200.667969C4.41622%200.667969%204.77028%200.813913%205.06217%201.1058C5.35406%201.39769%205.5%201.75175%205.5%202.16797V2.83464H5.89742C6.06314%202.83464%206.205%202.89364%206.323%203.01164C6.441%203.12964%206.5%203.2715%206.5%203.43722V6.56539C6.5%206.73111%206.441%206.87297%206.323%206.99097C6.205%207.10897%206.06314%207.16797%205.89742%207.16797H2.10258ZM4%205.58464C4.16194%205.58464%204.29967%205.52791%204.41317%205.41447C4.52661%205.30097%204.58333%205.16325%204.58333%205.0013C4.58333%204.83936%204.52661%204.70164%204.41317%204.58814C4.29967%204.47469%204.16194%204.41797%204%204.41797C3.83806%204.41797%203.70033%204.47469%203.58683%204.58814C3.47339%204.70164%203.41667%204.83936%203.41667%205.0013C3.41667%205.16325%203.47339%205.30097%203.58683%205.41447C3.70033%205.52791%203.83806%205.58464%204%205.58464ZM3%202.83464H5V2.16797C5%201.89019%204.90278%201.65408%204.70833%201.45964C4.51389%201.26519%204.27778%201.16797%204%201.16797C3.72222%201.16797%203.48611%201.26519%203.29167%201.45964C3.09722%201.65408%203%201.89019%203%202.16797V2.83464Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  height: 8px;
  width: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  background: var(--cometchat-static-white, #FFF);
}

.cometchat-search__conversations-list-item-private .cometchat-list-item__status-icon {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021.371C11.8962%2021.371%2011.7943%2021.3627%2011.6942%2021.346C11.5942%2021.3293%2011.4974%2021.3043%2011.4037%2021.271C9.29492%2020.521%207.61708%2019.1913%206.37025%2017.2818C5.12342%2015.3721%204.5%2013.3115%204.5%2011.1V6.59625C4.5%206.21792%204.60967%205.87658%204.829%205.57225C5.04817%205.26775%205.33017%205.04692%205.675%204.90975L11.3672%202.78475C11.5814%202.70775%2011.7923%202.66925%2012%202.66925C12.2077%202.66925%2012.4186%202.70775%2012.6328%202.78475L18.325%204.90975C18.6698%205.04692%2018.9518%205.26775%2019.171%205.57225C19.3903%205.87658%2019.5%206.21792%2019.5%206.59625V11.1C19.5%2013.3115%2018.8766%2015.3721%2017.6298%2017.2818C16.3829%2019.1913%2014.7051%2020.521%2012.5963%2021.271C12.5026%2021.3043%2012.4058%2021.3293%2012.3058%2021.346C12.2058%2021.3627%2012.1038%2021.371%2012%2021.371Z'%20fill='%23141414'/%3e%3c/svg%3e") center center no-repeat;
  height: 8px;
  width: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  border: none;
  align-self: center;
  background: var(--cometchat-static-white, #FFF);
}

.cometchat-search .cometchat-list__header-title {
  padding: 0px var(--cometchat-padding-4, 16px);
}

.cometchat-search__initial-view {
  padding: var(--cometchat-padding-3, 12px) var(--cometchat-padding-4, 16px);
}

.cometchat-search .cometchat-list .cometchat-list__header,
.cometchat-search .cometchat-list .cometchat-list__body {
  border: none;
}

.cometchat-search__body-filter-active {
  border-radius: var(--cometchat-radius-max, 1000px);
  border: 1px solid var(--cometchat-neutral-color-800, #434343);
  background: var(--cometchat-neutral-color-900, #141414);

}

.cometchat-search__body-filter-active .cometchat-button__text {
  color: var(--cometchat-neutral-color-50, #141414);
}

.cometchat-search__body-filter-active .cometchat-button__icon {
  background: var(--cometchat-neutral-color-50, #141414);
}

.cometchat-search__messages-leading-view-file {
  height: 32px;
  width: 32px;
}

.cometchat-list-item__body-title {
  color: var(--cometchat-text-color-secondary, #727272);
}

.cometchat-search__messages-subtitle-icon-thread{
  height: 16px;
  width: 16px;
  border: none;
  border-radius: 0;
  background: var(--cometchat-icon-color-secondary, #A1A1A1);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  mask: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_7483_289797'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='17'%3e%3crect%20y='0.5'%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_7483_289797)'%3e%3cpath%20d='M8.98184%2013.8052C8.8785%2013.7017%208.82789%2013.5836%208.83%2013.4507C8.83211%2013.3178%208.88273%2013.2017%208.98184%2013.1025L11.0845%2011H4.87167C4.53923%2011%204.25523%2010.8823%204.01967%2010.6468C3.78423%2010.4113%203.6665%2010.1273%203.6665%209.79483V4C3.6665%203.85811%203.71439%203.73933%203.81017%203.64367C3.90584%203.54789%204.02461%203.5%204.1665%203.5C4.30839%203.5%204.42717%203.54789%204.52284%203.64367C4.61862%203.73933%204.6665%203.85811%204.6665%204V9.79483C4.6665%209.85472%204.68573%209.90389%204.72417%209.94233C4.76261%209.98078%204.81178%2010%204.87167%2010H11.0845L8.97167%207.88717C8.86823%207.78372%208.81823%207.66661%208.82167%207.53583C8.82511%207.40517%208.87511%207.28811%208.97167%207.18467C9.07511%207.08122%209.19328%207.02889%209.32617%207.02767C9.45906%207.02633%209.57506%207.07522%209.67417%207.17433L12.578%2010.0782C12.6404%2010.1406%2012.6844%2010.2064%2012.71%2010.2757C12.7357%2010.3449%2012.7485%2010.4197%2012.7485%2010.5C12.7485%2010.5803%2012.7357%2010.6551%2012.71%2010.7243C12.6844%2010.7936%2012.6404%2010.8594%2012.578%2010.9218L9.69467%2013.8052C9.59123%2013.9085%209.47245%2013.9602%209.33834%2013.9602C9.20411%2013.9602%209.08528%2013.9085%208.98184%2013.8052Z'%20fill='%23A1A1A1'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cometchat * {
    box-sizing: border-box;
}

.cometchat-mentions > span{
    color: var(--cometchat-text-color-highlight);
font:var(--cometchat-font-body-regular);
}

.cometchat-mentions{
    display: inline-block;
    width: fit-content;
}

.cometchat-mentions-outgoing,.cometchat-mentions-incoming{
    border-radius: var(--cometchat-radius, 2px);
    display: inline-flex;
    padding: 0px var(--cometchat-padding, 2px);
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.cometchat-mentions-outgoing.cometchat-mentions-you{
    background: rgba(255, 171, 0, 0.20);
}

.cometchat-mentions-outgoing.cometchat-mentions-other{
    background: rgba(249, 248, 253, 0.20);
}

.cometchat-mentions-incoming.cometchat-mentions-you{
    background: rgba(255, 171, 0, 0.20);
}

.cometchat-mentions-incoming.cometchat-mentions-other{
    background: rgba(104, 82, 214, 0.20);
}

.cometchat-mentions-outgoing.cometchat-mentions-you > span{
    color: var(--cometchat-warning-color);

}

.cometchat-mentions-outgoing.cometchat-mentions-other > span{
    color: var(--cometchat-static-white);

}

.cometchat-mentions-incoming.cometchat-mentions-you > span{
    color: var(--cometchat-warning-color);

}

.cometchat-mentions-incoming.cometchat-mentions-other > span{
    color: var(--cometchat-text-color-highlight);

}

.cometchat-text-bubble-incoming .cometchat-url{
    color: var(--cometchat-info-color);
}

.cometchat-text-bubble .cometchat-url{
    text-decoration: underline;
}

.cometchat-text-bubble .cometchat-text-highlight {
    font: var(--cometchat-font-body-bold);
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Black-DoU0hL5p.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-BlackItalic-D68qacvc.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Bold-CM98DFac.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-BoldItalic-Cj1Fcf4Z.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Regular-ia0dPpEo.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Italic-CPH5wpff.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Light-BW8nAIZg.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-LightItalic-DqE8hU0c.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-Medium-BJbjO3wX.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/Roboto-MediumItalic-RWt9ABIJ.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

:root {
  /* Spacing Units
  Define consistent spacing units to be used throughout the application. These variables provide a range of spacing intervals for padding, margin, and layout styling, ensuring uniformity across components.
    */

  --cometchat-spacing: 2px;
  --cometchat-spacing-1: 4px;
  --cometchat-spacing-2: 8px;
  --cometchat-spacing-3: 12px;
  --cometchat-spacing-4: 16px;
  --cometchat-spacing-5: 20px;
  --cometchat-spacing-6: 24px;
  --cometchat-spacing-7: 28px;
  --cometchat-spacing-8: 32px;
  --cometchat-spacing-9: 36px;
  --cometchat-spacing-10: 40px;
  --cometchat-spacing-11: 44px;
  --cometchat-spacing-12: 48px;
  --cometchat-spacing-13: 52px;
  --cometchat-spacing-14: 56px;
  --cometchat-spacing-15: 60px;
  --cometchat-spacing-16: 64px;
  --cometchat-spacing-17: 68px;
  --cometchat-spacing-18: 72px;
  --cometchat-spacing-19: 76px;
  --cometchat-spacing-20: 80px;
  --cometchat-spacing-max: 1000px;

  /* Padding
  Map padding values to corresponding spacing units for consistent padding across all UI elements,
  enhancing visual rhythm and balance.
    */
  --cometchat-padding: var(--cometchat-spacing);
  --cometchat-padding-1: var(--cometchat-spacing-1);
  --cometchat-padding-2: var(--cometchat-spacing-2);
  --cometchat-padding-3: var(--cometchat-spacing-3);
  --cometchat-padding-4: var(--cometchat-spacing-4);
  --cometchat-padding-5: var(--cometchat-spacing-5);
  --cometchat-padding-6: var(--cometchat-spacing-6);
  --cometchat-padding-7: var(--cometchat-spacing-7);
  --cometchat-padding-8: var(--cometchat-spacing-8);
  --cometchat-padding-9: var(--cometchat-spacing-9);
  --cometchat-padding-10: var(--cometchat-spacing-10);

  /* Margin
    Map margin values to corresponding spacing units to ensure consistent spacing between elements and maintain a cohesive layout throughout the application.
    */
  --cometchat-margin: var(--cometchat-spacing);
  --cometchat-margin-1: var(--cometchat-spacing-1);
  --cometchat-margin-2: var(--cometchat-spacing-2);
  --cometchat-margin-3: var(--cometchat-spacing-3);
  --cometchat-margin-4: var(--cometchat-spacing-4);
  --cometchat-margin-5: var(--cometchat-spacing-5);
  --cometchat-margin-6: var(--cometchat-spacing-6);
  --cometchat-margin-7: var(--cometchat-spacing-7);
  --cometchat-margin-8: var(--cometchat-spacing-8);
  --cometchat-margin-9: var(--cometchat-spacing-9);
  --cometchat-margin-10: var(--cometchat-spacing-10);
  --cometchat-margin-11: var(--cometchat-spacing-11);
  --cometchat-margin-12: var(--cometchat-spacing-12);
  --cometchat-margin-13: var(--cometchat-spacing-13);
  --cometchat-margin-14: var(--cometchat-spacing-14);
  --cometchat-margin-15: var(--cometchat-spacing-15);
  --cometchat-margin-16: var(--cometchat-spacing-16);
  --cometchat-margin-17: var(--cometchat-spacing-17);
  --cometchat-margin-18: var(--cometchat-spacing-18);
  --cometchat-margin-19: var(--cometchat-spacing-19);
  --cometchat-margin-20: var(--cometchat-spacing-20);

  /* Border Radius
   Define border-radius values tied to spacing units,
      providing consistent rounded corners for UI elements,
      aligning with the overall design system.
     */
  --cometchat-radius: var(--cometchat-spacing);
  --cometchat-radius-1: var(--cometchat-spacing-1);
  --cometchat-radius-2: var(--cometchat-spacing-2);
  --cometchat-radius-3: var(--cometchat-spacing-3);
  --cometchat-radius-4: var(--cometchat-spacing-4);
  --cometchat-radius-5: var(--cometchat-spacing-5);
  --cometchat-radius-6: var(--cometchat-spacing-6);
  --cometchat-radius-max: var(--cometchat-spacing-max);
  /*
    These variables define the fonts for different text elements.
    Use these to maintain consistent typography styles throughout your application.
     */
  --cometchat-font-family: 'Roboto', 'Inter';
  --cometchat-font-title-bold: 700 32px/38.4px var(--cometchat-font-family);
  --cometchat-font-title-medium: 500 32px/38.4px var(--cometchat-font-family);
  --cometchat-font-title-regular: 400 32px/38.4px var(--cometchat-font-family);

  --cometchat-font-heading1-bold: 700 24px/28.8px var(--cometchat-font-family);
  --cometchat-font-heading1-medium: 500 24px/28.8px var(--cometchat-font-family);
  --cometchat-font-heading1-regular: 400 24px/28.8px var(--cometchat-font-family);

  --cometchat-font-heading2-bold: 700 20px/24px var(--cometchat-font-family);
  --cometchat-font-heading2-medium: 500 20px/24px var(--cometchat-font-family);
  --cometchat-font-heading2-regular: 400 20px/24px var(--cometchat-font-family);

  --cometchat-font-heading3-bold: 700 18px/21.6px var(--cometchat-font-family);
  --cometchat-font-heading3-medium: 500 18px/21.6px var(--cometchat-font-family);
  --cometchat-font-heading3-regular: 400 18px/21.6px var(--cometchat-font-family);

  --cometchat-font-heading4-bold: 700 16px/19.2px var(--cometchat-font-family);
  --cometchat-font-heading4-medium: 500 16px/19.2px var(--cometchat-font-family);
  --cometchat-font-heading4-regular: 400 16px/19.2px var(--cometchat-font-family);

  --cometchat-font-body-bold: 700 14px/16.8px var(--cometchat-font-family);
  --cometchat-font-body-medium: 500 14px/16.8px var(--cometchat-font-family);
  --cometchat-font-body-regular: 400 14px/16.8px var(--cometchat-font-family);

  --cometchat-font-caption1-bold: 700 12px/14.4px var(--cometchat-font-family);
  --cometchat-font-caption1-medium: 500 12px/14.4px var(--cometchat-font-family);
  --cometchat-font-caption1-regular: 400 12px/14.4px var(--cometchat-font-family);

  --cometchat-font-caption2-bold: 700 10px/12px var(--cometchat-font-family);
  --cometchat-font-caption2-medium: 500 10px/12px var(--cometchat-font-family);
  --cometchat-font-caption2-regular: 400 10px/12px var(--cometchat-font-family);

  --cometchat-font-button-bold: 700 14px/16.8px var(--cometchat-font-family);
  --cometchat-font-button-medium: 500 14px/16.8px var(--cometchat-font-family);
  --cometchat-font-button-regular: 400 14px/16.8px var(--cometchat-font-family);

  --cometchat-font-link: 400 14px/19.6px var(--cometchat-font-family);

  /*Primary & Extended Colors
   Set the primary color and a range of extended shades to be used throughout the application,
    maintaining a consistent visual theme with variations to suit different UI components and states.
     */
  --cometchat-primary-color: #6852D6;
  --cometchat-extended-primary-color-50: #F9F8FD;
  --cometchat-extended-primary-color-100: #EDEAFA;
  --cometchat-extended-primary-color-200: #DCD7F6;
  --cometchat-extended-primary-color-300: #CCC4F1;
  --cometchat-extended-primary-color-400: #BBB1ED;
  --cometchat-extended-primary-color-500: #AA9EE8;
  --cometchat-extended-primary-color-600: #9A8BE4;
  --cometchat-extended-primary-color-700: #8978DF;
  --cometchat-extended-primary-color-800: #7965DB;
  --cometchat-extended-primary-color-900: #5D49BE;

  /*
    Neutral Colors
     Define a neutral color palette, providing versatile shades for backgrounds,text and borders. These neutrals serve as the foundation for the application's color scheme.
     */
  --cometchat-neutral-color-50: #FFFFFF;
  --cometchat-neutral-color-100: #FAFAFA;
  --cometchat-neutral-color-200: #F5F5F5;
  --cometchat-neutral-color-300: #E8E8E8;
  --cometchat-neutral-color-400: #DCDCDC;
  --cometchat-neutral-color-500: #A1A1A1;
  --cometchat-neutral-color-600: #727272;
  --cometchat-neutral-color-700: #5B5B5B;
  --cometchat-neutral-color-800: #434343;
  --cometchat-neutral-color-900: #141414;

  /*
  Alert Colors
   Assign colors for various alerts, such as informational messages, warnings,  success notifications,
and errors.
     */
  --cometchat-info-color: #0B7BEA;
  --cometchat-warning-color: #FFAB00;
  --cometchat-success-color: #09C26F;
  --cometchat-error-color: #F44649;

  /*
    Static colors
     Assign colors for various alerts, such as informational messages, warnings,  success notifications,
  and errors.
       */

  --cometchat-static-black: #141414;
  --cometchat-static-white: #FFFFFF;

  /*
  Background Colors
   Specify background colors derived from the neutral palette for different sections of the application.
     */
  --cometchat-background-color-01: var(--cometchat-neutral-color-50);
  --cometchat-background-color-02: var(--cometchat-neutral-color-100);
  --cometchat-background-color-03: var(--cometchat-neutral-color-200);
  --cometchat-background-color-04: var(--cometchat-neutral-color-300);



  /*
  Border Colors
Define border colors for UI elements,
    creating clear visual boundaries
      */
  --cometchat-border-color-light: var(--cometchat-neutral-color-200);
  --cometchat-border-color-default: var(--cometchat-neutral-color-300);
  --cometchat-border-color-dark: var(--cometchat-neutral-color-400);
  --cometchat-border-color-highlight: var(--cometchat-primary-color);


  /*
  Text Colors
  Define text colors to ensure readability and contrast against various background shades. These include primary, secondary, tertiary, disabled, and highlight text colors.
      */
  --cometchat-text-color-primary: var(--cometchat-neutral-color-900);
  --cometchat-text-color-secondary: var(--cometchat-neutral-color-600);
  --cometchat-text-color-tertiary: var(--cometchat-neutral-color-500);
  --cometchat-text-color-disabled: var(--cometchat-neutral-color-400);
  --cometchat-text-color-white: var(--cometchat-neutral-color-50);
  --cometchat-text-color-highlight: var(--cometchat-primary-color);

  /*
  Icon Colors
   Assign colors for icons throughout the application. Icon colors align with the text and background palettes.
     */
  --cometchat-icon-color-primary: var(--cometchat-neutral-color-900);
  --cometchat-icon-color-secondary: var(--cometchat-neutral-color-500);
  --cometchat-icon-color-tertiary: var(--cometchat-neutral-color-400);
  --cometchat-icon-color-white: var(--cometchat-neutral-color-50);
  --cometchat-icon-color-highlight: var(--cometchat-primary-color);

  /*
    Styling for shimmer effects shown while loading content in the uikit.
     */
  --cometchat-shimmer-background-color: var(--cometchat-neutral-color-200);
  --cometchat-shimmer-gradient-color: linear-gradient(90deg, #E0E0E0 0%, #EEE 100%);

  /*
    Styling for buttons.
     */
  --cometchat-primary-button-background: var(--cometchat-primary-color);
  --cometchat-primary-button-text: var(--cometchat-static-white);
  --cometchat-primary-button-icon: var(--cometchat-static-white);
  --cometchat-secondary-button-background: var(--cometchat-neutral-color-900);
  --cometchat-secondary-button-icon: var(--cometchat-neutral-color-900);
  --cometchat-secondary-button-text: var(--cometchat-neutral-color-900);
  --cometchat-link-button: var(--cometchat-info-color);
  --cometchat-fab-button-background: var(--cometchat-primary-color);
  --cometchat-fab-button-icon: var(--cometchat-static-white);
  --cometchat-white-hover: var(--cometchat-neutral-color-100);
  --cometchat-white-pressed: var(--cometchat-neutral-color-300);
}

[data-theme="dark"] {
  --cometchat-primary-color: #6852D6;
  --cometchat-extended-primary-color-50: #15102B;
  --cometchat-extended-primary-color-100: #1D173C;
  --cometchat-extended-primary-color-200: #251E4D;
  --cometchat-extended-primary-color-300: #2E245E;
  --cometchat-extended-primary-color-400: #362B6F;
  --cometchat-extended-primary-color-500: #3E3180;
  --cometchat-extended-primary-color-600: #473892;
  --cometchat-extended-primary-color-700: #4F3EA3;
  --cometchat-extended-primary-color-800: #5745B4;
  --cometchat-extended-primary-color-900: #7460D9;
  /**
   * Neutral Colors
  * Define a neutral color palette, providing versatile shades for backgrounds,text and borders. These neutrals serve as the foundation for the application's color scheme.
   **/
  --cometchat-neutral-color-50: #141414;
  --cometchat-neutral-color-100: #1A1A1A;
  --cometchat-neutral-color-200: #272727;
  --cometchat-neutral-color-300: #383838;
  --cometchat-neutral-color-400: #4C4C4C;
  --cometchat-neutral-color-500: #858585;
  --cometchat-neutral-color-600: #989898;
  --cometchat-neutral-color-700: #A8A8A8;
  --cometchat-neutral-color-800: #C8C8C8;
  --cometchat-neutral-color-900: #FFFFFF;
  /*
  Alert Colors
  Assign colors for various alerts, such as informational messages, warnings,  success notifications,
  and errors.
     */

  --cometchat-info-color: #0D66BF;
  --cometchat-warning-color: #D08D04;
  --cometchat-success-color: #0B9F5D;
  --cometchat-message-seen-color: #56E8A7;
  --cometchat-error-color: #C73C3E;
  
    /*
    Static colors
     Assign colors for various alerts, such as informational messages, warnings,  success notifications,
  and errors.
       */

       --cometchat-static-black: #141414;
       --cometchat-static-white: #FFFFFF;

  /*
  Background Colors
   Specify background colors derived from the neutral palette for different sections of the application.
     */
  --cometchat-background-color-01: var(--cometchat-neutral-color-50);
  --cometchat-background-color-02: var(--cometchat-neutral-color-100);
  --cometchat-background-color-03: var(--cometchat-neutral-color-200);
  --cometchat-background-color-04: var(--cometchat-neutral-color-300);

  /*
  Border Colors
Define border colors for UI elements,
    creating clear visual boundaries
      */
  --cometchat-border-color-light: var(--cometchat-neutral-color-200);
  --cometchat-border-color-default: var(--cometchat-neutral-color-300);
  --cometchat-border-color-dark: var(--cometchat-neutral-color-400);
  --cometchat-border-color-highlight: var(--cometchat-primary-color);

  /*
  Text Colors
  Define text colors to ensure readability and contrast against various background shades. These include primary, secondary, tertiary, disabled, and highlight text colors.
      */
  --cometchat-text-color-primary: var(--cometchat-neutral-color-900);
  --cometchat-text-color-secondary: var(--cometchat-neutral-color-600);
  --cometchat-text-color-tertiary: var(--cometchat-neutral-color-500);
  --cometchat-text-color-disabled: var(--cometchat-neutral-color-400);
  --cometchat-text-color-white: var(--cometchat-neutral-color-50);
  --cometchat-text-color-highlight: var(--cometchat-primary-color);

  /*
  Icon Colors
   Assign colors for icons throughout the application. Icon colors align with the text and background palettes.
     */
  --cometchat-icon-color-primary: var(--cometchat-neutral-color-900);
  --cometchat-icon-color-secondary: var(--cometchat-neutral-color-500);
  --cometchat-icon-color-tertiary: var(--cometchat-neutral-color-400);
  --cometchat-icon-color-white: var(--cometchat-neutral-color-50);
  --cometchat-icon-color-highlight: var(--cometchat-primary-color);
  /*
  Styling for shimmer effects shown while loading content in the uikit.
   */
  --cometchat-shimmer-background-color: var(--cometchat-background-color-01);
  --cometchat-shimmer-gradient-color: linear-gradient(90deg, #383838 0%, #272727 100%);

  /*
   Styling for buttons.
  */
  --cometchat-primary-button-background: var(--cometchat-primary-color);
  --cometchat-primary-button-text: var(--cometchat-static-white);
  --cometchat-primary-button-icon: var(--cometchat-static-white);
  --cometchat-secondary-button-background: var(--cometchat-neutral-color-900);
  --cometchat-secondary-button-text: var(--cometchat-neutral-color-900);
  --cometchat-secondary-button-icon: var(--cometchat-neutral-color-900);
  --cometchat-link-button: var(--cometchat-info-color);
  --cometchat-fab-button-background: var(--cometchat-primary-color);
  --cometchat-fab-button-icon: var(--cometchat-static-white);
  --cometchat-white-hover: var(--cometchat-neutral-color-100);
  --cometchat-white-pressed: var(--cometchat-neutral-color-300);
}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-zinc-700:oklch(37% .013 285.805);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-inter:var(--font-family-inter)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);--tw-tracking:-.1px;letter-spacing:-.1px;outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{font-family:var(--font-sans);color:var(--foreground);background-color:var(--background)!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-9{top:calc(var(--spacing)*9)}.top-18{top:calc(var(--spacing)*18)}.top-\[7rem\]{top:7rem}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[16px\]{bottom:16px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[--sidebar-width\]{left:--sidebar-width}.left-\[16px\]{left:16px}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-90{z-index:90}.z-\[9999\]{z-index:9999}.col-0{grid-column:0}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-5{grid-column:5}.col-6{grid-column:6}.col-12{grid-column:12}.col-auto{grid-column:auto}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-left{float:left}.float-none{float:none}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-6{margin-block:calc(var(--spacing)*6)}.my-auto{margin-block:auto}.ms-auto{margin-inline-start:auto}.me-0{margin-inline-end:calc(var(--spacing)*0)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-5{margin-inline-end:calc(var(--spacing)*5)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-\[10\.2rem\]{margin-top:10.2rem}.mt-auto{margin-top:auto}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-32{margin-bottom:calc(var(--spacing)*32)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-full{width:100%;height:100%}.h-0{height:calc(var(--spacing)*0)}.h-1\/4{height:25%}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-32{height:calc(var(--spacing)*32)}.h-100{height:calc(var(--spacing)*100)}.h-\[15rem\]{height:15rem}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[20rem\]{height:20rem}.h-\[24px\]{height:24px}.h-\[25rem\]{height:25rem}.h-\[28px\]{height:28px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[296px\]{height:296px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[8rem\]{max-height:8rem}.max-h-\[25rem\]{max-height:25rem}.max-h-\[140px\]{max-height:140px}.max-h-\[150px\]{max-height:150px}.max-h-\[256px\]{max-height:256px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-\[8rem\]{min-height:8rem}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-15{width:calc(var(--spacing)*15)}.w-17{width:calc(var(--spacing)*17)}.w-20{width:calc(var(--spacing)*20)}.w-25{width:calc(var(--spacing)*25)}.w-32{width:calc(var(--spacing)*32)}.w-50{width:calc(var(--spacing)*50)}.w-65{width:calc(var(--spacing)*65)}.w-100{width:calc(var(--spacing)*100)}.w-\[16px\]{width:16px}.w-\[24px\]{width:24px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[56px\]{width:56px}.w-\[67\%\]{width:67%}.w-\[100\%\]{width:100%}.w-\[120px\]{width:120px}.w-\[240px\]{width:240px}.w-\[256px\]{width:256px}.w-\[320px\]{width:320px}.w-\[400px\]{width:400px}.w-\[448px\]{width:448px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-4{flex:4}.flex-6{flex:6}.flex-auto{flex:auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-grow-1,.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-end{align-content:flex-end}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-16{gap:calc(var(--spacing)*16)}.gap-\[10px\]{gap:10px}.gap-\[14px\]{gap:14px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-\[0\.3px\]{border-right-style:var(--tw-border-style);border-right-width:.3px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#0D0D0D4D\]{border-color:#0d0d0d4d}.border-\[\#22C55E\]{border-color:#22c55e}.border-\[\#18181B\]{border-color:#18181b}.border-\[\#E4E4E7\]{border-color:#e4e4e7}.border-\[\#F97316\]{border-color:#f97316}.border-black{border-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-input{border-color:var(--input)}.border-red-900{border-color:var(--color-red-900)}.bg-\[\#0B42CF\]{background-color:#0b42cf}.bg-\[\#6FCADF33\]{background-color:#6fcadf33}.bg-\[\#0735AB\]{background-color:#0735ab}.bg-\[\#18181B\]{background-color:#18181b}.bg-\[\#DB1D26\]{background-color:#db1d26}.bg-\[\#DCFCE7\]{background-color:#dcfce7}.bg-\[\#E5E5E5\]{background-color:#e5e5e5}.bg-\[\#F5F5F4\]{background-color:#f5f5f4}.bg-\[\#FFEDD5\]{background-color:#ffedd5}.bg-\[\#f1343d\]{background-color:#f1343d}.bg-\[\#ffffff\]{background-color:#fff}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-muted{background-color:var(--muted)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.fill-primary{fill:var(--primary)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[0\.7rem\]{padding-inline:.7rem}.px-\[8px\]{padding-inline:8px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-\[0\.4rem\]{padding-block:.4rem}.py-\[0\.75rem\]{padding-block:.75rem}.py-\[6px\]{padding-block:6px}.py-\[12px\]{padding-block:12px}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.pe-2\.5{padding-inline-end:calc(var(--spacing)*2.5)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.\!font-inter{font-family:var(--font-inter)!important}.\!font-sans{font-family:var(--font-sans)!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-\[600\]{--tw-font-weight:600;font-weight:600}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0B42CF\]{color:#0b42cf}.text-\[\#3F3F46\]{color:#3f3f46}.text-\[\#007BE5\]{color:#007be5}.text-\[\#15803D\]{color:#15803d}.text-\[\#71717A\]{color:#71717a}.text-\[\#727272\]{color:#727272}.text-\[\#DB1D26\]{color:#db1d26}.text-\[\#bcbcbc\]{color:#bcbcbc}.text-\[\#f1343d\]{color:#f1343d}.text-black{color:var(--color-black)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-inherit{color:inherit}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--secondary)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-white{color:var(--color-white)}.text-zinc-700{color:var(--color-zinc-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-\[0\.5\]{opacity:.5}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}@media (hover:hover){.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-\[\#18181B\]:focus-visible{border-color:#18181b}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[1px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:\!hidden[data-state=open]{display:none!important}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:bg-sidebar-accent[data-state=open]{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state=open]{color:var(--sidebar-accent-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media (min-width:0){.min-\[0px\]\:hidden{display:none}.min-\[0px\]\:flex-col{flex-direction:column}.min-\[0px\]\:flex-col-reverse{flex-direction:column-reverse}.min-\[0px\]\:items-center{align-items:center}.min-\[0px\]\:items-start{align-items:flex-start}.min-\[0px\]\:justify-center{justify-content:center}.min-\[0px\]\:gap-4{gap:calc(var(--spacing)*4)}.min-\[0px\]\:gap-6{gap:calc(var(--spacing)*6)}.min-\[0px\]\:p-4{padding:calc(var(--spacing)*4)}.min-\[0px\]\:text-center{text-align:center}}@media (min-width:40rem){.sm\:right-auto{right:auto}.sm\:left-\[280px\]{left:280px}.sm\:left-auto{left:auto}.sm\:mt-\[4rem\]{margin-top:4rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-\[64px\]{height:64px}.sm\:h-\[180px\]{height:180px}.sm\:w-\[336px\]{width:336px}.sm\:w-\[360px\]{width:360px}.sm\:max-w-\[384px\]{max-width:384px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:basis-1\/2{flex-basis:50%}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-16{gap:calc(var(--spacing)*16)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-0{padding-block:calc(var(--spacing)*0)}.sm\:pb-4{padding-bottom:calc(var(--spacing)*4)}.sm\:text-left{text-align:left}.sm\:text-start{text-align:start}}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:px-\[32px\]{padding-inline:32px}}.dark\:bg-input\/30:where(.dark,.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:where(.dark,.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.7s forwards accordion-up}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.7s forwards accordion-down}}:root{--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21% .006 285.885);--alert-danger-background:oklch(94.1% .03 12.58);--alert-danger-border:oklch(64.5% .246 16.439);--alert-info-background:oklch(95.1% .026 236.824);--alert-info-border:oklch(68.5% .169 237.323);--alert-neutral-background:oklch(97% .001 106.424);--alert-neutral-border:oklch(87% 0 0);--alert-success-background:oklch(96.2% .044 156.743);--alert-success-border:oklch(72.3% .219 149.579);--alert-warning-background:oklch(95.4% .038 75.164);--alert-warning-border:oklch(70.5% .213 47.604);--background:oklch(100% 0 0);--badge-danger-background:oklch(94.1% .03 12.58);--badge-danger-border:oklch(64.5% .246 16.439);--badge-info-background:oklch(95.1% .026 236.824);--badge-info-border:oklch(68.5% .169 237.323);--badge-neutral-background:oklch(97% .001 106.424);--badge-neutral-border:oklch(87% 0 0);--badge-outline-background:oklch(97% .001 106.424);--badge-outline-border:oklch(87% 0 0);--badge-success-background:oklch(96.2% .044 156.743);--badge-success-border:oklch(72.3% .219 149.579);--badge-warning-background:oklch(95.4% .038 75.164);--badge-warning-border:oklch(70.5% .213 47.604);--border:oklch(92% .004 286.32);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--chart-1:oklch(65.78% .125 188.04);--chart-2:oklch(66.78% .25 35.94);--chart-3:oklch(40.49% .067 223.11);--chart-4:oklch(85.78% .17 83.73);--chart-5:oklch(80.88% .192 56.66);--danger-foreground:oklch(51.4% .222 16.935);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(97.1% .013 17.38);--foreground:oklch(21% .006 285.885);--input:oklch(92% .004 286.32);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--ring:oklch(21% .006 285.885);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21% .006 285.885);--sidebar-accent:oklch(92.2% 0 0);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-background:oklch(97% .001 106.424);--sidebar-border:oklch(92.2% 0 0);--sidebar-foreground:oklch(37% .013 285.805);--sidebar-primary:oklch(21% .006 285.885);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-ring:oklch(87% 0 0);--success-foreground:oklch(52.7% .154 150.069);--warning-foreground:oklch(55.3% .195 38.402);--radius-sm:2px;--radius-default:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter",system-ui,sans-serif;--font-heading:"Figtree",system-ui,sans-serif}.dark{--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--alert-danger-background:oklch(41% .159 10.272);--alert-danger-border:oklch(58.6% .253 17.585);--alert-info-background:oklch(39.1% .09 240.876);--alert-info-border:oklch(58.8% .158 241.966);--alert-neutral-background:oklch(27.4% .006 286.033);--alert-neutral-border:oklch(44.2% .017 285.786);--alert-success-background:oklch(39.3% .095 152.535);--alert-success-border:oklch(62.7% .194 149.214);--alert-warning-background:oklch(40.8% .123 38.172);--alert-warning-border:oklch(64.6% .222 41.116);--background:oklch(14.1% .005 285.823);--badge-danger-background:oklch(41% .159 10.272);--badge-danger-border:oklch(58.6% .253 17.585);--badge-info-background:oklch(39.1% .09 240.876);--badge-info-border:oklch(58.8% .158 241.966);--badge-neutral-background:oklch(27.4% .006 286.033);--badge-neutral-border:oklch(44.2% .017 285.786);--badge-outline-background:oklch(27.4% .006 286.033);--badge-outline-border:oklch(44.2% .017 285.786);--badge-success-background:oklch(39.3% .095 152.535);--badge-success-border:oklch(62.7% .194 149.214);--badge-warning-background:oklch(40.8% .123 38.172);--badge-warning-border:oklch(64.6% .222 41.116);--border:oklch(27.4% .006 286.033);--card:oklch(14.1% .005 285.823);--card-foreground:oklch(98.5% 0 0);--chart-1:oklch(51.36% .252 266.1);--chart-2:oklch(56.84% .278 19.02);--chart-3:oklch(73.87% .211 62.97);--chart-4:oklch(59.86% .189 305.23);--chart-5:oklch(72.69% .173 161.72);--danger-foreground:oklch(71.2% .194 13.428);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(97.1% .013 17.38);--foreground:oklch(98.5% 0 0);--input:oklch(27.4% .006 286.033);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(14.1% .005 285.823);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(21% .006 285.885);--ring:oklch(87.1% .006 286.286);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(96.7% .001 286.375);--sidebar-background:oklch(21% .006 285.885);--sidebar-border:oklch(27.4% .006 286.033);--sidebar-foreground:oklch(96.7% .001 286.375);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(100% 0 0);--sidebar-ring:oklch(87% 0 0);--success-foreground:oklch(79.2% .209 151.711);--warning-foreground:oklch(75% .183 55.934);--radius-sm:2px;--radius-default:4px;--radius-md:6px;--radius-lg:18px;--radius-xl:12px;--radius-full:9999px;--font-sans:"Inter",system-ui,sans-serif;--font-heading:"Figtree",system-ui,sans-serif}.intercom-lightweight-app,.intercom-lightweight-app-gradient,.intercom-lightweight-app-launcher,.intercom-lightweight-app-messenger{z-index:9998!important}.ql-toolbar{z-index:1;background:#f9f9f9;border-bottom:1px solid #ccc;flex:none}.ql-container{flex:auto;max-height:260px;overflow-y:scroll}.cometchat-message-bubble__body.cometchat-message-bubble__delete-message,.cometchat-message-bubble-action{display:none!important}@font-face{font-family:Inter;src:url(./Assets/fonts/Inter-VariableFont_slnt,wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Inter;src:url(./Assets/fonts/Inter-Italic-VariableFont_slnt,wght.ttf)format("truetype");font-weight:100 900;font-style:italic}.cometchat{--cometchat-primary-color:#3870e0;--cometchat-background-color-03:#eaedf1;--cometchat-extended-primary-color-50:#f0f6fe;--cometchat-extended-primary-color-100:#ddebfc;--cometchat-extended-primary-color-200:#c3dcfa;--cometchat-extended-primary-color-300:#99c7f7;--cometchat-extended-primary-color-400:#69a9f1;--cometchat-extended-primary-color-500:#060d14;--cometchat-extended-primary-color-600:#3870e0;--cometchat-extended-primary-color-700:#2856cd;--cometchat-extended-primary-color-800:#2748a6;--cometchat-extended-primary-color-900:#253f83;--cometchat-icon-color-highlight:#3870e0;--cometchat-text-color-highlight:#060d14;--cometchat-neutral-color-50:#fff;--cometchat-neutral-color-100:#f9fafb;--cometchat-neutral-color-200:#f3f4f6;--cometchat-neutral-color-300:#e5e7eb;--cometchat-neutral-color-400:#d1d5dc;--cometchat-neutral-color-500:#99a1af;--cometchat-neutral-color-600:#6a7282;--cometchat-neutral-color-700:#4a5565;--cometchat-neutral-color-800:#364153;--cometchat-neutral-color-900:#1e2939}.cometchat-group-members .cometchat-group-members__trailing-view-options-owner{color:#3870e0!important;background:#ddebfc!important}.cometchat-message-composer .cometchat-message-composer__send-button{background:#fff}.cometchat-message-composer .cometchat-button .cometchat-button__icon{background:#0b42cf!important}.cometchat-message-list__body{background:#fff!important}.cometchat-conversations .cometchat-badge{background:#f73558!important}.cometchat-list-item__body-title{color:#1e2939!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}
body > iframe {
  display: none;
}
.userlist {
  /* Rectangle 26 */
  position: absolute;
  width: 337px;
  height: 957px;
  top: 88px;
  float: left;
  display: inline-block;
  margin-right: 0;
  margin-left: auto;
  background: #ffffff;
  border: 1px solid rgba(32, 30, 41, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 4px 16px rgba(154, 154, 154, 0.25);
  border-radius: 5px 5px 10px 10px;
}

.minichatwindow {
  /* Rectangle 39 */
  padding: 10px;
  position: relative;
  width: 320px;
  height: 420px;
  top: 592px;
  display: inline;
  float: right;
  margin-right: auto;
  background: #ffffff;
  box-shadow: 0px -8px 20px rgba(115, 115, 115, 0.1);
  border-radius: 15px;
}

.ellipse {
  /* Ellipse 18 */
  display: inline;
  position: relative;
  width: fit-content !important;
  height: fit-content !important;
  border-radius: 30px !important;
  top: 700px;
  padding: 0%;
  float: right;
  margin-right: auto;
  margin-left: auto;
}
.ellipseimg {
  width: 30px !important ;
  height: 30px !important;
}

.search-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9999; /*this will keep the icon appearing all time, even when on input::focus*/
}

.inputfield {
  /* Rectangle 36 */
  border-radius: 10px 10px 10px 10px;
}

.chatheaddiv {
  display: flex;
  flex-direction: column;
  z-index: 9999;
  position: relative;
  min-height: 1px;
  width: 53px;
}

.sendMessageButton {
  /* Rectangle 1633 */
  position: absolute;
  width: 40px;
  height: 40px;

  /* Bright Navy Blue */
  background: #1372d1;
  border-radius: 10px;
}
.sendMessageButton img {
  align: "center";
}
.dynamic-header-logo img {
    max-height: 40px;
    width: 100%;
    max-width: 110px;
    object-fit: contain;
}

.admin-header-user {
    display: flex;
    align-items: center;
    position: relative;
}

.admin-profile-dropdown {
    position: absolute;
    top: 100%;
    margin-top: var(--spacing-8);
    width: 100%;
    min-width: 304px;
    max-width: 304px;
    max-height: 80vh;
    right: -8px;
    box-shadow: var(--shadow-small);
    border-radius: var(--radius-8);
    border: 0;

    z-index: 99;
    background-color: var(--color-bg-elevated);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    overflow: auto;
}

.admin-profile-dropdown.show {
    opacity: 1;
    visibility: visible;
}

.admin-profile-dropdown .admin-profile-detail {
    padding: var(--spacing-16);
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
}

.admin-profile-dropdown .admin-profile-detail .admin-details {
    min-height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.admin-profile-dropdown .admin-profile-detail .admin-details .admin-title {
    font: var(--body-small);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
}

.admin-profile-dropdown .admin-profile-detail .admin-details .admin-email {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
}

.admin-profile-dropdown .dropdown-menu-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    padding: var(--spacing-12) 0;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    padding: var(--spacing-8) var(--spacing-16);
    font: var(--body-small);
    color: var(--color-text-neutral-strong, #060D14);
    transition: all .5s ease;
    cursor: pointer;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item svg {
    flex-shrink: 0;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item:hover {
    background: var(--color-bg-neutral-tertiary-hovered);
    color: var(--color-text-neutral-strong-hovered);
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item.active {
    background: var(--color-bg-neutral-secondary);
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item:focus {
    background: var(--color-bg-neutral-tertiary-pressed);
    color: var(--color-text-neutral-strong-pressed);
    outline: none;
}

.admin-profile-dropdown .dropdown-menu-group .dropdown-menu-item .dropdown-menu-item-text {
    font: var(--body-small);
    color: var(--color-text-neutral-strong);
    padding: var(--spacing-2) 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.admin-profile-dropdown .dropdown-menu-group-link {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8) var(--spacing-16);
    align-items: center;
    padding: var(--spacing-4) var(--spacing-16) var(--spacing-8);
}

.admin-profile-dropdown .dropdown-menu-group-link .link-text {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
    text-decoration-line: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-underline-offset: 3px;
}

.admin-profile-dropdown .communities-back-header {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: var(--spacing-8);
    gap: var(--spacing-4);
}

.admin-profile-dropdown .communities-back-header .communities-back-title {
    font: var(--body-large);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-profile-dropdown .communitie-menu-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
}

.admin-profile-dropdown .communitie-menu-item .communitie-img {
    flex-shrink: 0;
}

.admin-profile-dropdown .communitie-menu-item .communitie-info {
    margin-right: auto;
}

.admin-profile-dropdown .communitie-menu-item .communitie-info .communitie-info-name {
    font: var(--body-small);
    font-weight: 600;
    color: var(--color-text-neutral-strong);
}

.admin-profile-dropdown .communitie-menu-item .communitie-info .communitie-info-type {
    font: var(--body-x-small);
    color: var(--color-text-neutral-secondary);
    text-transform: capitalize;
}

.custom-overlay.admin-profile-dropdown-overlay {
    position: fixed;
    z-index: 1;
    background-color: transparent;
}.badges-neutral.medium,
.badges-neutral.medium,
.badges-neutral.medium,
.badges-danger.medium {
  display: inline-block;
  max-height: 20px;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: var(--AvatarSizeMedium, 50px);
  text-align: center;
  font: var(--body-x-small-bold);
  line-height: 16px;
}

.badges-danger.medium {
  background: var(--color-bg-accent-pink);
  color: var(--color-text-inverse, #fff);
}

.badges-neutral.medium {
  background: var(--color-bg-inverse-neutral);
  color: var(--color-text-inverse, #fff);
}

.badges-neutral.large,
.badges-danger.large {
  min-width: 24px;
  max-height: 24px;
  padding: 2px 8px;
  display: inline-block;
  border-radius: var(--AvatarSizeMedium, 40px);
  text-align: center;
  font: var(--body-x-small-bold);
  line-height: 20px;
}

.badges-neutral.large {
  background: var(--color-bg-inverse-neutral);
  color: var(--color-text-inverse, #fff);
}

.badges-danger.large {
  background: var(--color-bg-accent-pink);
  color: var(--color-text-inverse, #fff);
}

.filter-button .badges-danger,
.filter-button .badges-neutral {
  position: absolute;
  right: -2px;
  top: -2px;
}

/* Start badge-status css */
.status-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font: var(--link-small);
  text-transform: capitalize;
}

.status-badge:hover {
  box-shadow: 0px 1px 2px 0px rgba(4, 21, 39, 0.3),
    0px 0px 1px 0px rgba(4, 21, 39, 0.4);
  cursor: pointer;
}

.status-medium {
  padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
}

.status-small {
  padding: 0px var(--spacing-4, 4px);
  border-radius: var(--radius-x-small, 4px) !important;
}

.status-radius-small {
  border-radius: var(--radius-small, 8px);
}

.status-radius-full {
  border-radius: var(--radius-full, 120px);
}

.status-badge.accent-yellow {
  background: var(--color-bg-accent-yellow, #ffd71d);
  color: var(--color-text-static-darkgray, #060d14);
}

.status-badge.danger {
  background: var(--color-bg-danger-strong, #f1343d);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.warning {
  background: var(--color-bg-warning-strong, #fac505);
  color: var(--color-text-static-darkgray, #060d14);
}

.status-badge.success {
  background: var(--color-bg-success-strong, #14ae5c);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.success {
  background: var(--color-bg-success-strong, #14ae5c);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.accent-pink {
  background: var(--color-bg-accent-pink, #f73558);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.brand {
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.neutral {
  background: var(--color-bg-neutral-strong);
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.blackout {
  background: var(--black-600, rgba(13, 13, 13, 0.6));
  color: var(--color-text-danger-onstrong, #fff);
}

.status-badge.white {
  background: var(--color-bg-static-white, #fff);
  color: var(--color-text-static-darkgray, #060d14);
}

/* End badge-status css */

.online-status {
  border-radius: 50px;
}

.online {
  background-color: var(--color-bg-success-strong, #14ae5c);
}

.offline {
  background-color: #dadde0;
}

.online-status.small {
  width: 10px;
  height: 10px;
  border: 2px solid var(--color-bg-static-white, #fff);
}

.online-status.medium {
  width: 12px;
  height: 12px;
  border: 2px solid var(--color-bg-static-white, #fff);
}

.online-status.large {
  width: 18px;
  height: 18px;
  border: 3px solid var(--color-bg-static-white, #fff);
}

.badge-notification-point {
  background: var(--color-bg-accent-pink, #f73558);
  width: 12px;
  height: 12px;
  border-radius: 50px;
  display: flex;
  border: 2px solid var(--color-bg-static-white);
}

/* Start Badge css */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
  color: var(--color-text-neutral-strong);
  padding: calc(var(--spacing-4) - var(--border-width)) calc(var(--spacing-8) - var(--border-width));
}

.badge.badge-rounded {
  border-radius: var(--radius-full);
}

.badge svg {
  height: 16px;
  width: auto;
  fill: currentColor;
}

.badge svg path {
  fill: inherit;
}

.badge.contained {
  --border-width: 0px
}

.badge.outline {
  --border-width: 1px;
  border: var(--border-width) solid var(--color-border-neutral-secondary);
}

.badge.medium {
  font: var(--body-small);
  border-radius: var(--radius-8);
}

.badge.small {
  font: var(--body-2x-small);
  border-radius: var(--radius-6);
}

.badge.small.badge-strong,
.badge.medium.badge-strong {
  font-weight: 600;
}

.badge.brand:is(.contained) {
  background-color: var(--color-bg-brand-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.neutral:is(.contained) {
  background-color: var(--color-bg-neutral-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.white:is(.contained) {
  background-color: var(--color-bg-static-white);
  color: var(--color-text-static-black);
}

.badge.info:is(.contained) {
  background-color: var(--color-bg-info-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.success:is(.contained) {
  background-color: var(--color-bg-success-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.accent-yellow:is(.contained) {
  background-color: var(--color-bg-accent-yellow-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.warning:is(.contained) {
  background-color: var(--color-bg-warning-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.danger:is(.contained) {
  background-color: var(--color-bg-danger-secondary);
  color: var(--color-text-neutral-onsecondary-strong);
}

.badge.blackout:is(.contained) {
  background-color: var(--color-bg-blackout-secondary);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.disabled:is(.contained) {
  background-color: var(--color-bg-disabled-secondary);
  color: var(--color-text-disabled-onsecondary);
}

/* Strong badge */
.badge.badge-strong.brand:is(.contained) {
  background-color: var(--color-bg-brand-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.neutral:is(.contained) {
  background-color: var(--color-bg-neutral-strong);
  color: var(--color-text-static-white);
}

.badge.badge-strong.white:is(.contained) {
  background-color: var(--color-bg-static-white);
  color: var(--color-text-static-black);
  box-shadow: var(--shadow-x-small);
}

.badge.badge-strong.info:is(.contained) {
  background-color: var(--color-bg-info-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.success:is(.contained) {
  background-color: var(--color-bg-success-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.accent-yellow:is(.contained) {
  background-color: var(--color-bg-accent-yellow);
  color: var(--color-text-static-black);
}

.badge.badge-strong.warning:is(.contained) {
  background-color: var(--color-bg-warning-strong);
  color: var(--color-text-static-black);
}

.badge.badge-strong.danger:is(.contained) {
  background-color: var(--color-bg-danger-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.blackout:is(.contained) {
  background-color: var(--color-bg-blackout-strong);
  color: var(--color-text-neutral-onstrong-strong);
}

.badge.badge-strong.disabled:is(.contained) {
  background-color: var(--color-bg-disabled-strong);
  color: var(--color-text-disabled-onstrong);
}

/* End Badge css */.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  font: var(--body-medium);
  font-weight: 600;
}

.button.button-carousel:not(.button-visible) {
  opacity: 0;
  visibility: hidden;
}

.button-text {
  padding: 0 var(--spacing-4);
}

.button:focus-visible::before {
  content: '';
  display: block;
  position: absolute;
  inset: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  outline: 2px solid #000;
  border-radius: 555px;
}

.button:focus-visible {
  position: relative;
}

/* =========== Size ================= */
/* Large Button */
.button.large {
  padding: calc(var(--border-spacing-16, 16px) - var(--border-width)) calc(var(--border-spacing-24, 24px) - var(--border-width));
  gap: var(--spacing-8);
}

.button.large.icon-only {
  padding: var(--spacing-16);
}

/* medium Button */
.button.medium {
  padding: calc(var(--border-spacing-12, 12px) - var(--border-width)) calc(var(--border-spacing-16, 16px) - var(--border-width));
  gap: var(--spacing-6);
}

.button.medium.icon-only {
  padding: var(--border-spacing-12);
}

/* small */
.button.small {
  font: var(--body-small);
  font-weight: 600;
  padding: calc(var(--border-spacing-8, 8px) - var(--border-width)) calc(var(--border-spacing-12, 12px) - var(--border-width));
  gap: var(--spacing-4);
  line-height: 24px;
}

.button.small.icon-only {
  padding: var(--spacing-8);
}

/* extrasmall */
.button.extrasmall {
  padding: var(--spacing-6) var(--spacing-12);
  gap: var(--spacing-4);
}

.button.extrasmall.icon-only {
  padding: var(--spacing-6);
}

/* ================= Varient ================= */

/* Primary */
.button.primary {
  --border-width: 0px;
  background: var(--color-bg-brand-strong);
  color: var(--color-text-brand-onstrong);
}

.button.primary svg path {
  fill: var(--color-icon-brand-onstrong);
}

.button.primary:hover {
  background: var(--color-bg-brand-strong-hovered);
}

.button.primary:active {
  background: var(--color-bg-brand-strong-pressed);
}

.button.primary:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.primary:disabled svg path {
  fill: var(--color-icon-disabled-onstrong);
}

/* secondary */
.button.secondary {
  --border-width : var(--border-width-1);
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong);
  background: var(--color-text-brand-onstrong);
}

.button.secondary svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.secondary:hover {
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong-hovered);
}

.button.secondary:active {
  color: var(--color-text-neutral-strong);
  border: 1px solid var(--color-border-neutral-strong-pressed);
}

.button.secondary:disabled {
  pointer-events: none;
  border: 1px solid var(--color-border-disabled-strong);
  color: var(--color-text-disabled-onstrong);
}

.button.secondary:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tertiary */
.button.ghost {
  --border-width : 0px;
  background: var(--color-bg-neutral-tertiary);
  color: var(--color-text-neutral-strong);
}

.button.ghost svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.ghost:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.button.ghost:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.button.ghost:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.disabled-ghost:disabled {
  background: none !important;
  pointer-events: none;
}

.button.ghost:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tonal */
.button.tonal {
  --border-width : 0px;
  background: var(--color-bg-neutral-secondary);
  color: var(--color-text-neutral-strong);
}

.button.tonal svg path {
  fill: var(--color-icon-neutral-strong);
}

.button.tonal:hover {
  background: var(--color-bg-neutral-secondary-hovered);
}

.button.tonal:active {
  background: var(--color-bg-neutral-secondary-pressed);
}

.button.tonal:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.tonal:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* tonal-blackout */
.button.tonal-blackout {
  --border-width : 0px;
  background: var(--color-bg-blackout-strong);
  color: var(--color-text-static-white);
}

.button.tonal-blackout svg path {
  fill: var(--color-text-static-white);
}

.button.tonal-blackout:hover {
  background: var(--color-bg-blackout-strong-hovered);
}

.button.tonal-blackout:active {
  background: var(--color-bg-blackout-strong-pressed);
}

.button.tonal-blackout:disabled {
  background: var(--color-bg-blackout-secondary) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.tonal-blackout:disabled .button-text{
  opacity: 0.5;
}
.button.tonal-blackout:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
  opacity: 0.5;
}

/* static-white */
.button.static-white {
  --border-width : 0px;
  background: var(--color-bg-static-white);
  color: var(--color-text-static-darkgray);
}

.button.static-white svg path {
  fill: var(--color-icon-static-darkgray);
}

.button.static-white:hover {
  background: var(--color-bg-static-white-hovered);
}

.button.static-white:active {
  background: var(--color-bg-static-white-pressed);
}

.button.static-white:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.static-white:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* soft-white */

.button.ghost-white {
  --border-width : 0px;
  background: var(--color-bg-lightening-tertiary);
  color: var(--color-text-static-white);
}

.button.ghost-white svg path {
  fill: var(--color-icon-static-white);
}

.button.ghost-white:hover {
  background: var(--color-bg-lightening-tertiary-hovered);
}

.button.ghost-white:active {
  background: var(--color-bg-lightening-tertiary-pressed);
}

.button.ghost-white:disabled {
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.ghost-white:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}

/* Danger */
.button.danger {
  --border-width : 0px;
  background: var(--color-bg-danger-strong);
  color: var(--color-text-brand-onstrong);
}

.button.danger:disabled svg path {
  fill: var(--color-icon-brand-onstrong);
}

.button.danger:hover {
  background: var(--color-bg-danger-strong-hovered);
}

.button.danger:active {
  background: var(--color-bg-danger-strong-pressed);
}

.button.danger:disabled {
  background: var(--color-bg-disabled-strong) !important;
  pointer-events: none;
  color: var(--color-text-disabled-onstrong) !important;
}

.button.danger:disabled svg path {
  fill: var(--color-text-disabled-onstrong);
}


/* Button Tooltip(New) */

button[data-title]:hover::before {
  opacity: 0;
}

button.ghost[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  width: max-content;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
  flex-direction: column;
  align-items: center;
  border-radius: var(--radius-small, 8px);
  background: var(--gray-800, #394046);
  color: var(--color-text-static-white, #FFF);
  text-align: center;
  font: var(--body-x-small);
  width: max-content;
  box-sizing: border-box;
  opacity: 1;
  z-index: 10;
}

button.ghost.tool-tip-botom[data-title]:hover::before {
  top: 100%;
  margin-top: 4px;
}

button.ghost.tool-tip-top[data-title]:hover::before {
  bottom: 100%;
  margin-bottom: 4px;
}

/* Button Carousel */
.button-carousel {
  --border-width: 0px;
  width: 36px;
  height: 36px;
  background-color: var(--color-bg-static-white);
  border-radius: var(--radius-full);
  border: var(--border-width) solid var(--color-border-neutral-tertiary);
  box-shadow: var(--shadow-medium);
  padding: calc(var(--spacing-8) - var(--border-width));
}
.button-carousel.outline {
  --border-width: 1px;
}
.button-carousel:hover {
  border-color: var(--color-border-neutral-tertiary-hovered);
  background-color: var(--color-bg-static-white-hovered);
}
.button-carousel:active {
  border-color: var(--color-border-neutral-tertiary-pressed);
  background-color: var(--color-bg-static-white-pressed);
}
.button-carousel:focus-visible {
  border-color: transparent;
  background-color: var(--color-bg-static-white);
}.spinners.white2 {
    border-color: var(--color-bg-lightening-secondary-pressed);
    border-style: solid;
    border-top-color: var(--color-bg-static-white);
    border-radius: 50px;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

.spinners.brand {
    border-color: var(--color-bg-neutral-secondary-pressed);
    border-style: solid;
    border-top-color: var(--color-bg-brand-strong);
    border-radius: 30px;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

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

    100% {
        transform: rotate(1turn);
    }
}

.spinners.wh-16 {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

.spinners.wh-20 {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

.spinners.wh-24 {
    width: 24px;
    height: 24px;
    border-width: 2px;
}

.spinners.wh-32 {
    width: 32px;
    height: 32px;
    border-width: 3px;
}

.spinners.wh-40 {
    width: 40px;
    height: 40px;
    border-width: 3px;
}

.spinners.wh-48 {
    width: 48px;
    height: 48px;
    border-width: 3px;
}/* Avtar size */
.avtar-60 {
  width: 60px;
  height: 60px;
  min-width: 60px; 
}

.avtar-48 {
  width: var(--spacing-48);
  height: var(--spacing-48);
  min-width: 48px;
}

.avtar-40 {
  width: var(--spacing-40);
  height: var(--spacing-40);
  min-width: 40px;
}

.avtar-32 {
  width: var(--spacing-32);
  height: var(--spacing-32);
  min-width: 32px;
}

.avtar-24 {
  width: var(--spacing-24);
  height: var(--spacing-24);
  min-width: 24px;
}

.avtar-16 {
  width: var(--spacing-16);
  height: var(--spacing-16);
  min-width: 16px;
}

/* Avtar rounded */
.avtar-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-inverse-neutral);
}

.rounded .avtar-wrapper {
  border-radius: var(--radius-full) !important;
}

.avtar-60 .avtar-wrapper,
.avtar-48 .avtar-wrapper {
  border-radius: var(--radius-12);
}

.avtar-40 .avtar-wrapper,
.avtar-32 .avtar-wrapper {
  border-radius: var(--radius-8);
}

.avtar-24 .avtar-wrapper,
.avtar-16 .avtar-wrapper {
  border-radius: var(--radius-4);
}

/* Avtar type "Image" */

.avtar-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Avatar type "Icon" */

.avtar-wrapper.avtar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.avtar-60 .avtar-icon svg {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-48 .avtar-icon svg,
.avtar-40 .avtar-icon svg {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-32 .avtar-icon svg {
  width: var(--spacing-20);
  height: var(--spacing-20);
}

.avtar-24 .avtar-icon svg {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

.avtar-16 .avtar-icon svg {
  width: var(--spacing-12);
  height: var(--spacing-12);
}

/* Avatar type "Letter" */
.avtar-wrapper.avtar-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-inverse);
  text-align: center;
  text-transform: uppercase;
}

.avtar-60 .avtar-letter,
.avtar-48 .avtar-letter {
  font: var(--body-2x-large-bold);
}

.avtar-40 .avtar-letter {
  font: var(--body-x-large-bold);
}

.avtar-32 .avtar-letter {
  font: var(--body-medium-bold);
}

.avtar-24 .avtar-letter {
  font: var(--body-small-bold);
}

.avtar-16 .avtar-letter {
  text-align: center;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

/* Avtar type "Logo" */

.avtar-wrapper.avtar-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-neutral-secondary);
}

.avtar-60 .avtar-logo img,
.avtar-48 .avtar-logo img,
.avtar-40 .avtar-logo img {
  width: var(--spacing-40);
  height: var(--spacing-40);
}

.avtar-32 .avtar-logo img {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-24 .avtar-logo img {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-16 .avtar-logo img {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

/* Avtar type "MDS LOGO" */
.avtar-60 .avtar-mds svg {
  width: 60px;
  height: 60px;
}

.avtar-48 .avtar-mds svg {
  width: var(--spacing-48);
  height: var(--spacing-48);
}

.avtar-40 .avtar-mds svg {
  width: var(--spacing-40);
  height: var(--spacing-40);
}

.avtar-32 .avtar-mds svg {
  width: var(--spacing-32);
  height: var(--spacing-32);
}

.avtar-24 .avtar-mds svg {
  width: var(--spacing-24);
  height: var(--spacing-24);
}

.avtar-16 .avtar-mds svg {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

/* Avtar Badge positions */
.avtar-badge {
  position: absolute;
}

/* Badge postion while Roundted= True */
.rounded.avtar-60 .avtar-badge {
  bottom: -1px;
  right: -1px;
}

.rounded.avtar-48 .avtar-badge {
  bottom: 0px;
  right: 0px;
}

.rounded.avtar-40 .avtar-badge,
.rounded.avtar-32 .avtar-badge {
  bottom: -2px;
  right: -2px;
}

.rounded.avtar-24 .avtar-badge {
  bottom: -3px;
  right: -3px;
}

/* Badge postion while Roundted= False */
.avtar-60 .avtar-badge {
  bottom: -6px;
  right: -6px;
}

.avtar-48 .avtar-badge,
.avtar-40 .avtar-badge,
.avtar-32 .avtar-badge,
.avtar-24 .avtar-badge {
  bottom: -4px;
  right: -4px;
}.notification-card {
    display: flex;
    width: 100%;
    padding: var(--spacing-16, 16px) var(--spacing-20, 20px);
    flex-direction: column;
    align-items: flex-start;
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.notification-card:hover {
    background: var(--color-bg-neutral-tertiary-hovered, #EAEDF1);
}

.notification-card:active {
    background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5);
}

.notification-card-badge {
    top: 8px;
    left: 12px;
    position: absolute;
}

.notification-card-body {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-8, 8px);
    align-self: stretch;
}

.notification-card-body-container {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
}

.notification-card-body-thumbnail {
    display: flex;
    width: 96px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-4, 4px);
}

.notification-card-body-thumbnail img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius-4, 4px);
}

.notification-card-body-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full, 120px);
    background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
    opacity: 0;
}
/* .notification-card-body-btn button { 
    display: none;
}
.notification-card:hover .notification-card-body-btn button {
    display: block;
} */

.notification-card:hover .notification-card-body-btn {
    opacity: 1;
}

.notification-card-body-container-avtar {
    display: flex;
    width: var(--AvatarSizeSmall, 32px);
    height: var(--AvatarSizeSmall, 32px);
    justify-content: center;
    align-items: center;
}

.notification-card-body-container-text {
    display: flex;
    padding-right: var(--spacing-12, 12px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}

.notification-card-body-container-text-sub {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-2, 2px);
    align-self: stretch;
}

.notification-card-body-container-text-sub h6 {
    font: var(--body-small);
    color: #060D14 !important;
}

.notification-card-body-container-text-subtitle {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.notification-card-body-container-text-date {
    display: flex;
    /* padding: var(--spacing-4, 4px) 0px; */
    padding-top: var(--spacing-4, 4px);
    justify-content: center;
    align-items: flex-start;
    color: var(--color-text-neutral-tertiary, #84898F);
    font: var(--body-x-small);
}

.notification-card-body-btn .dropdown-list {
    right: 24px;
    top: 56px;
}
h1 {
  font: var(--title-x-large);
  letter-spacing: -0.48px;
  margin: 0px;
}
h2:not(.MuiTypography-root, .epr-emoji-category-label) {
  font: var(--title-large);
  letter-spacing: -0.36px;
  margin: 0px;
}
h3 {
  font: var(--title-medium);
  /* line height changed on 21-05-2024 */
  letter-spacing: -0.26px;
  margin: 0px;
}
h4 {
  font: var(--title-small);
  margin: 0px;
}
h5 {
  font: var(--title-x-small);
  margin: 0px;
}
h6 {
  font: var(--title-2x-small);
  margin: 0px;
}
p {
  font: var(--body-large);
  margin: 0px;
  word-break: break-word;
}.dropdown-active {
  background: var(--color-bg-neutral-tertiary-pressed, #DCE0E5)!important;
}
.dropdown-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 420px;
  z-index: 2;
}


.dropdown-list li {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li.suggetion-list {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 0px;
  align-items: center;
  padding-right: var(--spacing-16, 16px);
  gap: 0;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li .dropdown-list-item-warpper {
  display: flex;
  align-items: center;
  gap: var(--spacing-12, 12px);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  width: 100%;
}

.dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.dropdown-list li:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.dropdown-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.dropdown-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
}

.dropdown-label:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.dropdown-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.dropdown-label b {
  font-weight: 700;
}


.dropdown-list.large {
  min-width: 400px;
}

.dropdown-list.medium {
  min-width: 296px;
}

.dropdown-list.small {
  min-width: 160px;
}


.doc-suggestion-dropdown-list {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}

.doc-suggestion-dropdown-list h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  word-break: break-all;
}


.doc-suggestion-dropdown-list h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  word-break: break-all;
}

.dropdown-list li.empty-list-item {
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.error-item-li {
  color: var(--color-text-danger-strong);
}

@media screen and (max-width: 767px) {
  .dropdown-list.large {
    min-width: 100%;
  }
}
.empty-state {
  display: flex;
  width: 100%;
  max-width: 648px;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  margin: auto;
}
.empty-state-icon {
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-state-icon img {
  height: 120px;
  width: 120px;
  object-fit: cover;
}
.empty-state-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.empty-state-info-title {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  /* font: var(--title-small); */
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Inter";
}
.empty-state-info-p {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  margin: 0px;
  font: var(--body-small);
}

.empty-emoji-state .empty-state-info .empty-state-info-title:empty {
  display: none;
}
.empty-emoji-state .empty-state-icon {
  height: auto;
}
.empty-emoji-state .empty-state-icon .emoji-img {
  width: 96px;
  height: 96px;
}
.notifications {
    display: flex;
    max-width: 480px;
    width: 100%;
    flex-direction: column;
    border-radius: var(--radius-8, 8px);
    background: var(--color-bg-elevated, #FFF);
    box-shadow: var(--shadow-small);
    height: calc(100vh - 76px);
    position: fixed;
    right: 24px;
    top: 52px;
}
.notifications-heading {
    display: flex;
    padding: 8px 12px 8px var(--spacing-20, 20px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: relative;
}
.notifications-heading .dropdown-list {
    right: 12px; 
    top: 50px;  
}
.notifications-in-body {
    display: flex;
    padding: var(--spacing-12, 12px) 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    height: 100%; 
}

.notifications hr {
    z-index: 1;
}
.notifications-in-emptystate {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}

.notification-card-body-list-loading {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 10px 20px;
}
.notification-card-body-list-in-loading {
    height: 42px;
    width: 100%;
    border-radius: 8px;
}
/* .notification-card-body-container-text-sub h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}   */.onebutton-btn-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: var(--spacing-16, 16px);
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.twobuttons-btn-footer {
  --border-width: var(--border-width-1);
  margin-top: calc(var(--border-width)*-1);
  display: flex;
  width: 100%;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  border-top: var(--border-width) solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.fluidbutton-btn-footer {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16, 16px);
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  border-radius: 0px 0px 12px 12px;
}

.fluidbutton-btn-footer button {
  width: 100%;
}

.fluidbutton-p {
  display: flex;
  padding: 0px var(--spacing-16, 16px);
  gap: 10px;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  text-align: center;
  font: var(--body-medium);
  justify-content: center;
}

.fluidbutton-p a {
  color: var(--color-text-brand-strong, #0b42cf);
  font-weight: 700;
  cursor: pointer;
}
.model-header-popup {
  --border-width: var(--border-width-1);
  display: flex;
  width: 100%;
  padding: var(--spacing-12, 12px) var(--spacing-12) calc(var(--spacing-12) - var(--border-width));
  align-items: center;
  gap: var(--spacing-16, 16px);
  border-bottom: var(--border-width) solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-elevated, #fff);
  justify-content: space-between;
  border-radius: 12px 12px 0px 0px;
}

.model-header-content {
  padding: 0px var(--spacing-12);
}

.model-header-popup h4 {
  color: var(--color-text-static-darkgray);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.model-counts {
  gap: var(--spacing-2);
}

.model-header-popup span {
  font: var(--body-x-small);
  color: var(--color-text-neutral-tertiary);
}.model-popup-main {
  background: var(--color-bg-blackout-secondary);
  display: flex;
  width: 100%;
  height: 100%;
  padding: var(--spacing-40, 40px) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
}
.model-popup-main.modal-direction-right {
  align-items: flex-end;
  padding: 0;

}
.model-popup-main.modal-direction-right .model-popup {
  min-height: 100%;
  border-radius: 0;
  position: relative;
}

.model-popup-main.overlay {
  background: unset;
}
.model-popup-main.overlay .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-blackout-secondary);
  z-index: 0;
}

.model-popup {
  border-radius: var(--radius-12, 12px);
  background: var(--color-bg-elevated);
  box-shadow: var(--shadow-small);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 720px;
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.popup-size-480 {
  max-width: 480px;
  width: 100%;
}

.popup-size-648 {
  max-width: 648px;
  width: 100%;
}

.popup-size-880 {
  max-width: 880px;
  width: 100%;
}

.popup-size-1200 {
  max-width: 1200px;
  width: 100%;
}

.fadein {
  opacity: 1;
  transition: all 0.3s ease-in;
  visibility: visible;
}

.fadeout {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
  visibility: hidden;
}

@media (max-height: 768px) {
  .model-popup {
    max-height: 100%;
  }
}
.text-field-main {
    display: flex;
    max-width: 269px;
    width: 100%;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.label-text {
    font: var(--body-small);
    font-weight: 600;
}

.text-field {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-16, 16px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-12, 12px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    color: var(--color-text-neutral-strong);
}

.text-field.field-icon {
    padding-right: 52px;
}

.text-field::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    opacity: 1;
    font: 'inherit';
    letter-spacing: -0.6px;
}

.text-field::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    letter-spacing: -0.6px;
    font: inherit;
}

.text-field:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field:active {
    border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field:focus {
    border: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-box {
    position: relative;
}

.text-field-box .input-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.helper-text-field {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.text-field-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.text-field.radius {
    border-radius: var(--radius-full, 120px) !important;
}

.text-field-error-border {
    border: 1px solid var(--color-border-danger-strong, #DB1D26) !important;
}

.text-field-search {
    border-radius: var(--radius-small, 8px);
    border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: var(--spacing-8, 8px) var(--spacing-48, 48px) var(--spacing-8, 8px) var(--spacing-48, 48px);
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    background-color: var(--bg-screen-strong);
}

.text-field-search::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
    opacity: 1;
}

.text-field-search::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
}

.text-field-search:hover {
    border: 1px solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field-search:active {
    border: 1px solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible:focus,
.text-field-search-main.tonal-search-field .text-field-search:focus-visible,
.text-field-search:focus {
    border: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: 1px solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-search-main {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.text-field-search-main.tonal-search-field .text-field-search {
    background-color: var(--color-bg-neutral-secondary);
    border-color: var(--color-bg-neutral-secondary);
}
.text-field-search-main.tonal-search-field .text-field-search:hover {
    background-color: var(--color-bg-neutral-secondary-hovered);
    border-color: var(--color-bg-neutral-secondary-hovered);
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible:focus,
.text-field-search-main.tonal-search-field .text-field-search:focus-visible {
    background-color: transparent;
    /* border-color: transparent; */
}

.text-field-search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.text-field-cancel-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.text-field-search.radius {
    border-radius: var(--radius-full, 120px) !important;
}.text-field-main {
    display: flex;
    max-width: 269px;
    width: 100%;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.text-field {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-16, 16px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-12, 12px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-16, 16px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    color: var(--color-text-neutral-strong);
}

.text-field.field-icon {
    padding-right: 52px;
}

.text-field::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    opacity: 1;
    font: 'inherit';
    letter-spacing: -0.6px;
}

.text-field::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F) !important;
    letter-spacing: -0.6px;
    font: inherit;
}

.text-field:hover {
    border: var(--border-width) solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field:active {
    border: var(--border-width) solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field:focus {
    border: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-box {
    position: relative;
}

.text-field-box .input-icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.helper-text-field {
    color: var(--color-text-neutral-secondary, #394046);
    font: var(--body-x-small);
}

.text-field-error {
    color: var(--color-text-danger-strong, #DB1D26);
    font: var(--body-x-small);
}

.text-field.radius {
    border-radius: var(--radius-full, 120px) !important;
}

.text-field-error-border {
    border: var(--border-width) solid var(--color-border-danger-strong, #DB1D26) !important;
}

.text-field-search {
    --border-width : var(--border-width-1);
    border-radius: var(--radius-small, 8px);
    border: var(--border-width) solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.30));
    display: flex;
    padding: calc(var(--spacing-8, 8px) - var(--border-width))  calc(var(--spacing-48, 48px) - var(--border-width)) calc(var(--spacing-8, 8px) - var(--border-width)) calc(var(--spacing-48, 48px) - var(--border-width));
    align-items: center;
    gap: var(--spacing-12, 12px);
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-neutral-strong, #060D14);
    text-overflow: ellipsis;
    font: var(--body-medium);
    box-sizing: border-box;
    background-color: var(--bg-screen-strong);
}

.text-field-search::placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
    opacity: 1;
}

.text-field-search::-ms-input-placeholder {
    color: var(--color-text-neutral-tertiary, #84898F);
}

.text-field-search:hover {
    border: var(--border-width) solid var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.50));
}

.text-field-search:active {
    border: var(--border-width) solid var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.70));
}

.text-field-search:focus {
    border: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
    outline: var(--border-width) solid var(--color-border-inverse-neutral, #0D0D0D);
}

.text-field-search-main {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.text-field-search-main.tonal-search-field .text-field-search {
    background-color: var(--color-bg-neutral-secondary);
    border-color: var(--color-bg-neutral-secondary);
}
.text-field-search-main.tonal-search-field .text-field-search:hover {
    background-color: var(--color-bg-neutral-secondary-hovered);
    border-color: var(--color-bg-neutral-secondary-hovered);
}
.text-field-search-main.tonal-search-field .text-field-search:focus-visible {
    background-color: transparent;
    border-color: transparent;
}

.text-field-search-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.text-field-cancel-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.text-field-search.radius {
    border-radius: var(--radius-full, 120px) !important;
}.dropdown-active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5) !important;
}
.dropdown-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 420px;
  z-index: 2;
}

.dropdown-list li {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li.suggetion-list {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 0px;
  align-items: center;
  padding-right: var(--spacing-16, 16px);
  gap: 0;
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
  word-break: break-all;
}

.dropdown-list li .dropdown-list-item-warpper {
  display: flex;
  align-items: center;
  gap: var(--spacing-12, 12px);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  width: 100%;
}

.dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.dropdown-list li:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
}

.dropdown-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.dropdown-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--body-medium);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
}

.dropdown-label:focus {
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.dropdown-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.dropdown-label b {
  font-weight: 700;
}

.dropdown-list.large {
  min-width: 400px;
}

.dropdown-list.medium {
  min-width: 296px;
}

.dropdown-list.small {
  min-width: 160px;
}

.doc-suggestion-dropdown-list {
  display: flex;
  padding-bottom: var(--spacing-2, 2px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}

.doc-suggestion-dropdown-list h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-strong, #060d14);
  text-overflow: ellipsis;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  word-break: break-all;
}

.doc-suggestion-dropdown-list h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  word-break: break-all;
}

.dropdown-list li.empty-list-item {
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.error-item-li {
  color: var(--color-text-danger-strong);
}

@media screen and (max-width: 767px) {
  .dropdown-list.large {
    min-width: 100%;
  }
}hr {
    background: var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.10));
    height: 1px;
    border: none;
    margin: 0px;
    width: 100%;
    opacity: 1!important;
}.sidebar-main-in {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cstn-cl-arrow {
  position: absolute;
  right: 12px;
}

.cstn-cl-arrow .mds-icons {
  display: block !important;
}

.sidebar-main {
  width: 248px;
  position: fixed;
  overflow: auto;
  top: inherit;
  height: calc(100vh - 56px);
  background: var(--color-bg-static-white);
  z-index: 3;
  display: flex;
  /* height: 100%; */
  justify-content: space-between;
  flex-direction: column;
}

.sidebar-footer hr {
  margin: 0px !important;
}

#wrapper {
  overflow: hidden;
  transition: height 0.5s;
}

.sidebar-main::-webkit-scrollbar {
  width: 6px;
}

.sidebar-main::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary);
}

.sidebar-main::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary);
  border-radius: 10px;
}

.sidebar-main:hover::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.sidebar-main-ul {
  margin: 0px;
  padding: 12px;
  list-style: none;
}

.sidebar-link {
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px) var(--spacing-space-small, 12px);
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  position: relative;
  font: var(--body-small);
  background: var(--color-bg-neutral-tertiary);
  color: var(--color-text-neutral-strong) !important;
  transition: 0.1s all;
}

.sidebar-link:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
  transition: all 0.1s ease-in-out;
}

.hovered {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.sidebar-link:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

/* Navbar is active */
.sidebar-link.active {
  background: var(--color-bg-neutral-secondary);
  transition: 0.3s all;
}

.sidebar-link.active:hover {
  background: var(--color-bg-neutral-secondary-hovered);
}

.sidebar-link.active:active {
  background: var(--color-bg-neutral-secondary-pressed);
}

.sidebar-link .mds-icons svg {
  fill: var(--color-icon-neutral-strong);
}

.sidebar-link.active .mds-icons {
  display: none;
}

.sidebar-link .mds-icons.filled {
  display: none;
}

.sidebar-link.active .mds-icons.filled {
  display: block;
}

.sidebar-label-name {
  margin-right: 4px;
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}

.sidebar-link.active .sidebar-label-name {
  font-weight: 600;
}

.sidebar-icon-active {
  display: none;
}

.sidebar-icon-img {
  margin-right: 24px;
  position: relative;
}

.sidebar-icon-img span.badge-notification-point {
  position: absolute;
  right: -3px;
}

.sidebar-line {
  margin: 0px 24px;
  background: var(--color-border-neutral-tertiary);
  height: 1px;
  border: 0px;
  width: auto;
}

.sidebar-title {
  color: var(--color-text-neutral-strong, #060D14);
  font: var(--title-x-small);
  margin: 4px 12px 8px;
}

.sidebar-on-off {
  width: 6px;
  height: 6px;
  display: block;
  background: var(--color-bg-accent-pink);
  border-radius: 50px;
  position: absolute;
  right: 12px;
  top: 18px;
}

.sidebar-footer {
  margin: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar-footer-link {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-footer-link li a {
  color: var(--color-text-neutral-secondary);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
}

.sidebar-footer-link li a:hover {
  color: var(--color-text-brand-strong, #0B42CF);
}

.sidebar-copy {
  color: var(--color-text-neutral-tertiary, #84898F);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.category-slider-menu {
  position: fixed;
  background: var(--color-bg-blackout-secondary);
  width: 100%;
  top: 0;
  z-index: 9;
  left: 248px;
}

.category-slider-menu-in {
  background: var(--bg-screen-strong);
  width: 248px;
  border-left: 1px solid var(--color-border-neutral-tertiary);
}

.category-slider-close {
  height: 72px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.category-slider-close img {
  cursor: pointer;
}

.category-slider-menu-all {
  height: calc(100vh - 72px);
  overflow: auto;
}

.category-slider-menu-all::-webkit-scrollbar {
  width: 6px;
}

.category-slider-menu-all::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--color-bg-neutral-tertiary);
}

.category-slider-menu-all::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary);
  border-radius: 10px;
}

.category-slider-menu-all:hover::-webkit-scrollbar-thumb {
  background: var(--color-bg-neutral-tertiary-hovered);
  border-radius: 10px;
}

.cstm-menu-pp-top {
  align-items: center;
  display: flex;
  height: 56px;
  padding-left: 14px;
  gap: 16px;
}

.stm-menu-pp-top-view {
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  margin-right: 16px;
}

.stm-menu-pp-top-logo img {
  height: 28px;
  vertical-align: text-top;
}

.sidebar-menu-popup-main {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: menupp;
  animation-name: menupp;
  background: #0000 !important;
}

.sidebar-menu-popup-main.hide-menu {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.sidebar-menu-popup-main.show-menu {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  align-items: flex-start;
}

.sidebar-menu-popup {
  background: var(--color-bg-static-white);
  height: 100vh;
  width: 248px;
}

.sidebar-main-ul-sub {
  display: flex;
  width: 300px;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-8, 8px);
  background: var(--color-bg-elevated, #FFF);
  box-shadow: var(--shadow-small);
  list-style: none;
  /* display: none; */
  /* max-height: calc(100vh - 95px); */
  /* max-height: 600px; */
}

.sidebar-main-ul li {
  position: relative;
  width: 100%;
}

/* .sidebar-main-ul li:hover .sidebar-main-ul-sub {
  display: block; 
} */
.sidebar-main-ul-sub li a {
  display: flex;
  color: var(--color-text-neutral-strong, #060D14);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0.00));
  font: var(--body-medium);
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  gap: 4px;
  align-items: center;

  /* min-width: 120px; */
  /* gap: var(--spacing-12, 12px); */
  /* align-self: stretch; */
  /* display: -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 1; */
  /* flex: 1 0 0; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}

.sidebar-main-ul-sub li a:hover {
  background: var(--color-bg-neutral-tertiary-hovered);
}

.sidebar-main-ul-sub li a:active {
  background: var(--color-bg-neutral-tertiary-pressed);
}

.sidebar-main-ul-sub li .active {
  background: var(--color-bg-neutral-secondary) !important;
}

.sidebar-main-all:not(.sidebar-menu-list) {
  position: absolute;
  left: 224px;
  top: -20px;
  /* padding: 20px 20px 20px 0px; */
  padding: 0;
}

.sidebar-main-ul-sub {
  margin-top: 0px;
}

/* .sidebar-main-all {
  position: absolute;
  left: 42px;
  top: 41px;
  padding-right: 20px;
  z-index: 1;
} */
.sidebar-main-all-loading {
  display: flex;
  gap: 12px;
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
}

.sidebar-main-all-loading-in {
  width: 100%;
  height: 20px;
  border-radius: 5px;
}

/* Sidebar menu list */
.sidebar-menu-list {
  display: none;
  left: 245px;
  z-index: 111;
  position: fixed;
  max-height: calc(100vh - 80px);
  overflow: auto;
  box-shadow: var(--shadow-small);
}

.sidebar-main-li:hover .sidebar-menu-list {
  display: block;
}

@media only screen and (max-width: 999px) {

  .sidebar-main-all {
    left: 0;
    z-index: 1;
    position: initial !important;
  }

  .sidebar-main-ul-sub {
    width: 100%;
    position: initial !important;
  }

  .sub-menu-open .cstn-cl-arrow {
    rotate: 90deg;
  }
  .sidebar-main-li .sidebar-link:focus + .sidebar-menu-list {
    display: block;
  }
}

@media only screen and (max-height : 600px) {
  .sidebar-main-ul-sub {
    top: 70px !important;
    max-height: calc(100vh - 80px) !important;
  }
}



/* Chat Icons */

.nav-beta-bedge-chat {
  background: #FFF;
  padding: 1px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #351bce;
  color: #201e29;
  line-height: 1.5;
  margin-left: auto;
}.notification-banner-box {
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  background-color: var(--color-bg-info-secondary);
}
.notification-banner-box .notification-banner-text-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 16px;
  width: 100%;
  word-break: break-word;
}
.notification-banner-box.notification-banner-medium {
  gap: var(--spacing-24);
  padding: var(--spacing-24);
}
.notification-banner-box.notification-banner-small {
  gap: var(--spacing-16);
  padding: var(--spacing-12) var(--spacing-16);
}
.notification-banner-box.notification-banner-action.notification-banner-small {
  padding-right: var(--spacing-12)
}
.notification-banner-box.notification-banner-small .notification-banner-text-wrapper {
  flex-direction: row;
  justify-content: space-between;
}
.notification-banner-box.notification-banner-bg-success {
  background-color: var(--color-bg-success-secondary);
}
.notification-banner-box.notification-banner-bg-warning {
  background-color: var(--color-bg-warning-secondary);
}
.notification-banner-box.notification-banner-bg-danger {
  background-color: var(--color-bg-danger-secondary);
}
.notification-banner-box.notification-banner-bg-info {
  background-color: var(--color-bg-info-secondary);
}
.notification-banner-box.notification-banner-bg-neutral {
  background-color: var(--color-bg-neutral-secondary);
}
.notification-banner-box .notification-banner-icon {
  flex-shrink: 0;
  display: flex;
}
.notification-banner-box .notification-banner-icon svg {
  width: 24px;
  height: auto;
}
.notification-banner-box .notification-banner-title {
  font: var(--body-small);
  font-weight: 600;
  color: var(--color-text-static-darkgray);
}
.notification-banner-box.notification-banner-small .notification-banner-title {
  display: none;
}
.notification-banner-box .notification-banner-text {
  font: var(--body-small);
  color: var(--color-text-static-darkgray);
}
.notification-banner-box .notification-banner-action-text {
  cursor: pointer;
  font: var(--body-small);
  padding: var(--spacing-2) var(--spacing-8);
  font-weight: 600;
  flex-shrink: 0;
}
.notification-banner-box.notification-banner-medium .notification-banner-action-text {
  margin-top: var(--spacing-4);
}
.notification-banner-box.notification-banner-bg-success .notification-banner-action-text {
  color: var(--color-text-success-onsecondary);
}
.notification-banner-box.notification-banner-bg-warning .notification-banner-action-text {
  color: var(--color-text-warning-onsecondary);
}
.notification-banner-box.notification-banner-bg-danger .notification-banner-action-text {
  color: var(--color-text-danger-onsecondary);
}
.notification-banner-box.notification-banner-bg-info .notification-banner-action-text {
  color: var(--color-text-info-onsecondary);
}
.notification-banner-box.notification-banner-bg-neutral .notification-banner-action-text {
  color: var(--color-text-neutral-onsecondary-strong);
}
.modal-success {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    padding: var(--spacing-16);
}

.modal-success .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg-blackout-secondary);
    z-index: 0;
}

.modal-success .modal-success-body {
    border-radius: var(--radius-12);
    background-color: var(--color-bg-elevated);
    max-width: 480px;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-48);
    gap: var(--spacing-24);
    text-align: center;
}

.modal-success .modal-success-body .modal-success-title-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

.modal-success .modal-success-body .modal-success-title-text .modal-success-title {
    font: var(--title-medium);
    color: var(--color-text-neutral-strong);
}

.modal-success .modal-success-body .modal-success-title-text p {
    font: var(--body-medium);
    color: var(--color-text-neutral-secondary);
}

.modal-success .modal-success-body .modal-success-btn {
    padding-top: var(--spacing-8);
}.public-header {
  min-height: 64px;
}
.admin-sidebar {
    padding: var(--spacing-16);
    padding-bottom: 0;
    overflow: auto;
    border-right: 1px solid var(--color-border-neutral-tertiary);
    flex-shrink: 0;
    transition: all .5s ease;
    width: 72px;
}

.admin-sidebar.collapsed {
    width: 224px;
}

.admin-sidebar .admin-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24);
    height: 100%;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group {
    display: flex;
    flex-direction: column;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    padding: var(--spacing-8);
    border-radius: var(--radius-8);
    position: relative;
    overflow: hidden;
    min-width: 40px;
    transition: all .5s ease;
}

/* .admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .admin-sidebar-item-icon {
    position: relative;
}
.admin-sidebar .admin-sidebar-list .collapse-icon {
    min-width: 40px;
}
.admin-sidebar .admin-sidebar-list .collapse-icon .admin-sidebar-item-icon {
    transform: rotate(0deg);
    transition: all .5s ease;
}
.admin-sidebar.collapsed .admin-sidebar-list .collapse-icon .admin-sidebar-item-icon {
    transform: rotate(180deg);
} */
.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .admin-sidebar-item-text {
    padding: 0 var(--spacing-4);
    display: none;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item .badge-notification-point {
    position: absolute;
    top: -2px;
    right: -2px;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item.active {
    background-color: var(--color-bg-neutral-secondary);
    font-weight: 600;
}

.admin-sidebar .admin-sidebar-list .admin-sidebar-group .admin-sidebar-item:hover {
    background-color: var(--color-bg-neutral-secondary);
}.cstm-all-admin {
    height: 100vh;
    overflow: hidden;
}

.admin-layout {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.admin-subsidebar {
    border-right: 1px solid var(--color-border-neutral-tertiary);
    max-width: 224px;
    width: 100%;
    flex-shrink: 0;
    overflow: auto;
    height: 100%;
}
.admin-subsidebar .admin-subsidebar-group {
    padding: var(--spacing-12);
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item {
    border-radius: var(--radius-8);
    display: block;
    width: 100%;
    padding: var(--spacing-8) var(--spacing-12);
    transition: all .5s ease;
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item:focus {
    outline: none;
    background-color: var(--color-bg-neutral-secondary);
}
.admin-subsidebar .admin-subsidebar-group .admin-subsidebar-group-item:hover {
    background-color: var(--color-bg-neutral-secondary);
}
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
/* .carousel-cell {
  width: 100%; 
  height: 200px;
  background: #222;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-cell img {
  display: block;
  max-height: 100%;
} */

.choose-media-attachment-details-right {
  height: 715px;
}
.madl-body-images-videos label {
  aspect-ratio: 1/1;
  margin: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.li-disabled {
  pointer-events: none;
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
  opacity: 0.3;
}

#imageuploadurl {
  width: 300px; /* Set your preferred width */
  height: 300px; /* Set your preferred height */
}

.media-attachment-details .modal-content {
  display: initial !important;
}

.share-btn-details {
  border-radius: 50px;
  opacity: 1;
  font-size: 14px;
  padding: 4px 8px;
}

.savedata-loader-img {
  background: #ffffffe6;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.savedata-loader-img img {
  width: 24px;
}

.empty-attament-media {
  height: 630px;
  max-height: calc(100vh - 302px);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.attachement-media-data-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
  max-height: calc(100vh - 302px);
  height: 630px;
}

.attachement-media-data-loading img {
  width: 70px;
}

.admin-content-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  justify-content: space-between;
  margin-bottom: 24px;
}

.admin-content-header h2 {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-large);
  letter-spacing: -0.36px;
}

.upload-media-btn {
  position: relative;
  display: flex;
  padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.upload-media-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.upload-media-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.upload-media-tabs {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.upload-media-tabs button {
  display: flex;
  padding: var(--spacing-12, 12px);
  align-items: center;
  gap: var(--spacing-2, 2px);
  border: none;
  background-color: var(--bg-screen-strong);
  color: var(--color-text-neutral-strong-pressed, #060d14);
  font: var(--body-large-bold);
  cursor: pointer;
  position: relative;
  text-align: center;
  justify-content: center;
}

.upload-media-tabs button:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.upload-media-tabs button:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.upload-media-tabs button.active:after {
  height: 4px;
  width: 100%;
  border-radius: var(--radius-x-small, 4px) var(--radius-x-small, 4px) 0px 0px;
  background: var(--color-bg-brand-strong, #0b42cf);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.upload-media-fillers {
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.upload-media-chips {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, 4px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-secondary, rgba(13, 13, 13, 0.2));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-medium);
  cursor: pointer;
  background-color: var(--color-text-static-white);
  padding: var(--spacing-8, 8px) var(--spacing-20, 20px);
}

.upload-media-chips:hover {
  border: 1px solid
    var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.upload-media-chips:active {
  border: 1px solid
    var(--color-border-neutral-secondary-hovered, rgba(13, 13, 13, 0.5));
}

.upload-media-chips-main {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.upload-media-chips.tab-active {
  background: var(--color-bg-inverse-neutral, #041527);
  color: var(--color-text-inverse, #fff);
}

.upload-media-filler-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.upload-media-filler-main-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-24, 24px);
}

.filter-list-grid {
  display: flex;
  padding: var(--spacing-2, 2px);
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #e7ebf1;
}

.filter-list-grid button {
  border: none;
  display: flex;
  padding: var(--spacing-6, 6px) var(--spacing-8, 8px);
  align-items: center;
  align-self: stretch;
}

button.filter-list-grid-active {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px #04152705;
}

.upload-media-filler-search {
  position: relative;
  min-width: 440px;
}

.upload-media-filler-search-input {
  border-radius: var(--radius-full, 120px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  font: var(--body-medium) !important;
  height: auto !important;
  padding: 8px 56px 8px 16px !important;
}

.upload-media-filler-search-input::placeholder {
  color: var(--color-text-neutral-tertiary, #84898f) !important;
  opacity: 1;
}

.upload-media-filler-search-input::-ms-input-placeholder {
  color: var(--color-text-neutral-tertiary, #84898f) !important;
}

.upload-media-filler-search-input:hover {
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5)) !important;
}

.upload-media-filler-search-input:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.upload-media-filler-search-icon {
  position: absolute;
  right: 16px;
  top: 8px;
  cursor: pointer;
}

.upload-media-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-8, 8px);
  border-radius: var(--radius-small, 4px);
  color: var(--color-text-neutral-strong, #060d14);
  cursor: pointer;
  position: relative;
  padding: 0px 26px 0px 0px;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color-bg-elevated, #fff);
  border: none;
  font-family: Figtree;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize !important;
}

.upload-media-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.72481%206.64131C3.9467%206.41942%204.29391%206.39925%204.53859%206.5808L4.60869%206.64131L10.0001%2012.0324L15.3915%206.64131C15.6134%206.41942%2015.9606%206.39925%2016.2053%206.5808L16.2754%206.64131C16.4972%206.8632%2016.5174%207.21042%2016.3359%207.4551L16.2754%207.52519L10.442%2013.3585C10.2201%2013.5804%209.87292%2013.6006%209.62824%2013.419L9.55814%2013.3585L3.72481%207.52519C3.48073%207.28112%203.48073%206.88539%203.72481%206.64131Z'%20fill='%23060D14'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  background-size: cover;
  top: 2px;
  right: 0px;
}

.dropdown-up-arrow::after {
  rotate: 180deg !important;
}

.upload-media-dropdown-list {
  display: flex;
  width: 200px;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 280px;
  overflow: auto;
  z-index: 3;
}

.upload-media-dropdown-list::-webkit-scrollbar {
  width: 14px;
}

.upload-media-dropdown-list::-webkit-scrollbar-thumb {
  background: #b2b7bd;
  border-radius: var(--radius-x-small, 8px);
  border: 4px solid #fff;
}

.upload-media-dropdown-list::-webkit-scrollbar-thumb:hover {
  background: #808992;
}

.upload-media-dropdown-list li {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
}

.upload-media-dropdown-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.upload-media-dropdown-list li:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.sort-by-label {
  font-weight: 400 !important;
}

.upload-media-filler-main-right .upload-media-dropdown-list {
  right: 24px;
}

.file-uploader-medium {
  /* max-width: 648px; */
  width: 100%;
  display: flex;
  padding: var(--spacing-48, 48px) var(--spacing-32, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, 24px);
  align-self: stretch;
  border-radius: var(--radius-medium, 12px);
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  box-sizing: border-box;
  cursor: pointer;
}

.file-uploader-medium:hover {
  border: 2px dashed
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.file-uploader-medium:active {
  border: 2px dashed
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.7));
}

.file-uploader-medium:focus {
  border: 2px dashed var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  outline: 2px solid var(--color-border-inverse-neutral, #0d0d0d);
  outline-offset: 2px;
}

.file-uploader-medium-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
}

.file-uploader-medium-body-icon {
  text-align: center;
  height: 32px;
  width: 100%;
}

.file-uploader-medium-body-icon img {
  vertical-align: middle;
}

.file-uploader-medium-body-title-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.file-uploader-medium-body-title-text h5 {
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--title-small);
  margin: 0px;
}

.file-uploader-medium-body-title-text h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  font: var(--body-x-small);
  margin: 0px;
}

.upload-media-drop {
  padding: var(--spacing-24, 24px) 0px;
}

/* .upload-media-drop .file-uploader-medium {
  max-width: 100%;
  height: 300px;
} */

.file-uploader-medium-button button {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: transparent;
}

.file-uploader-medium-button button:hover {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.file-uploader-medium-button button:active {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.file-uploader-error-border {
  border: 2px dashed var(--color-border-danger-strong, #db1d26) !important;
}

.file-uploader-error {
  color: var(--color-text-danger-strong, #db1d26);
  font: var(--body-x-small);
}

.media-images-videos {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.media-active-select {
  border-radius: 12px;
  outline: 2px solid var(--blue-500, #0b42cf);
  outline-offset: 4px;
  position: relative;
}

.media-active-select:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  right: 4px;
  top: 4px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2022C6.486%2022%202%2017.514%202%2012C2%206.486%206.486%202%2012%202C17.514%202%2022%206.486%2022%2012C22%2017.514%2017.514%2022%2012%2022ZM10.5938%2015.0258L8.21975%2012.6528C7.92675%2012.3598%207.92675%2011.8858%208.21975%2011.5928C8.51275%2011.2998%208.98675%2011.2998%209.27975%2011.5928L11.1238%2013.4348L15.3398%209.21975C15.6328%208.92675%2016.1068%208.92675%2016.3998%209.21975C16.6928%209.51275%2016.6928%209.98675%2016.3998%2010.2798L11.6538%2015.0258C11.3625%2015.319%2010.8865%2015.3205%2010.5938%2015.0258Z'%20fill='white'/%3e%3c/svg%3e");
}

.media-images-videos-column {
  aspect-ratio: 1/1;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* background: var(--color-bg-static-white-pressed); */
  background-image: url("data:image/svg+xml,%3csvg%20width='120'%20height='97'%20viewBox='0%200%20120%2097'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='120'%20height='97'%20rx='12'%20fill='%23EAEDF1'/%3e%3cpath%20d='M46.4688%2059.8872C45.8656%2059.3178%2045.8416%2058.3634%2046.4127%2057.7639L49.4749%2054.5298C51.0962%2052.8074%2053.8317%2052.7232%2055.5612%2054.3473L57.4811%2056.2962C58.0162%2056.8376%2058.8859%2056.8476%2059.423%2056.3182C59.6254%2056.0796%2063.9902%2050.7763%2063.9902%2050.7763C65.6833%2048.7224%2068.8099%2048.4236%2070.8661%2050.1127C70.9523%2050.1828%2071.0304%2050.251%2075.4313%2054.7724C76.0105%2055.3659%2076.0005%2056.3182%2075.4053%2056.8977C74.8121%2057.4812%2073.8582%2057.4631%2073.279%2056.8696C73.279%2056.8696%2069.1727%2052.653%2068.8801%2052.3683C68.1201%2051.7453%2066.9152%2051.9578%2066.3129%2052.6891C61.6577%2058.3386%2061.5995%2058.3954%2061.5234%2058.4695C59.8039%2060.1578%2057.0282%2060.1298%2055.3388%2058.4055C55.3388%2058.4055%2053.475%2056.5127%2053.4429%2056.4746C52.98%2056.0456%2052.1543%2056.0736%2051.6593%2056.5969L48.5931%2059.8311C48.0179%2060.4377%2047.0688%2060.4584%2046.4688%2059.8872Z'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.1256%2043.3019C48.1256%2046.0708%2050.3762%2048.3245%2053.1437%2048.3245C55.9113%2048.3245%2058.1639%2046.0708%2058.1639%2043.3019C58.1639%2040.5369%2055.9133%2038.2833%2053.1437%2038.2812C50.3762%2038.2812%2048.1256%2040.5329%2048.1256%2043.3019ZM51.1315%2043.3016C51.1315%2042.1908%2052.0337%2041.2886%2053.1425%2041.2886C54.2553%2041.2906%2055.1596%2042.1928%2055.1596%2043.3016C55.1596%2044.4124%2054.2553%2045.3167%2053.1445%2045.3167C52.0337%2045.3167%2051.1315%2044.4124%2051.1315%2043.3016Z'%20fill='%230B42CF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M68.6586%2069.0004H51.3236C44.5499%2069.0004%2040.0007%2064.2465%2040.0007%2057.1727V40.8277C40.0007%2033.7539%2044.5499%2029%2051.3236%2029H68.6586C75.4423%2029%2080.0015%2033.7539%2080.0015%2040.8277V57.1727C80.0015%2064.2465%2075.4423%2069.0004%2068.6586%2069.0004ZM51.3234%2032.0078C46.2712%2032.0078%2043.0066%2035.4705%2043.0066%2040.828V57.173C43.0066%2062.5324%2046.2712%2065.9931%2051.3234%2065.9931H68.6584C73.7226%2065.9931%2076.9952%2062.5324%2076.9952%2057.173V40.828C76.9952%2035.4705%2073.7226%2032.0078%2068.6584%2032.0078H51.3234Z'%20fill='%230B42CF'/%3e%3c/svg%3e");
  width: calc(14.28% - 21px);
}

.media-upload-images {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  background: #f3f5f7;
}

.media-upload-videos {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.compression-loader-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-icon-brand-onsecondary);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  z-index: 2;
}

.compression-loader-img img {
  height: 60px;
  width: 60px;
}

.media-upload-images-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-icon-brand-onsecondary);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  border: 1px solid #dedede;
  border-radius: 12px;
}

.media-upload-images-loader-in {
  display: flex;
  width: 94px;
  height: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #fff;
}

.media-reupload-img {
  font-size: 42px !important;
  color: #0b42cf;
}

.media-upload-images-loader-fill {
  border-radius: 12px;
  background: var(--color-bg-brand-strong, #0b42cf);
  height: 8px;
}

.media-upload-videos-loader {
  background: var(--color-bg-blackout-secondary, rgba(13, 13, 13, 0.5));
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  top: 0;
}

.media-upload-videos-loader img {
  cursor: pointer;
  width: 21%;
}

.media-no-data-found {
  text-align: center;
  grid-column: 12/1;
  margin-top: 100px;
  color: #d40606;
  font-size: 16px;
}

.empty-state {
  display: flex;
  width: 100%;
  max-width: 648px;
  padding: var(--spacing-48, 48px) 0px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24, 24px);
  margin: auto;
  grid-column: 12/1;
}

.empty-state-icon {
  height: 120px;
  width: 100%;
  text-align: center;
}

.empty-state-icon img {
  height: 120px;
  width: 120px;
  object-fit: cover;
}

.empty-state-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.empty-state-info-title {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  font-family: "Inter";
  margin: 0px;
}

.empty-state-info-p {
  max-width: 480px;
  width: 100%;
  color: var(--color-text-neutral-secondary, #394046);
  text-align: center;
  margin: 0px;
  font: var(--body-small);
}

.empty-state-buttun {
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  display: flex;
  padding: var(--spacing-space-small, 12px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--body-large-bold);
  background-color: transparent;
}

.empty-state-buttun:hover {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.empty-state-buttun:active {
  color: var(--color-text-neutral-strong, #060d14);
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.media-attachment-details .modal-dialog {
  max-width: 1344px;
  width: 90%;
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: 0px auto;
}

.media-attachment-details .modal-content {
  border-radius: 12px;
  margin: 24px 0px;
}

.media-attachment-details-header {
  border-bottom: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  /* background: var(--color-bg-elevated, #FFF); */
  display: flex;
  width: 100%;
  padding: var(--spacing-12, 12px) var(--spacing-12, 12px)
    var(--spacing-12, 12px) var(--spacing-24, 24px);
  align-items: center;
  gap: 10px;
}

.madh-h4 {
  flex: 1 0 0;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-small);
  margin: 0px;
}

.madh-close {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
}

.madh-close:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.madh-close:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.media-attachment-details-body {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.media-delete-message-alert {
  position: absolute;
  width: 100%;
  background: #c4dec4c7;
  z-index: 4;
  font-size: 16px;
  padding: 24px;
  color: #496e49;
}

.alert-for-media-processing {
  width: 100%;
  background: #c4dec4c7;
  z-index: 4;
  font-size: 16px;
  padding: 24px;
  color: #496e49;
  margin-bottom: 16px;
  border-radius: 8px;
}

.media-attachment-details-right {
  border-left: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  width: 304px;
  flex-shrink: 0;
  max-height: calc(100vh - 120px);
  overflow: auto;
  height: 760px;
}

.media-attachment-details-left {
  width: calc(100% - 304px);
  width: -moz-calc(100% - 304px);
  width: -webkit-calc(100% - 304px);
  width: -o-calc(100% - 304px);
  position: relative;
}

.media-attachment-details-left-main {
  max-height: calc(100vh - 120px);
  height: 760px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px 24px 24px;
}

.mad-slider-img {
  border-radius: 12px;
  max-height: 100%;
}

.mad-image-box {
  display: flex;
  padding: 16px;
  gap: 12px;
}

.mad-image-box-left {
  background: var(--color-bg-neutral-secondary, #eaedf1);
  border-radius: 12px;
  width: 120px;
  height: 97px;
  position: relative;
}

.media-details-video {
  min-width: 120px;
  width: 120px;
  height: 97px;
  border-radius: 12px;
  object-fit: cover;
}

.media-popup-video {
  align-items: center;
  background: var(--color-bg-blackout-secondary, #0d0d0d80);
  border-radius: 12px;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mad-image-box-right h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--link-x-small);
  margin: 0px;
  word-break: break-all;
}

.mad-image-box-right h6 {
  color: var(--color-text-neutral-secondary, #394046);
  text-overflow: ellipsis;
  font: var(--body-x-small);
  margin: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.mad-image-box-right {
  display: flex;
  gap: 4px;
  flex-direction: column;
}

.mad-hr {
  border-top-color: var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  margin: 0px;
}

.mad-field-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
}

.mad-field-box-main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8, 8px);
}

.mad-field-box-main h6 {
  margin: 0px;
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
}

.mad-text-field {
  border-radius: var(--radius-small, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px)
    var(--spacing-16, 16px) !important;
  align-items: center !important;
  gap: var(--spacing-16, 16px) !important;
  align-self: stretch !important;
  font: var(--body-medium) !important;
  height: auto !important;
}

.mad-text-field:hover {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5)) !important;
}

.mad-text-field:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.mad-text-textarea {
  border-radius: var(--radius-small, 8px) !important;
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3)) !important;
  display: flex !important;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px)
    var(--spacing-16, 16px) !important;
  align-items: center !important;
  gap: var(--spacing-16, 16px) !important;
  align-self: stretch !important;
  font: var(--body-medium) !important;
  height: 80px !important;
}

.mad-text-textarea:hover {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5)) !important;
}

.mad-text-textarea:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7)) !important;
}

.mad-text-error-border {
  border: 1px solid var(--color-border-danger-strong, #db1d26) !important;
}

.mad-copy-url {
  align-items: flex-start;
  display: flex;
  gap: 6px;
  padding: 12px 16px;
  width: 100%;
  flex-direction: column;
}

.mad-copy-url h5 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.mad-copy-url-list-icon {
  opacity: 0.6;
  display: none;
}

.mad-copy-url-list-icon {
  height: 20px;
  width: 20px;
}

.mad-copy-url-list {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
  gap: 0px;
}

.mad-copy-url-list li {
  border-radius: 6px;
  padding: 5px 12px;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  cursor: pointer;
}

.mad-copy-url-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.mad-copy-url-list li:hover .mad-copy-url-list-icon {
  display: block;
}

.mad-copy-url-list li:active {
  background: #bdbdbd;
}

.mad-copy-url-list-text {
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
}

.mad-copy-url-list-text:before {
  height: 5px;
  width: 5px;
  background: var(--color-bg-inverse-neutral, #041527);
  position: absolute;
  content: "";
  left: 0;
  border-radius: 50px;
}

.mad-copy-url-list .active {
  border: 1px solid var(--color-border-neutral-strong, #0d0d0d4d);
}

.mad-field-box-left h5 {
  color: #060d14;
  font-family: Muller;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0px;
}

.mad-field-box-left h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: #060d14;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
  word-break: break-all;
  cursor: pointer;
  margin: 0px;
}

.mad-field-box-left h6:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-copy-url {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  gap: 6px;
}

.copy-url-icon-btn {
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  display: flex;
  padding: var(--spacing-space-2-x-small, 8px);
  justify-content: center;
  align-items: center;
  border: none;
}

.copy-url-icon-btn:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.copy-url-icon-btn:active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.mad-field-box-right {
  min-width: 44px;
  width: 44px;
}

.mad-delete-download {
  display: flex;
}

.mad-delete-download {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.mad-delete-link {
  color: var(--red-500, #f1343d);
  font: var(--title-2x-small);
  cursor: pointer;
  position: relative;
}

.mad-delete-link:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-delete-loader-img {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffffdb;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.mad-delete-loader-img img {
  width: 24px;
}

.mad-download-link {
  color: var(--color-text-neutral-strong, #060d14);
  font: var(--title-2x-small);
  cursor: pointer;
}

.mad-download-link:hover {
  color: var(--color-text-brand-strong, #0b42cf);
}

.mad-categories-badge {
  display: inline-flex;
  padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  font: var(--body-x-small);
}

.mad-categories-badge img {
  width: 16px;
}

.mad-save-btn {
  position: relative;
  display: flex;
  padding: var(--spacing-6, 6px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6, 6px);
  border-radius: var(--radius-full, 120px);
  background: var(--color-bg-brand-strong, #0b42cf);
  color: var(--color-icon-brand-onstrong, #fff);
  text-align: center;
  font: var(--body-large-bold);
  border: none;
}

.mad-save-btn:hover {
  background: var(--color-bg-brand-strong-hovered, #0735ab);
}

.mad-save-btn:active {
  background: var(--color-bg-brand-strong-pressed, #052d93);
}

.mad-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}

.categories-select-box {
  position: relative;
}

.categories-select-label {
  display: flex;
  padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-8, 8px)
    var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-16, 16px);
  align-self: stretch;
  border-radius: var(--radius-small, 8px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  cursor: pointer;
  color: var(--color-text-neutral-strong, #060d14);
}

.categories-select-label:hover {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.5));
}

.categories-select-label:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.categories-select-label:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.46967%207.96967C4.73594%207.7034%205.1526%207.6792%205.44621%207.89705L5.53033%207.96967L12%2014.439L18.4697%207.96967C18.7359%207.7034%2019.1526%207.6792%2019.4462%207.89705L19.5303%207.96967C19.7966%208.23594%2019.8208%208.6526%2019.6029%208.94621L19.5303%209.03033L12.5303%2016.0303C12.2641%2016.2966%2011.8474%2016.3208%2011.5538%2016.1029L11.4697%2016.0303L4.46967%209.03033C4.17678%208.73744%204.17678%208.26256%204.46967%207.96967Z'%20fill='black'/%3e%3c/svg%3e");
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-size: cover;
  top: 8px;
  right: 12px;
}

.categories-up-arrow::after {
  rotate: 180deg !important;
}

.categories-select-list {
  display: flex;
  padding: var(--spacing-12, 12px) 0px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-small, 8px);
  background: var(--color-bg-elevated, #fff);
  box-shadow: var(--shadow-small);
  position: absolute;
  margin: 4px 0px;
  max-height: 200px;
  width: 100%;
  z-index: 1;
}

.categories-select-list li {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
  align-items: center;
  gap: var(--spacing-12, 12px);
  background: var(--color-bg-neutral-tertiary, rgba(255, 255, 255, 0));
  font: var(--body-medium);
  box-sizing: border-box;
}

.categories-select-list li:hover {
  background: var(--color-bg-neutral-tertiary-hovered, #eaedf1);
}

.categories-select-list .active {
  background: var(--color-bg-neutral-tertiary-pressed, #dce0e5);
}

.media-attachment-details-footer {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.madl-header {
  display: flex;
  width: 100%;
  padding: var(--spacing-24, 24px);
  align-items: center;
  gap: var(--spacing-24, 24px);
  justify-content: space-between;
}

.madl-header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
}

.madl-body {
  max-height: calc(100vh - 302px);
  height: 630px;
  /* min-height: 622px; */
  padding: 0px var(--spacing-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: 6px;
  margin-top: -6px;
}

.madl-body-main {
  /* display: grid; */
  /* grid-gap: 24px; */
  /* grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); */
  padding-bottom: 24px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.madl-body-images-videos {
  position: relative;
  cursor: pointer;
  background: var(--color-bg-static-white-pressed);
  border-radius: 12px;
  width: calc(16.66% - 20px);
}

.choose-upload-images {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.choose-upload-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.choose-media-attachment-details-right {
  border-left: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  width: 304px;
  flex-shrink: 0;
  max-height: calc(100vh - 210px);
  overflow: auto;
  height: 715px;
}

.choose-media-attachment-details-left {
  width: 100%;
  position: relative;
}

.upload-media-data-loading {
  text-align: center;
  margin-top: 200px;
}

.upload-media-data-loading img {
  width: 60px;
}

.choose-media-multipie-item {
  display: flex;
  padding: 16px;
  gap: 12px;
  border-bottom: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.choose-media-multipie-item-left img {
  min-width: 120px;
  width: 120px;
  height: 97px;
  border-radius: 12px;
  object-fit: cover;
}

.choose-media-multipie-item-right h5 {
  font: var(--body-x-small-bold);
  color: var(--color-text-neutral-secondary, #394046);
  margin: 0px;
}

.choose-media-multipie {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: 100%; */
  min-width: 304px;
  border-left: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.choose-media-multipie-link {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

.media-drag-main {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: #000000bf;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  flex-direction: column;
}

.media-drag-main h3 {
  color: var(--color-text-inverse, #fff);
  font-size: 30px;
  font-weight: 600px;
  margin-bottom: 24px;
}

.media-drag-main h4 {
  color: var(--color-text-inverse, #fff);
  font-size: 16px;
  margin: 0px;
}

.crop-media-footer {
  display: flex;
  padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid
    var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
}

.change-image-btn {
  display: flex;
  padding: var(--spacing-space-small, 11px) var(--spacing-16, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-space-3-x-small, 6px);
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-strong, rgba(13, 13, 13, 0.3));
  color: var(--color-text-neutral-strong, #060d14);
  text-align: center;
  font: var(--link-large);
  background-color: var(--color-bg-static-white);
}

.change-image-btn:hover {
  border: 1px solid
    var(--color-border-neutral-strong-hovered, rgba(13, 13, 13, 0.5));
}

.change-image-btn:active {
  border: 1px solid
    var(--color-border-neutral-strong-pressed, rgba(13, 13, 13, 0.7));
}

.crop-media-body {
  /* height: 736px; */
  max-height: calc(100vh - 210px);
  display: flex;
  justify-content: center;
}

.input-checkbox-popup-media {
  position: absolute !important;
  left: 10px;
  top: 10px;
  z-index: 2;
  display: none;
}

.crop-media-body .ReactCrop__child-wrapper {
  height: 100%;
}

.crop-media-image {
  height: 100%;
  /* width: 100%; */
  margin: auto;
}

.media-attachment-slider {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-slider {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-list {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-track {
  height: 100%;
  width: 100%;
}

.media-attachment-slider .slick-slide div {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-slider-img-only {
  width: auto !important;
  max-height: 100% !important;
}

.media-slider-video-only {
  max-height: 100% !important;
  background-color: #000;
}

.media-attachment-slider .slick-prev:before {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4193%2015.4615C13.6008%2015.7061%2013.5807%2016.0534%2013.3588%2016.2752C13.1147%2016.5193%2012.719%2016.5193%2012.4749%2016.2752L6.64157%2010.4419L6.58107%2010.3718C6.39949%2010.1271%206.41965%209.77988%206.64157%209.55804L12.4749%203.72468L12.545%203.66417C12.7897%203.48263%2013.1369%203.50279%2013.3588%203.72468L13.4193%203.79478C13.6008%204.03946%2013.5807%204.38668%2013.3588%204.60857L7.96765%209.99996L13.3588%2015.3914L13.4193%2015.4615Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.media-attachment-slider .slick-next:before {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.64155%2016.2752C6.41966%2016.0534%206.3995%2015.7061%206.58104%2015.4615L6.64155%2015.3914L12.0327%209.99996L6.64155%204.60857C6.41966%204.38668%206.3995%204.03946%206.58104%203.79478L6.64155%203.72468C6.86345%203.50279%207.21066%203.48263%207.45534%203.66417L7.52544%203.72468L13.3587%209.55804C13.5807%209.77988%2013.6008%2010.1271%2013.4192%2010.3718L13.3587%2010.4419L7.52544%2016.2752C7.28136%2016.5193%206.88563%2016.5193%206.64155%2016.2752Z'%20fill='%23060D14'/%3e%3c/svg%3e");
}

.media-attachment-slider button.slick-arrow {
  position: absolute;
  top: 50%;
  border-radius: var(--radius-full, 120px);
  border: 1px solid var(--color-border-neutral-tertiary, rgba(13, 13, 13, 0.1));
  background: var(--color-bg-static-white, #fff);
  box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
  display: inline-flex;
  padding: 7px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 36px;
  width: 36px;
  cursor: pointer;
  z-index: 1;
}

.media-attachment-slider button.slick-arrow:hover {
  border-radius: var(--radius-full, 120px);
  border: 1px solid
    var(--color-border-neutral-tertiary-hovered, rgba(13, 13, 13, 0.3));
  background: var(--color-bg-static-white-hovered, #fff);
  box-shadow: 0px 2px 10px 0px rgba(4, 21, 39, 0.04),
    0px 4px 25px 0px rgba(4, 21, 39, 0.1);
}

.media-attachment-slider button.slick-arrow:active {
  border-radius: var(--radius-full, 120px);
  border: 1px solid
    var(--color-border-neutral-tertiary-pressed, rgba(13, 13, 13, 0.5));
  background: var(--color-bg-static-white-pressed, #e8eaed);
  box-shadow: var(--shadow-small);
}

.media-attachment-slider .slick-prev {
  left: 24px;
}

.media-attachment-slider .slick-next {
  right: 24px;
}

.media-attachment-slider button.slick-arrow.slick-disabled {
  display: none !important;
}

.media-images-videos-colum-loading {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  vertical-align: middle;
}
.madl-body-images-videos-loading {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  vertical-align: middle;
  aspect-ratio: 1/1;
}
/* sidebar */
.border-sidebar {
  border-right: 1px solid #e5e5e5 !important;
}

.avtar-text-small-sidebar {
  color: white;
  text-align: center;
  font-family: inter;
  font-size: 9px;
  font-style: normal;
  line-height: 16px;
}

.font-heading-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.text-title-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
}

.font-title-sidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

.font-medium-sidebar-popover {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
}

.font-small-sidebar-popover {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
}

.menu-item-font-popover {
  overflow: hidden;
  color: #09090b;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.menu-item-small-font-popover {
  /* overflow: hidden; */
  color: #09090b;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  opacity: 0.6;
}


/* for popover default class */
[data-radix-popper-content-wrapper] {
  position: fixed !important;
  bottom: 45px;
  top: unset !important;
  transform: translate(3%, 00%) !important;
}


/* sub-sidebar */

.font-title-subSidebar {
  overflow: hidden;
  color: #3f3f46;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.4px;
}

.sub-sidebar-bg-active-radius {
  border-radius: 6px;
}


/* icon width */
.avtar-width {
  width: 16px;
  height: 16px;
}

.avtar-medium-width {
  width: 32px;
  height: 32px;
}


/* font-size */

/* font-small */
.font-size-small {
  font-family: inter;
  font-size: 12px;
  color: #18181b;
  font-style: normal;
  line-height: 16px;
}

/* fon-medium */
.font-size-medium {
  font-family: inter;
  font-size: 14px;
  color: #18181b;
  font-style: normal;
  line-height: 20px;
} 

/* font-large */
.font-size-large {
  font-family: inter;
  font-size: 16px;
  color: #18181b;
  font-style: normal;
  line-height: 24px;
}

/* font-dialog-heading */
.font-dialog-heading {
  font-family: inter;
  font-size: 18px;
  color: #18181b;
  font-style: normal;
  line-height: 18px;
  letter-spacing: -0.4px;
}

/* font-extra-large */
.font-size-extra-large {
  font-family: inter;
  font-size: 20px;
  color: #18181b;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.4px;
}


/* for underlined alert message */
.alert-action {
  color: #18181b;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* main content css */

/* main-heading */
.main-container-heading {
  color: #09090b;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.4px;
}

/* main-sub-heading */
.main-container-subheading {
  font-family: inter;
  font-size: 14px;
  color: #71717a;
  font-style: normal;
  line-height: 20px;
}

/* small-font */
.main-small-font-heading {
  font-family: inter;
  font-size: 12px;
  color: #71717a;
  font-style: normal;
  line-height: 16px;
}

.max-width-container {
  max-width: 896px;
  width: 100%;
}

.min-width-card {
  min-width: 85px;
}


.checkbox-dialog{
  width: 16px !important;
  height: 16px !important;
  margin-right: 0px !important;
}