@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html,
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Euclid Circular B", sans-serif;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

body {
  background: url("https://www.bootdey.com/img/bgy.png") no-repeat fixed center;
  background-size: cover;
}

.fa-2x {
  font-size: 1.5em;
}

.app {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.app-one {
  background-color: #f7f7f7;
  margin: 0;
  padding: 0;
  box-shadow:
    0 1px 1px 0 rgba(0, 0, 0, 0.06),
    0 2px 5px 0 rgba(0, 0, 0, 0.2);
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.side {
  padding: 0;
  margin: 0;
  height: 100%;
}

.side-one {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  top: 0;
  border-right: 1px solid #eef0f3;
  overflow: hidden;
}

.sidebar-chrome {
  flex-shrink: 0;
  width: 100%;
}

.sidebar-list-host {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.side-two {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: relative;
  top: -100%;
  left: -100%;
  transition: left 0.3s ease;
}

.heading {
  padding: 8px 8px;
  margin: 0;
  min-height: 58px;
  width: 100%;
  background-color: #ffffff;
  z-index: 1000;
  display: flex;
  align-items: center;
}

.heading_em {
  padding: 0;
  margin: 0;
  min-height: 80px;
  width: 100%;
  background-color: #ffffff;
  z-index: 1000;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.heading-avatar-icon .imglog {
  width: 100%;
  border-radius: 0px;
}

.heading-avatar-icon img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.heading-avatar-icon-sidebar img {
  border-radius: 50%;
  height: 100%;
  width: 18%;
  height: calc(100vh - 142px);
}

.heading-name {
  padding: 0 !important;
  display: flex;
  align-items: center;
  margin-left: 10px;
  /* cursor: pointer; */
}

.heading-name-meta {
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #475467;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0px;
}

.heading-online {
  padding: 0 5px;
  font-size: 12px;
  color: #93918f;
}

.heading-compose {
  padding: 0;
}

.heading-compose svg {
  text-align: center;
  padding: 5px;
  color: #93918f;
  cursor: pointer;
}

.heading-dot {
  padding: 0;
  margin-left: 10px;
}

.heading-dot svg {
  text-align: right;
  padding: 5px;
  color: #93918f;
  cursor: pointer;
}

.searchBox {
  padding: 0 !important;
  margin: 0 !important;
  /* height: 60px; */
  width: 100%;
}

.searchBox-inner {
  height: 100%;
  width: 100%;
  padding: 10px !important;
  background-color: #fbfbfb;
}

/*#searchBox-inner input {
  box-shadow: none;
}*/

.searchBox-inner input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.sideBar {
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  border: 1px solid #f0f2f5;
  border-top: none;
  flex: 1;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 24px;
}

.sideBar.sidebar-list-area--empty {
  padding-bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.sidebar-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 20px;
  margin: 12px auto;
  width: calc(100% - 24px);
  max-width: 280px;
  background: #fff;
  border: 1px dashed #e4e7ec;
  border-radius: 12px;
  color: #667085;
}

.sidebar-empty-state--compact {
  padding: 20px 16px;
  border-style: solid;
  border-color: #eef2f6;
  box-shadow: none;
}

.sidebar-empty-state__img {
  width: 96px;
  height: 96px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
}

.sidebar-empty-state__title {
  font-size: 14px;
  font-weight: 600;
  color: #182230;
  margin: 0 0 6px;
}

.sidebar-empty-state__desc {
  font-size: 12.5px;
  line-height: 1.45;
  color: #667085;
  margin: 0;
  max-width: 220px;
}

.sidebar-list-area--loading {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

.sidebar-list-host .channel-loader-shell,
.sideBar .channel-loader-shell {
  flex: 1;
  min-height: 0;
  width: 100%;
}

.channel-loader-shell--skeleton {
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
}

.sideBar-body {
  position: relative;
  padding: 8px 10px !important;
  border-bottom: 1px solid #f0f2f5;
  min-height: 0;
  margin: 0 !important;
  cursor: pointer;
  transition: background-color 0.15s ease;
  width: 100%;
  background-color: #ffffff;
}

.sideBar-body:hover {
  background-color: #f5faf9;
}

.sideBar-avatar {
  text-align: center;
  padding: 0 !important;
}

.avatar-icon img {
  border-radius: 50%;
  height: 49px;
  width: 49px;
}

.sideBar-main {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.sideBar-main .row {
  padding: 0 !important;
  margin: 0 !important;
}

.sideBar-name {
  display: inline-flex;
}

.name-meta {
  font-size: 100%;
  padding: 1% !important;
  text-align: left;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  color: #000;
  margin-top: 12px;
}

.sideBar-time {
  padding: 10px !important;
}

.time-meta {
  text-align: right;
  font-size: 12px;
  padding: 1% !important;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline;
}

/*New Message*/
.newMessage {
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
  position: relative;
  left: -100%;
}

.newMessage-heading {
  padding: 10px 16px 10px 15px !important;
  margin: 0 !important;
  height: 100px;
  width: 100%;
  background-color: #00bfa5;
  z-index: 1001;
}

.newMessage-main {
  padding: 10px 16px 0 15px !important;
  margin: 0 !important;
  height: 60px;
  margin-top: 30px !important;
  width: 100%;
  z-index: 1001;
  color: #fff;
}

.newMessage-title {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 5px !important;
}

.newMessage-back {
  text-align: center;
  vertical-align: baseline;
  padding: 12px 5px !important;
  display: block;
  cursor: pointer;
}

.newMessage-back i {
  margin: auto !important;
}

.composeBox {
  padding: 0 !important;
  margin: 0 !important;
  height: 60px;
  width: 100%;
}

.composeBox-inner {
  height: 100%;
  width: 100%;
  padding: 10px !important;
  background-color: #fbfbfb;
}

.composeBox-inner input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.compose-sideBar {
  padding: 0 !important;
  margin: 0 !important;
  background-color: #fff;
  overflow-y: auto;
  scrollbar-width: thin;
  border: 1px solid #f7f7f7;
  height: calc(100% - 160px);
}

/*Conversation*/
.conversation {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f8f8f8 !important;
}

.conversation--image-preview .reply,
.conversation--image-preview .mob-reply {
  visibility: hidden;
  pointer-events: none;
}

.multi-image-panel {
  position: absolute;
  inset: 0;
  z-index: 1002;
  display: flex;
  flex-direction: column;
  background: #111b21;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.22s ease,
    visibility 0.22s ease;
  pointer-events: none;
}

.multi-image-panel--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.multi-image-panel__preview {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px 16px 16px;
  background: #111b21;
}

.multi-image-panel__topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}

.multi-image-panel__close {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
}

.multi-image-panel__close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.multi-image-panel__count {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
}

.multi-image-panel__preview-img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}

.multi-image-panel__footer {
  flex-shrink: 0;
  background: #202c33;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 12px 12px;
}

.multi-image-panel__toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.multi-image-panel__strip-wrap {
  flex-shrink: 0;
  max-width: min(42vw, 280px);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.multi-image-panel__strip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 2px 0;
}

.multi-image-thumb {
  position: relative;
  width: 52px;
  height: 52px;
  min-width: 52px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #2a3942;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.multi-image-thumb--active {
  border-color: #1da384;
  box-shadow: 0 0 0 2px rgba(29, 163, 132, 0.35);
}

.multi-image-thumb__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.multi-image-thumb__remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(16, 24, 40, 0.72);
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

.multi-image-panel__add {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border: 1px dashed rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.multi-image-panel__add:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.45);
  color: #ffffff;
}

.multi-image-panel__caption {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  background: #2a3942;
  font-size: 14px;
  color: #e9edef;
  outline: none;
  transition: background 0.15s ease;
}

.multi-image-panel__caption::-moz-placeholder {
  color: rgba(233, 237, 239, 0.45);
}

.multi-image-panel__caption::placeholder {
  color: rgba(233, 237, 239, 0.45);
}

.multi-image-panel__caption:focus {
  background: #324047;
}

.multi-image-panel__send {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border: none;
  border-radius: 50%;
  background: #1da384;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.15s ease,
    transform 0.1s ease;
}

.multi-image-panel__send:hover:not(:disabled) {
  background: #15803d;
}

.multi-image-panel__send:active:not(:disabled) {
  transform: scale(0.96);
}

.multi-image-panel__send:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.multi-image-panel__send svg {
  transform: translate(1px, -0.5px);
}

@media screen and (max-width: 640px) {
  .multi-image-panel__toolbar {
    flex-wrap: wrap;
  }

  .multi-image-panel__strip-wrap {
    max-width: 100%;
    width: 100%;
  }

  .multi-image-panel__caption {
    flex: 1 1 auto;
    min-width: calc(100% - 52px);
  }
}

.conversation .message {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  max-height: none !important;
  scrollbar-width: thin;
}

.conversation_email .message {
  height: calc(100vh - 230px) !important;
  scrollbar-width: thin;
}

.conversation_email_cc .message {
  height: calc(100vh - 350px) !important;
  scrollbar-width: thin;
}

.chatNote {
  font-size: 12px;
}

.chat_reply {
  position: absolute;
  bottom: 65px;
}

.p-18 {
  padding: 18px 0px;
}

.message {
  padding: 0 !important;
  margin: 0 !important;
  background-size: cover;
  overflow-y: auto;
  border: 1px solid #f7f7f7;
  width: 100%;
}

.mid-content.conversation .message,
.mid-content.conversation_email .message {
  height: auto !important;
  max-height: none !important;
  flex: 1 1 auto;
  min-height: 0;
}

.conversation .reply,
.conversation .conv-chat-footer {
  flex-shrink: 0;
}

.message-previous {
  margin: 0 !important;
  padding: 0 !important;
  height: auto;
  width: 100%;
}

.previous {
  font-size: 15px;
  text-align: center;
  padding: 10px !important;
  cursor: pointer;
}

.previous a {
  text-decoration: none;
  font-weight: 700;
}

.message-body {
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
  height: auto;
}

.message-main-R {
  /*padding: 10px 20px;*/
  max-width: 40%;
}

.message-main-S {
  padding: 3px 20px !important;
  margin-left: 40% !important;
  max-width: 70%;
}

.message-text-left {
  margin: 0 !important;
  padding: 5px !important;
  word-wrap: break-word;
  font-weight: 200;
  font-size: 14px;
  padding-bottom: 0 !important;
  margin-top: 10px !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0px 9px 9px 9px;
  font-size: 12px;
  margin-left: 20px !important;
}

.message-text-right {
  margin: 0 !important;
  padding: 5px !important;
  word-wrap: break-word;
  font-weight: 200;
  font-size: 14px;
  padding-bottom: 0 !important;
  margin-top: 20px !important;
  background: #c0ebfc 0% 0% no-repeat padding-box;
  border-radius: 15px 15px 0px 15px;
  font-size: 12px;
  margin-left: 20px !important;
}

.message-time {
  margin: 0 !important;
  margin-left: 50px !important;
  font-size: 12px;
  text-align: right;
  color: #9a9a9a;
}

.R {
  width: auto !important;
  padding: 4px 10px 7px !important;
  border-radius: 10px 10px 10px 0;
  background: #ffffff;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  word-wrap: break-word;
  display: inline-block;
  margin-top: 1rem;
}

.S {
  float: right;
  width: auto !important;
  background: #c0ebfc;
  border-radius: 10px 10px 0 10px;
  padding: 4px 10px 7px !important;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  word-wrap: break-word;
  margin-right: 17rem;
}

.reply {
  width: 100%;
  background-color: #fff;
  margin: 0 !important;
  z-index: 1000;
  padding: 1px 0px;
  position: relative;
}

.audio-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #ffffff;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.audio-overlay__main {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.audio-overlay__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.audio-overlay__btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  line-height: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    transform 0.1s ease,
    box-shadow 0.15s ease;
}

.audio-overlay__btn svg {
  display: block;
  flex-shrink: 0;
}

.audio-overlay__btn--delete {
  background: #f9fafb;
  border-color: #eaecf0;
  color: #667085;
}

.audio-overlay__btn--delete:hover {
  background: #fef3f2;
  border-color: #fecdca;
  color: #d92d20;
}

.audio-overlay__btn--ghost {
  background: #f2f4f7;
  border-color: #e4e7ec;
  color: #475467;
}

.audio-overlay__btn--ghost:hover {
  background: #e4e7ec;
  border-color: #d0d5dd;
  color: #344054;
}

.audio-overlay__btn--send {
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: var(--composer-accent, #1a9d58);
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}

.audio-overlay__btn--send:hover {
  background: var(--composer-accent-hover, #126b42);
  box-shadow: 0 2px 4px rgba(16, 24, 40, 0.14);
}

.audio-overlay__btn--send:active {
  transform: scale(0.96);
}

.audio-overlay__btn--send svg {
  width: 17px;
  height: 17px;
  transform: translate(1px, -0.5px);
}

.audio-overlay__dot {
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  background: #f04438;
  box-shadow: 0 0 0 0 rgba(240, 68, 56, 0.45);
  animation: audio-rec-pulse 1.4s ease-in-out infinite;
}

@keyframes audio-rec-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(240, 68, 56, 0.35);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(240, 68, 56, 0);
  }
}

.audio-overlay__timer {
  font-size: 13px;
  font-weight: 600;
  color: #475467;
  font-variant-numeric: tabular-nums;
  min-width: 44px;
  line-height: 1;
}

.audio-recorder-wave {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.audio-recorder-wave__canvas {
  width: 100%;
  max-width: 180px;
  height: 30px;
}

.audio-playback-wave {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.audio-playback-wave__canvas {
  flex: 1;
  min-width: 0;
  width: 100%;
  max-width: 200px;
  height: 30px;
  cursor: pointer;
  border-radius: 6px;
}

/* Chat composer */
.chat-composer-wrap {
  background: #fff;
  border-top: 1px solid #e8ecf0;
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.chat-composer {
  display: flex;
  align-items: flex-end;
  gap: 0;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 4px 6px 4px 2px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.chat-composer:focus-within {
  border-color: #d0d5dd;
  box-shadow: 0 0 0 3px rgba(16, 24, 40, 0.04);
}

.chat-composer__tools {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 2px 4px 4px !important;
  border-right: none !important;
  flex-shrink: 0;
}

.chat-composer__tool-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.chat-composer__tool-btn:hover:not(:disabled) {
  background: #f2f4f7;
  color: #344054;
}

.chat-composer__tool-btn--disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.chat-composer__tool-btn--attach {
  width: auto;
  height: auto;
  padding: 0;
}

.chat-composer__tool-btn--attach .cus-dropdown-container {
  display: flex;
  align-items: center;
}

.chat-composer__tool-btn--attach .cus-dropdown-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.chat-composer__tool-btn--attach .cus-dropdown-header:hover {
  background: #f2f4f7;
}

.chat-composer__tool-btn--attach
  .cus-dropdown-container.is-open
  .cus-dropdown-header {
  background: #f2f4f7;
}

.chat-composer__tool-btn--attach .cus-dropdown-container.is-open .bi-paperclip {
  color: #344054 !important;
}

.chat-composer__tool-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.chat-composer__tool-btn--attach .bi-paperclip {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  color: #667085 !important;
}

.chat-composer__tool-btn--attach .cus-dropdown-header:hover .bi-paperclip {
  color: #344054 !important;
}

.chat-composer__body {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
}

.chat-composer__input {
  width: 100% !important;
  min-height: 36px !important;
  max-height: 120px;
  height: auto !important;
  padding: 8px 6px !important;
  margin: 0;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #344054;
  resize: none;
  outline: none !important;
}

.chat-composer__input::-moz-placeholder {
  color: #98a2b3;
}

.chat-composer__input::placeholder {
  color: #98a2b3;
}

.chat-composer__input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.chat-composer__sms-meta,
.chat-composer__sms-note {
  margin: 0 0 4px 6px;
  font-size: 10px;
  color: #98a2b3;
  line-height: 1.3;
}

.chat-composer__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 2px 2px 0 !important;
  padding: 0;
}

.chat-composer__mic,
.chat-composer__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.1s ease;
}

.chat-composer__mic {
  background: transparent;
  color: #667085;
  padding: 0;
}

.chat-composer__mic:hover {
  background: #f2f4f7;
  color: #344054;
}

.chat-composer__mic svg {
  font-size: 20px !important;
  padding: 0 !important;
}

.chat-composer__send {
  background: var(--composer-accent, #1a9d58);
  color: #fff;
}

.chat-composer__send:hover {
  background: var(--composer-accent-hover, #126b42);
}

.chat-composer__send:active {
  transform: scale(0.96);
}

.chat-composer__send svg {
  font-size: 18px !important;
  padding: 0 !important;
}

.reply .sendMessageSec.chat-composer {
  border-radius: 12px;
  border: 1px solid #e4e7ec;
  padding: 4px 6px 4px 2px;
  margin: 0;
}

.reply-emojis {
  padding: 5px !important;
}

.reply-emojis i {
  text-align: center;
  padding: 5px 5px 5px 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-recording {
  padding: 5px !important;
}

.reply-recording i {
  text-align: center;
  padding: 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-send {
  cursor: pointer;
  margin: 0 10px 0px 5px;
}

.reply-send .mic-buttton {
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.reply-send .mic-buttton:hover {
  background-color: #168e72;
  color: white;
}

.reply-send .mic-buttton svg {
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border-radius: 50%;
  padding: 4px;
}

.reply-send svg {
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border-radius: 50%;
  padding: 5px 4px 5px 6px;
}

.reply-main {
  padding: 2px 5px !important;
  flex: 1;
}

.messageOption {
  padding: 4px 10px !important;
  border-right: 1px solid #d0d5dd !important;
}

.reply-main textarea {
  width: 100%;
  resize: none;
  overflow-y: scroll;
  padding: 10px 5px !important;
  outline: none;
  border: none;
  text-indent: 5px;
  box-shadow: none;
  font-size: 12px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 5px;
}

.reply-main textarea:focus {
  outline: none;
  border: none;
  text-indent: 5px;
  box-shadow: none;
}

.send {
  padding: 1px 0px;
  margin-top: 8px;
}

@media screen and (max-width: 700px) {
  .app {
    top: 0;
    height: 100%;
  }

  .heading {
    /* height: 70px; */
    background-color: #fff;
  }

  .fa-2x {
    font-size: 2.3em !important;
  }

  .heading-avatar {
    padding: 0 !important;
  }

  .heading-avatar-icon img {
    height: 50px;
    width: 50px;
  }

  .heading-compose {
    padding: 5px !important;
  }

  .heading-compose svg {
    color: #fff;
    cursor: pointer;
  }

  .heading-dot {
    padding: 5px !important;
    margin-left: 10px !important;
  }

  .heading-dot svg {
    color: #fff;
    cursor: pointer;
  }

  .sideBar-avatar {
    text-align: left;
    padding: 0 8px !important;
  }

  .avatar-icon img {
    height: 55px;
    width: 55px;
  }

  .sideBar-main {
    padding: 0 !important;
  }

  .sideBar-main .row {
    padding: 0 !important;
    margin: 0 !important;
  }

  .sideBar-name {
    padding: 10px 5px !important;
  }

  .name-meta {
    font-size: 16px;
    padding: 5% !important;
  }

  .sideBar-time {
    padding: 10px !important;
  }

  .time-meta {
    text-align: right;
    font-size: 14px;
    padding: 4% !important;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: baseline;
  }

  .conversation {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    max-width: 100% !important;
  }

  .reply-emojis {
    padding: 5px 0 !important;
  }

  .reply-emojis i {
    padding: 5px 2px !important;
    font-size: 1.8em !important;
  }

  .reply-main {
    padding: 2px 8px !important;
  }

  .reply-main textarea {
    padding: 8px !important;
    font-size: 18px;
  }

  .reply-recording {
    padding: 5px 0 !important;
  }

  .reply-recording i {
    padding: 5px 0 !important;
    font-size: 1.8em !important;
  }

  .main-content-div {
    display: none;
  }
}

.more-right-bdr {
  border-right: 1px solid #bce0d6;
  padding-right: 15px;
}

.back-chat-list {
  display: none;
}

.back-chat-list img {
  width: 20px !important;
}

.fa-2x {
  font-size: 2.2em !important;
}

.active {
  background-color: #f0fdf9;
  border-left: 3px solid #1da384;
  transition: background-color 0.2s ease;
}

.heading-icon img {
  width: 15px !important;
}

.user-time {
  float: right;
  margin-top: 14px;
}

.form-control {
  background: #fff 0% 0% no-repeat padding-box;
  background-image: none;
  border: 1px solid #f0f2f6;
}

.user-icon {
  background: #afe6f7 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
  border-radius: 50px;
  text-align: center;
  color: #00bcf5;
  font-weight: 800;
  font-size: 26px;
  color: #3c5873;
  font-weight: 500;
}

.user_name {
  margin: auto;
  text-align: center;
}

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

#friendslist {
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 484px;
}

.friend:hover {
  background: #f3f9ff;
  cursor: pointer;
}

.friend img {
  width: 40px;
  border-radius: 50%;
  margin: 10px 15px;
  float: left;
}

.floatingImg {
  width: 40px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 12px;
  border: 3px solid #fff;
}

.friend p {
  float: left;
}

.friend p strong {
  font-weight: 100 !important;
  font-size: 13px;
  color: #597a96;
  display: inline-block;
  margin-left: 20px;
  position: absolute;
  margin-top: 21px;
}

.friend p span {
  font-size: 13px;
  font-weight: 400;
  color: #aab8c2;
}

.friend .status {
  background: #49c858;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 25px;
  right: 34px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.friend .status.away {
  background: #ffce54;
}

.friend .status.inactive {
  background: #eaeef0;
}

#search {
  height: 60px;
  width: 290px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#searchfield {
  background: #e3e9ed;
  margin: 21px 0 0 55px;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Euclid Circular B", sans-serif;
  font-weight: 400px;
  color: #8198ac;
}

#searchfield:focus {
  outline: 0;
}

.time {
  margin-right: 20px;
  font-size: 10px;
  float: right;
  width: -moz-max-content;
  width: max-content;
  margin-top: 10px;
}

.friend p span {
  font-size: 15px;
  color: #000;
  margin-left: 20px;
}

.user-add {
  display: contents;
}

.users_name {
  margin-left: 20px;
}

#sendmessage {
  height: 40px;
  border-top: 1px solid #e7ebee;
  position: absolute;
  bottom: 0;
  right: 0px;
  background: #fff;
  padding-bottom: 50px;
}

#sendmessage input {
  background: #fff;
  margin: 15px 0 0 21px;
  border: none;
  padding: 0;
  font-size: 14px;
  font-family: "Euclid Circular B", sans-serif;
  font-weight: 400px;
  color: #aab8c2;
}

#sendmessage input:focus {
  outline: 0;
}

#sendmessage button {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  background: #00afe5;
  font-size: 10px;
  color: #fff;
}

#sendmessage button:hover {
  cursor: pointer;
  background-position: 0 0;
}

#sendmessage button:focus {
  outline: 0;
}

.left-chat {
  margin-top: 20px;
}

.left-user {
  padding: 10px;
  background: #ffffff 0% 0% no-repeat padding-box;
  width: 20%;
  border-radius: 0px 9px 9px 9px;
}

.left-time-right {
  font-size: 10px;
}

.pull-left {
  margin-top: 20px;
}

.message-main-sender {
  margin-top: 5rem;
}

.msz-time {
  font-size: 10px;
  color: #0000008a;
}

.chat-body {
  width: auto !important;
  position: relative;
}

.chat-list {
  font-size: 0.8rem;
  margin-bottom: 0px;
  padding-left: 0px;
}

.chat-list li {
  margin-bottom: 0px;
  color: #000;
  right: 0px;
  list-style-type: none;
}

.chat-list .chat-img img {
  border-radius: 50px;
  width: 100%;
}

.chat-list .chat-message {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  display: inline-block;
  padding: 10px 10px 5px 10px;
  position: relative;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 6px;
  overflow: visible;
}

.chat-list .media-chat-message {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  display: inline-block;
  padding: 0px;
  position: relative;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 6px;
}

.chat-list .chat-message:before {
  content: "";
  position: absolute;
  top: 15px;
  width: 0;
  height: 0;
}

.chat-list .chat-message h5 {
  margin: 0 0 5px 0;
  font-weight: 600;
}

.chat-list .chat-message p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  word-break: break-word;
  margin-bottom: 0 !important;
}

.chat-list .chat-body {
  width: 70%;
  overflow: visible;
  position: relative;
}

.chat-list .message-box {
  overflow: visible !important;
}

.chat-list .in .chat-message:before {
  left: -12px;
}

.chat-list .out .chat-img {
  float: right;
}

.chat-list .out .chat-body {
  float: right;
  text-align: right;
  margin-left: 30% !important;
}

.chat-list .out .chat-message {
  background: #1da3841a;
  border-radius: 6px;
  text-align: left;
}

.chat-list .out .chat-message .masz-user {
  display: block;
  width: 100%;
  text-align: left;
}

.chat-list .out .chat-message .time_status,
.chat-list .out .sentMediaClass .time_status {
  float: right;
  clear: both;
  display: inline-flex !important;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-width: 0 !important;
  margin: 4px 0 2px 12px !important;
  text-align: right;
}

.chat-list .out .chat-message::after,
.chat-list .out .sentMediaClass::after {
  content: "";
  display: table;
  clear: both;
}

.chat-list .out .chat-message:before {
  right: -12px;
}

/* Hide scrollbar on webchat product carousel (agent dashboard) */
.wc-product-carousel::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

/* Hide default disclosure triangle on webchat order detail expander */
.wc-order-details summary::-webkit-details-marker {
  display: none;
}
.wc-order-details summary {
  list-style: none;
}

/* ============================================================
   Webchat (AI Webchat / "wc") message theme override
   Scoped under .wc-messages-theme so it never affects other channels
   ============================================================ */

/* Kill Bootstrap .card chrome — it wraps every bubble and causes a
   second rectangular layer behind .chat-message */
.wc-messages-theme .card {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wc-messages-theme .card-body {
  padding: 0 !important;
  margin: 0 !important;
}

.wc-messages-theme .chat-list .chat-message,
.wc-messages-theme .chat-list .media-chat-message {
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  padding: 10px 14px 6px 14px;
}

.wc-messages-theme .chat-list .chat-message:before,
.wc-messages-theme .chat-list .media-chat-message:before {
  display: none;
}

/* Legacy WA speech-tail on chat-body — hide for webchat */
.wc-messages-theme .in div .chat-body::before,
.wc-messages-theme .out div .chat-body::before {
  display: none !important;
  content: none !important;
}

.wc-messages-theme .chat-list .in .chat-message {
  background: #ffffff;
  border: 1px solid #eef0f3;
}

.wc-messages-theme .chat-list .out .chat-message {
  background: var(--wc-brand-light, #eef2ff) !important;
  border: 1px solid var(--wc-brand-border, #e0e7ff) !important;
}

/* Rich product/order/lead/CSAT/draft-order cards — single card, no outer bubble */
.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content),
.wc-messages-theme .chat-list .in .chat-message:has(.wc-rich-message-content) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 100%;
  overflow: visible !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.wc-messages-theme .chat-list .out .chat-body {
  max-width: 85%;
}

.wc-messages-theme .chat-list .in .chat-body:has(.wc-rich-message-content) {
  max-width: 85%;
}

/* Product/order footers: time + Sent by on one row; nudge chips on the next */
.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content) > .wc-rich-message-content {
  width: 100%;
  min-width: 0;
}

.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content) > .time_status {
  float: none !important;
  clear: both !important;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
  flex-wrap: nowrap;
  gap: 5px;
  width: auto !important;
  max-width: 100%;
  min-width: 0 !important;
  margin: 6px 0 0 !important;
}

.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content) > .ai-message-nudge {
  width: 100%;
  margin-top: 6px;
}

.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content) > .ai-message-nudge .ai-message-nudge__row {
  width: 100%;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.wc-messages-theme .chat-list .out .chat-message:has(.wc-rich-message-content)::after {
  display: none;
}

.card .card-header:first-child {
  border-radius: 0.3rem 0.3rem 0 0;
}

.card .card-header {
  background: #17202b;
  border: 0;
  font-size: 1rem;
  padding: 0.65rem 1rem;
  position: relative;
  font-weight: 600;
  color: #ffffff;
}

.content {
  margin-top: 40px;
}

.status-user {
  background: #49c858;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  left: 28px;
}

.img-user-whatsp {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  display: block !important;
  -o-object-fit: contain;
     object-fit: contain;
}

.imglogo {
  display: flex;
  justify-content: left;
}

.imglogo span img {
  margin-left: -40px !important;
}

.whatsup {
  position: absolute;
  bottom: -2px;
  left: 30px;
}

.whatsup-title {
  text-align: left;
  margin-top: 7px;
  margin-left: 20px !important;
  /* line-height: 40px; */
}

.not_found {
  top: 7px !important;
  inset: 2px !important;
}

@media (min-width: 1200px) {
  .chat-body {
    max-width: 50%;
  }
}

.circle {
  background: #49c858;
  border-radius: 15px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 30px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  right: 1%;
}

.unread_user {
  font-weight: 500 !important;
}

.home-page-text {
  text-align: center;
  font-size: 20px;
  letter-spacing: 0px;
  color: #06161c;
  opacity: 1;
}

.home-page-image {
  min-width: 481px !important;
  min-height: 323px !important;
  top: 100px !important;
}

.loader {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.time_status {
  text-align: right;
  margin-bottom: 5px !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
}

.message-sent-by {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 10px;
  font-weight: 400;
  color: #475467;
  line-height: 1.25;
  margin-top: 2px;
}

.message-meta-sep {
  display: inline-flex;
  align-items: center;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.message-sent-by.message-sent-by--inline {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0;
  white-space: nowrap;
  text-align: inherit;
  color: #667085;
}

.right-side {
  background: #ffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* User-details panel: ensure inner panels can flex-fill remaining height */
.user-details-box .side-one {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

.user-details-box .side-one > .right-side {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.right-header {
  background: #f7f7f7;
  height: 10%;
}

.right-body {
  border-left: 1px solid #c1c1c147;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.right-body .profile-v2 {
  flex: 0 0 auto;
  min-height: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 12px;
  gap: 14px;
}

.profile-v2 .agent_notes_mm {
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0 !important;
}

.profile-v2 .agent_notes_mm .overflow-auto {
  flex: none;
  min-height: 100px;
  max-height: 150px;
}

.right-body .orders-panel {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.right-body .shop-root {
  flex: 1 1 auto;
  min-height: 0;
}

.right-body .user-details-empty {
  flex-shrink: 0;
}

.right-body .profile-card-hover {
  height: auto !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/* User details side panel — compact bold tab bar */
.user-details-tabs-wrap {
  position: sticky;
  top: 0;
  z-index: 5;
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background:
    linear-gradient(
      180deg,
      rgba(30, 163, 132, 0.06) 0%,
      rgba(30, 163, 132, 0) 80%
    ),
    #ffffff;
  border-bottom: 1px solid #eceef1;
}

/* User details panel header bar */
.user-details-panel-header-bar {
  position: relative;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 0 14px;
  border-bottom: 1px solid #e8ecf0;
  background: #fff;
  box-sizing: border-box;
}

.user-details-panel-header-bar__toggle {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999999;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  color: #667085;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

/* Expanding tabs in unified panel header (WhatsApp) */
.user-details-panel-header {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
}

.user-details-panel-header .user-details-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.user-details-panel-header .user-details-tabs__btn {
  flex: 1 1 0;
  height: 34px;
  min-width: 76px;
  width: auto;
  padding: 0 10px;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #e4e7ec;
  background: #fff;
  color: #667085;
  cursor: pointer;
  border-radius: 8px;
  gap: 5px;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
  overflow: visible;
}

.user-details-panel-header .user-details-tabs__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #1ea384;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 0;
  border-radius: 8px;
}

.user-details-panel-header .user-details-tabs__btn > * {
  position: relative;
  z-index: 1;
}

.user-details-panel-header .user-details-tabs__label {
  display: inline-block;
  flex-shrink: 0;
  overflow: visible;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  margin-left: 0;
  padding: 0;
}

.user-details-panel-header .user-details-tabs__icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  stroke-width: 2;
}

.user-details-panel-header
  .user-details-tabs__btn:hover:not(.user-details-tabs__btn--active) {
  color: #128c7e;
  border-color: rgba(37, 211, 102, 0.45);
  background: rgba(37, 211, 102, 0.06);
}

.user-details-panel-header .user-details-tabs__btn--active {
  padding: 0 12px;
  color: #ffffff;
  border-color: #1ea384;
  box-shadow: none;
  border-radius: 9px;
}

.user-details-panel-header .user-details-tabs__btn--active::before {
  opacity: 1;
}

.user-details-panel-header
  .user-details-tabs__btn--active
  .user-details-tabs__label {
  max-width: none;
  opacity: 1;
  margin-left: 0;
}

.user-details-panel-header
  .user-details-tabs__btn--active
  .user-details-tabs__icon {
  stroke-width: 2.4;
}

.user-details-tabs {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 4px;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.user-details-tabs::-webkit-scrollbar {
  display: none;
}

.right-body .user-details-tabs__btn {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 7px 8px;
  border: 1px solid #e4e7ec;
  background: #ffffff;
  color: #475467;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 8px;
  transition:
    color 0.2s ease,
    background 0.25s ease,
    border-color 0.2s ease,
    box-shadow 0.25s ease,
    transform 0.15s ease;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
  overflow: hidden;
}

.right-body .user-details-tabs__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #22b894 0%, #1ea384 100%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 0;
}

.right-body .user-details-tabs__btn > * {
  position: relative;
  z-index: 1;
}

.right-body .user-details-tabs__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  stroke-width: 2;
  transition:
    transform 0.25s ease,
    stroke-width 0.2s ease;
}

.right-body .user-details-tabs__label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
}

.right-body .user-details-tabs__btn:hover:not(.user-details-tabs__btn--active) {
  color: #1ea384;
  border-color: rgba(30, 163, 132, 0.4);
  background: rgba(30, 163, 132, 0.04);
}

.right-body .user-details-tabs__btn:focus-visible {
  outline: 2px solid #1ea384;
  outline-offset: 2px;
  z-index: 2;
}

.right-body .user-details-tabs__btn--active {
  color: #ffffff;
  border-color: transparent;
  box-shadow:
    0 2px 6px rgba(30, 163, 132, 0.28),
    0 1px 2px rgba(16, 24, 40, 0.08);
}

.right-body .user-details-tabs__btn--active::before {
  opacity: 1;
}

.right-body .user-details-tabs__btn--active .user-details-tabs__icon {
  stroke-width: 2.4;
}

.right-body .user-details-tabs__btn:active {
  transform: scale(0.97);
}

/* Compact when the side panel is narrow */
@media (max-width: 1100px) {
  .right-body .user-details-tabs__btn {
    font-size: 11px;
    padding: 6px 5px;
    gap: 4px;
  }
  .right-body .user-details-tabs__icon {
    width: 13px;
    height: 13px;
  }
  .right-body .user-details-tabs__label {
    font-size: 11px;
  }
}

/* Previous Orders panel — clean, simple, eye-catching */
.orders-panel {
  padding: 14px 12px 20px;
  height: 90vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
  background: #f7f7f7;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.orders-panel--state {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

.orders-panel.orders-panel--state > .orders-panel__scope {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
}

.orders-panel.orders-panel--state
  > .orders-panel__scope
  .orders-panel__scope-text {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}

.orders-panel.orders-panel--state .user-details-empty {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.orders-panel.orders-panel--state .user-details-empty__desc {
  max-width: 100%;
}

.orders-panel::-webkit-scrollbar {
  width: 6px;
}

.orders-panel::-webkit-scrollbar-thumb {
  background: #c4c9d2;
  border-radius: 6px;
}

.orders-panel::-webkit-scrollbar-track {
  background: transparent;
}

.orders-panel__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.orders-panel__scope {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 6px 10px;
  background: rgba(30, 163, 132, 0.08);
  border: 1px solid rgba(30, 163, 132, 0.18);
  border-radius: 999px;
  font-size: 11.5px;
  color: #475467;
  font-weight: 500;
  max-width: 100%;
}

.orders-panel__scope svg {
  width: 12px;
  height: 12px;
  color: #1ea384;
  flex-shrink: 0;
}

.orders-panel__scope-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.orders-panel__scope-text strong {
  color: #101828;
  font-weight: 700;
}

.orders-toolbar__scope .orders-panel__scope-info {
  flex-shrink: 0;
  color: #98a2b3;
  font-size: 12px;
  margin-left: 0;
}

.orders-toolbar__scope .orders-panel__scope-info:hover {
  color: #1ea384;
}

.orders-panel__scope--filter {
  background: rgba(53, 56, 205, 0.08);
  border-color: rgba(53, 56, 205, 0.22);
}

.orders-panel__scope--filter svg {
  color: #3538cd;
}

/* Orders toolbar — browse row ↔ full-width search (one bar, no layout jump) */
.orders-toolbar {
  margin: 0 0 12px;
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  overflow: hidden;
  min-width: 0;
}

.orders-toolbar__browse {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 6px 6px 10px;
  min-height: 40px;
  min-width: 0;
}

.orders-toolbar__scope {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.orders-toolbar__scope-icon {
  width: 14px;
  height: 14px;
  color: #1ea384;
  flex-shrink: 0;
}

.orders-toolbar__scope-text {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #344054;
  line-height: 1.3;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}

.orders-toolbar__scope-name {
  color: #101828;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.orders-toolbar__scope-muted {
  color: #667085;
  font-weight: 500;
  flex-shrink: 0;
}

.orders-toolbar__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: rgba(30, 163, 132, 0.1);
  color: #1ea384;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.orders-toolbar__trigger:hover {
  background: rgba(30, 163, 132, 0.18);
}

.orders-toolbar__trigger svg {
  width: 16px;
  height: 16px;
}

.orders-toolbar__search-mode {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  min-height: 40px;
  animation: ordersToolbarSearchIn 0.16s ease-out;
}

.orders-toolbar__search-mode .orders-toolbar__field {
  width: 100%;
}

.orders-toolbar--always-open .orders-toolbar__search-mode {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 8px;
}

.orders-toolbar--always-open .orders-toolbar__scope--inline {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0 2px;
}

.orders-toolbar--always-open .orders-toolbar__hint {
  padding: 0 10px 8px;
}

@keyframes ordersToolbarSearchIn {
  from {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}

.orders-toolbar__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: #f2f4f7;
  color: #475467;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.orders-toolbar__close:hover {
  background: #e4e7ec;
  color: #101828;
}

.orders-toolbar__close svg {
  width: 16px;
  height: 16px;
}

.orders-toolbar__field {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 32px;
  padding: 0 6px 0 10px;
  background: #f9fafb;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}

.orders-toolbar__field:focus-within {
  background: #ffffff;
  border-color: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12);
}

.orders-toolbar--error .orders-toolbar__field {
  border-color: #fda29b;
  background: #fffbfa;
}

.orders-toolbar--error .orders-toolbar__field:focus-within {
  border-color: #f04438;
  box-shadow: 0 0 0 3px rgba(240, 68, 56, 0.12);
}

.orders-toolbar__field-icon {
  width: 15px;
  height: 15px;
  color: #98a2b3;
  flex-shrink: 0;
}

.orders-toolbar__field:focus-within .orders-toolbar__field-icon {
  color: #1ea384;
}

.orders-toolbar__input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: #101828;
  padding: 6px 0;
  outline: none;
  font-family: inherit;
}

.orders-toolbar__input::-moz-placeholder {
  color: #98a2b3;
  font-weight: 500;
}

.orders-toolbar__input::placeholder {
  color: #98a2b3;
  font-weight: 500;
}

.orders-toolbar__input::-webkit-search-cancel-button {
  display: none;
}

.orders-toolbar__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.orders-toolbar__clear:hover:not(:disabled) {
  background: #f2f4f7;
  color: #344054;
}

.orders-toolbar__clear svg {
  width: 13px;
  height: 13px;
}

.orders-toolbar__spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #e4e7ec;
  border-top-color: #1ea384;
  border-radius: 50%;
  animation: ordersSearchSpin 0.7s linear infinite;
  flex-shrink: 0;
}

@keyframes ordersSearchSpin {
  to {
    transform: rotate(360deg);
  }
}

.orders-toolbar__hint {
  margin: 0;
  padding: 0 10px 7px;
  font-size: 10px;
  line-height: 1.35;
  color: #98a2b3;
  font-weight: 500;
}

.orders-toolbar--search .orders-toolbar__hint {
  padding-top: 0;
}

.orders-toolbar__error {
  margin: 0;
  padding: 0 10px 8px;
  font-size: 10.5px;
  line-height: 1.35;
  color: #b42318;
  font-weight: 500;
}

.orders-panel.orders-panel--state > .orders-toolbar {
  align-self: stretch;
  width: 100%;
}

.order-card {
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 14px;
  padding: 14px 14px 6px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.order-card:hover {
  border-color: #d0d5dd;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.06);
  transform: translateY(-1px);
}

.order-card--expanded {
  border-color: rgba(30, 163, 132, 0.35);
  box-shadow: 0 6px 18px rgba(30, 163, 132, 0.1);
}

.order-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.order-card__number {
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-card__date {
  font-size: 11.5px;
  color: #98a2b3;
  margin: 4px 0 0;
  line-height: 1.2;
  font-weight: 500;
}

.order-card__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-transform: capitalize;
  white-space: nowrap;
  flex-shrink: 0;
}

.order-card__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.order-card__price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f2f4f7;
}

.order-card__price {
  font-size: 18px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.02em;
  line-height: 1;
}

.order-card__items {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #667085;
  background: #f2f4f7;
  padding: 4px 9px;
  border-radius: 999px;
}

.order-card__items svg {
  width: 12px;
  height: 12px;
  color: #98a2b3;
}

.order-card__details {
  margin-top: 14px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  animation: orderDetailsIn 0.18s ease-out;
}

@keyframes orderDetailsIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.order-card__detail-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}

.order-card__detail-label {
  color: #667085;
  font-weight: 500;
}

.order-card__detail-value {
  color: #101828;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}

.order-card__detail-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 6px;
  margin-top: 2px;
  border-top: 1px dashed #e4e7ec;
}

.order-card__detail-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #344054;
  line-height: 1.45;
}

.order-card__detail-line svg {
  width: 13px;
  height: 13px;
  margin-top: 2px;
  color: #98a2b3;
  flex-shrink: 0;
}

.order-card__detail-line span {
  word-break: break-word;
}

.order-card__note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  background: #fffaeb;
  border-radius: 8px;
  border: 1px solid #fedf89;
  color: #93370d;
  font-size: 12px;
  line-height: 1.45;
}

.order-card__note svg {
  width: 13px;
  height: 13px;
  margin-top: 2px;
  color: #b54708;
  flex-shrink: 0;
}

.order-card__note span {
  word-break: break-word;
}

.order-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 2px;
}

.order-card__tag {
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 999px;
  background: #ffffff;
  color: #3538cd;
  border: 1px solid #c7d7fe;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}

.order-card__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  margin-top: 10px;
  padding: 8px 8px;
  background: transparent;
  border: none;
  color: #1ea384;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
  transition:
    background 0.15s ease,
    color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.order-card__toggle:hover {
  background: rgba(30, 163, 132, 0.08);
  color: #0f8f72;
}

.order-card__toggle svg {
  width: 14px;
  height: 14px;
  transition: transform 0.18s ease;
}

.order-card--expanded .order-card__toggle svg {
  transform: rotate(0);
}

.orders-panel__sentinel {
  width: 100%;
  height: 1px;
}

/* ============================================================
   Shop tab — collections + products with slide animation
   ============================================================ */

.shop-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f7f7f7;
}

.shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  background: #ffffff;
  border-bottom: 1px solid #eceef1;
  flex-shrink: 0;
  min-height: 48px;
}

.shop-toolbar__title-wrap {
  flex: 1 1 auto;
  min-width: 0;
}

.shop-toolbar:not(.shop-toolbar--cart) .shop-toolbar__title-wrap {
  text-align: left;
}

.shop-toolbar--cart .shop-toolbar__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2px;
}

.shop-toolbar--products .shop-toolbar__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
}

.shop-toolbar__subtitle {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: #98a2b3;
  line-height: 1.2;
}

.shop-toolbar__trailing-spacer {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.shop-toolbar--cart {
  min-height: 52px;
}

.shop-toolbar__title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop-toolbar__cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(30, 163, 132, 0.1);
  border: 1px solid rgba(30, 163, 132, 0.18);
  color: #1ea384;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.shop-toolbar__cart:hover {
  background: rgba(30, 163, 132, 0.16);
  transform: translateY(-1px);
}

.shop-toolbar__cart svg {
  width: 16px;
  height: 16px;
}

.shop-toolbar__cart-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1ea384;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 0 0 2px #ffffff;
}

/* Sliding views container */
.shop-views {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.shop-views__pane {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s ease;
  will-change: transform, opacity;
}

.shop-views__pane--collections {
  transform: translateX(0);
}

.shop-views__pane--products {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}

.shop-views--products .shop-views__pane--collections {
  transform: translateX(-22%);
  opacity: 0;
  pointer-events: none;
}

.shop-views--products .shop-views__pane--products {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

/* Cart pane — slides in from the right above any other view */
.shop-views__pane--cart {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.shop-views--cart .shop-views__pane--collections,
.shop-views--cart .shop-views__pane--products {
  transform: translateX(-22%);
  opacity: 0;
  pointer-events: none;
}

.shop-views--cart .shop-views__pane--cart {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

/* Toolbar back button (used on Cart view) */
.shop-toolbar__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #eceef1;
  color: #344054;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin-right: 4px;
}

.shop-toolbar__back:hover {
  background: #f9fafb;
  border-color: #d0d5dd;
}

.shop-toolbar__back svg {
  width: 14px;
  height: 14px;
}

/* ============================================================
   Cart panel
   ============================================================ */
.cart-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f7f7f7;
  min-height: 0;
}

.cart-panel__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  border-bottom: 1px solid #eceef1;
  flex-shrink: 0;
}

.cart-panel__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #eceef1;
  color: #344054;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.cart-panel__back:hover {
  background: #f9fafb;
  border-color: #d0d5dd;
}

.cart-panel__back svg {
  width: 14px;
  height: 14px;
}

.cart-panel__header-text {
  flex: 1 1 auto;
  min-width: 0;
}

.cart-panel__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.cart-panel__sub {
  margin: 2px 0 0;
  font-size: 11px;
  color: #667085;
  font-weight: 500;
}

.cart-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.cart-panel__body::-webkit-scrollbar {
  width: 6px;
}
.cart-panel__body::-webkit-scrollbar-thumb {
  background: #c4c9d2;
  border-radius: 6px;
}

/* Sections */
.cart-section {
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

.cart-section--summary {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.cart-section__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #475467;
}

.cart-section__title svg {
  width: 13px;
  height: 13px;
  color: #1ea384;
}

.cart-section__action {
  margin-left: auto;
  background: transparent;
  border: none;
  color: #b42318;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 6px;
  text-transform: none;
  letter-spacing: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.cart-section__action:hover {
  background: rgba(180, 35, 24, 0.08);
}

/* Cart items list */
.cart-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.cart-line {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  border-top: 1px dashed #eaecf0;
  position: relative;
}

.cart-line:first-child {
  border-top: none;
  padding-top: 4px;
}

.cart-line__media {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #f2f4f7;
  overflow: hidden;
  border: 1px solid #eceef1;
  flex-shrink: 0;
}

.cart-line__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cart-line__media-fallback {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #98a2b3;
}

.cart-line__media-fallback svg {
  width: 18px;
  height: 18px;
}

.cart-line__info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 0px;
}

.cart-line__title {
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: #101828;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.cart-line__price {
  margin: 0;
  font-size: 11.5px;
  color: #667085;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cart-line__variant {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #98a2b3;
  font-size: 11px;
}

.cart-line__bottom {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 6px;
  min-width: 0;
  width: 100%;
}

.cart-line__total {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #158f72;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  word-break: break-word;
  white-space: normal;
}

.cart-line__qty-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.cart-line__remove {
  position: absolute;
  top: 10px;
  right: 0;
  background: transparent;
  border: none;
  color: #98a2b3;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.cart-line__remove:hover {
  background: rgba(180, 35, 24, 0.08);
  color: #b42318;
}

.cart-line__remove svg {
  width: 14px;
  height: 14px;
}

.cart-qty {
  display: inline-flex;
  align-items: stretch;
  flex: 0 0 auto;
  flex-shrink: 0;
  height: 30px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.cart-qty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  flex-shrink: 0;
  background: transparent;
  border: none;
  color: #1ea384;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  transition: background 0.15s ease;
}

.cart-qty__btn:hover {
  background: rgba(30, 163, 132, 0.1);
}

.cart-qty__btn svg {
  width: 11px;
  height: 11px;
}

.cart-qty__value {
  font-size: 13px;
  font-weight: 700;
  color: #101828;
  min-width: 28px;
  text-align: center;
  padding: 0 4px;
  border-left: 1px solid #eaecf0;
  border-right: 1px solid #eaecf0;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Empty cart */
.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 22px 14px 14px;
}

.cart-empty__icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(30, 163, 132, 0.1);
  color: #1ea384;
  margin-bottom: 10px;
}

.cart-empty__icon svg {
  width: 20px;
  height: 20px;
}

.cart-empty__title {
  margin: 0 0 4px;
  font-size: 13.5px;
  font-weight: 700;
  color: #182230;
}

.cart-empty__desc {
  margin: 0 0 12px;
  font-size: 11.5px;
  color: #667085;
  max-width: 240px;
  line-height: 1.45;
}

.cart-empty__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  background: #ffffff;
  border: 1px solid #1ea384;
  color: #1ea384;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.cart-empty__cta:hover {
  background: rgba(30, 163, 132, 0.08);
}

/* Form fields */
.cart-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cart-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.cart-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cart-field__label {
  font-size: 11px;
  font-weight: 600;
  color: #475467;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  letter-spacing: 0.01em;
}

.cart-field__input {
  width: 100%;
  height: 36px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 12.5px;
  color: #101828;
  font-family: inherit;
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
  box-sizing: border-box;
}

.cart-field__input::-moz-placeholder {
  color: #98a2b3;
}

.cart-field__input::placeholder {
  color: #98a2b3;
}

.cart-field__input:focus {
  border-color: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12);
}

.cart-field__input--error {
  border-color: #f04438;
  background: #fffafa;
}

.cart-field__input--error:focus {
  border-color: #f04438;
  box-shadow: 0 0 0 3px rgba(240, 68, 56, 0.12);
}

.cart-field__with-icon .cart-field__input--error {
  border-color: #f04438;
}

.cart-field__error {
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.35;
  color: #d92d20;
}

.cart-field__with-icon {
  position: relative;
  display: flex;
  align-items: center;
}

.cart-field__with-icon svg {
  position: absolute;
  left: 10px;
  width: 13px;
  height: 13px;
  color: #98a2b3;
  pointer-events: none;
}

.cart-field__with-icon .cart-field__input {
  padding-left: 30px;
}

.cart-field__textarea {
  min-height: 72px;
  height: auto;
  padding: 8px 10px;
  line-height: 1.45;
  resize: vertical;
}

.cart-field--tight {
  margin-top: 10px;
}

.cart-section--summary .cart-summary-rows {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid #eceef1;
}

/* Discount */
.cart-discount {
  margin-bottom: 12px;
}

.cart-discount-modes-label {
  font-size: 11px;
  font-weight: 600;
  color: #475467;
  margin: 0 0 8px;
  letter-spacing: 0.01em;
}

.cart-discount-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 6px;
}

.cart-discount-mode {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 56px;
  padding: 8px 6px;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: 600;
  color: #475467;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.cart-discount-mode__label {
  display: block;
  max-width: 100%;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-discount-mode svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.cart-discount-mode:hover {
  border-color: #98a2b3;
  background: #f9fafb;
}

.cart-discount-mode--active {
  border-color: #1ea384;
  background: rgba(30, 163, 132, 0.1);
  color: #067647;
  box-shadow: 0 0 0 1px rgba(30, 163, 132, 0.2);
}

.cart-discount-mode--active .cart-discount-mode__label {
  font-weight: 700;
}

.cart-summary-footnote {
  margin: 0 0 8px;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1.45;
  color: #667085;
}

.cart-summary-row__strike {
  text-decoration: line-through;
  color: #98a2b3;
  font-weight: 500;
}

.cart-summary-row--save span:last-child {
  color: #067647;
  font-weight: 700;
}

.cart-discount__clear-wrap {
  margin-top: 6px;
}

.cart-shipping-tags-hint {
  margin: 5px 0 0;
  font-size: 11px;
  color: #98a2b3;
  line-height: 1.35;
}

.cart-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 8px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  box-sizing: border-box;
}

.cart-tag-cloud:focus-within {
  border-color: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12);
}

.cart-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  padding: 3px 4px 3px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
  font-size: 11px;
  font-weight: 600;
  color: #344054;
}

.cart-tag-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}

.cart-tag-chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #667085;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
  transition:
    background 0.12s ease,
    color 0.12s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.cart-tag-chip__remove:hover {
  background: rgba(16, 24, 40, 0.06);
  color: #101828;
}

.cart-tag-field__input {
  flex: 1 1 96px;
  min-width: 96px;
  border: none;
  outline: none;
  font-size: 12.5px;
  font-family: inherit;
  background: transparent;
  padding: 4px 2px;
  color: #101828;
}

.cart-tag-field__input::-moz-placeholder {
  color: #98a2b3;
}

.cart-tag-field__input::placeholder {
  color: #98a2b3;
}

.cart-discount__row {
  display: flex;
  gap: 8px;
}

.cart-discount__input {
  flex: 1 1 auto;
}

.cart-discount__apply {
  flex-shrink: 0;
  height: 36px;
  padding: 0 14px;
  background: #ffffff;
  border: 1px solid #1ea384;
  color: #1ea384;
  font-size: 12px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.cart-discount__apply:hover:not(:disabled) {
  background: #1ea384;
  color: #ffffff;
}

.cart-discount__apply:disabled {
  opacity: 0.7;
  cursor: progress;
}

.cart-discount__applied {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-discount__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(30, 163, 132, 0.1);
  color: #067647;
  border: 1px solid rgba(30, 163, 132, 0.3);
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.cart-discount__chip svg {
  width: 12px;
  height: 12px;
}

.cart-discount__chip-meta {
  font-weight: 500;
  opacity: 0.8;
}

.cart-discount__remove {
  background: transparent;
  border: none;
  color: #b42318;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
  margin-left: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.cart-discount__remove:hover {
  background: rgba(180, 35, 24, 0.08);
}

/* Summary rows */
.cart-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cart-summary-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 12.5px;
  color: #475467;
}

.cart-summary-row span:first-child {
  color: #475467;
  font-weight: 500;
}

.cart-summary-row span:last-child {
  color: #101828;
  font-weight: 600;
}

.cart-summary-row--free {
  color: #067647 !important;
  font-weight: 700 !important;
}

.cart-summary-row--discount span:last-child {
  color: #067647;
  font-weight: 700;
}

.cart-summary-row--total {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px dashed #eaecf0;
  font-size: 14px;
}

.cart-summary-row--total span:first-child {
  color: #101828;
  font-weight: 700;
}

.cart-summary-row--total span:last-child {
  color: #101828;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
}

/* Sticky action footer */
.cart-actions {
  flex-shrink: 0;
  background: #ffffff;
  border-top: 1px solid #eceef1;
  padding: 8px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-shadow: 0 -2px 8px rgba(16, 24, 40, 0.04);
}

.cart-actions__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.cart-actions__row--single {
  grid-template-columns: 1fr;
}

.cart-actions__hint--muted {
  color: #b54708;
}

.cart-actions__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.cart-actions__btn span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-actions__btn svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.cart-actions__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cart-actions__btn--primary {
  background: #1ea384;
  color: #ffffff;
  border-color: #1ea384;
}

.cart-actions__btn--primary:hover:not(:disabled) {
  background: #199473;
  border-color: #199473;
}

.cart-actions__btn--secondary {
  background: #ffffff;
  color: #1ea384;
  border-color: #c6e9df;
}

.cart-actions__btn--secondary:hover:not(:disabled) {
  background: rgba(30, 163, 132, 0.06);
  border-color: #1ea384;
}

.cart-actions__btn--ghost {
  background: #ffffff;
  color: #475467;
  border-color: #e4e7ec;
}

.cart-actions__btn--ghost:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #d0d5dd;
  color: #344054;
}

.cart-actions__hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  font-size: 9.5px;
  color: #98a2b3;
  padding: 0 2px;
  text-align: center;
  align-self: center;
  font-weight: 500;
  line-height: 1.3;
}

.cart-actions__hint svg {
  width: 9px;
  height: 9px;
  color: #98a2b3;
  flex-shrink: 0;
}

/* Inner scroll panel (used by both views) */
.shop-panel {
  height: 100%;
  overflow-y: auto;
  padding: 14px 12px 20px;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.shop-panel--state {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-panel::-webkit-scrollbar {
  width: 6px;
}

.shop-panel::-webkit-scrollbar-thumb {
  background: #c4c9d2;
  border-radius: 6px;
}

.shop-panel__section-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 2px 2px 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #98a2b3;
}

.shop-panel__section-title svg {
  width: 13px;
  height: 13px;
}

.shop-panel__count {
  margin-left: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

/* Collection cards */
.collection-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.collection-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 14px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.collection-card:hover {
  border-color: rgba(30, 163, 132, 0.35);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  transform: translateY(-1px);
}

.collection-card--catalog {
  border-color: rgba(37, 99, 235, 0.2);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.collection-card--catalog:hover {
  border-color: rgba(37, 99, 235, 0.38);
}

.collection-card__hero--catalog {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #2563eb;
}

.collection-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.collection-card__hero {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #1ea384;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.collection-card__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.collection-card__hero svg {
  width: 18px;
  height: 18px;
}

.collection-card__head-text {
  flex: 1 1 auto;
  min-width: 0;
}

.collection-card__title {
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.01em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.collection-card__sub {
  margin: 3px 0 0;
  font-size: 11px;
  color: #667085;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: capitalize;
}

.dot-sep {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #d0d5dd;
  display: inline-block;
}

.collection-card__chev {
  width: 16px;
  height: 16px;
  color: #98a2b3;
  flex-shrink: 0;
}

.collection-card__previews {
  display: flex;
  gap: 6px;
  padding-top: 6px;
  border-top: 1px dashed #eaecf0;
}

.collection-card__preview {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #f2f4f7;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #eceef1;
}

.collection-card__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.collection-card__preview-fallback {
  font-size: 14px;
  font-weight: 700;
  color: #98a2b3;
}

/* Products view header */
.shop-products-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -2px 0 12px;
}

.shop-products-header__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #eceef1;
  color: #344054;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.shop-products-header__back:hover {
  background: #f9fafb;
  border-color: #d0d5dd;
}

.shop-products-header__back svg {
  width: 14px;
  height: 14px;
}

.shop-products-header__text {
  flex: 1 1 auto;
  min-width: 0;
}

.shop-products-header__title {
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop-products-header__sub {
  margin: 2px 0 0;
  font-size: 11px;
  color: #667085;
  text-transform: capitalize;
}

.shop-products-toolbar {
  margin: 0 0 10px;
}

.shop-products-toolbar .orders-toolbar {
  margin-bottom: 0;
}

/* Product list — horizontal cards (one per row, fits everything cleanly) */
.product-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.shop-panel .orders-panel__load-more {
  min-height: 32px;
  margin-top: 8px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 8px;
}

.product-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.product-card:hover {
  border-color: #d0d5dd;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  transform: translateY(-1px);
}

.product-card--in-cart {
  border-color: rgba(30, 163, 132, 0.45);
  box-shadow: 0 4px 14px rgba(30, 163, 132, 0.1);
  background: linear-gradient(180deg, rgba(30, 163, 132, 0.04) 0%, #ffffff 60%);
}

.product-card--oos {
  opacity: 0.92;
}

.product-card--oos:hover {
  transform: none;
}

.product-card__row {
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
}

.product-card__media {
  position: relative;
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #f2f4f7;
  overflow: hidden;
  border: 1px solid #eceef1;
}

.product-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.product-card__media-fallback {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #98a2b3;
}

.product-card__media-fallback svg {
  width: 22px;
  height: 22px;
}

.product-card__oos {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  z-index: 2;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(16, 24, 40, 0.82);
  color: #ffffff;
}

.product-card__discount {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 2px 6px;
  border-radius: 999px;
  background: #b42318;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(180, 35, 24, 0.35);
}

.product-card__badge {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 7px;
  background: #1ea384;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.18);
}

.product-card__badge svg {
  width: 10px;
  height: 10px;
}

.product-card__info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.product-card__title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #101828;
  line-height: 1.35;
  letter-spacing: -0.005em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.product-card__price-row {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.product-card__price {
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.02em;
  line-height: 1;
}

.product-card__compare {
  font-size: 11.5px;
  color: #98a2b3;
  text-decoration: line-through;
  line-height: 1;
}

.product-card__handle {
  margin: 0;
  font-size: 10.5px;
  color: #98a2b3;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.product-card__stock-hint {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  color: #667085;
  line-height: 1.2;
}

/* Product variant — simple select */
.product-variant-picker {
  width: 100%;
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px dashed #eaecf0;
  box-sizing: border-box;
}

.product-variant-picker__label {
  display: block;
  margin: 0 0 5px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #667085;
}

.product-variant-picker__select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: #101828;
  background-color: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  font-family: inherit;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.product-variant-picker__select:hover {
  border-color: #d0d5dd;
}

.product-variant-picker__select:focus {
  border-color: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12);
}

.product-variant-picker__select:invalid,
.product-variant-picker__select option[value=""] {
  color: #667085;
}

.product-card__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 34px;
  padding: 8px 2px 4px;
  margin-top: 2px;
  border-top: 1px dashed #eaecf0;
}

.product-card__actions-price {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

.product-card__actions-control {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product-card__line-total {
  font-size: 13px;
  font-weight: 700;
  color: #158f72;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

.product-card__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 30px;
  min-width: 76px;
  padding: 0 14px;
  background: #1ea384;
  color: #ffffff;
  border: 1px solid #1ea384;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
  box-shadow: 0 1px 2px rgba(30, 163, 132, 0.2);
}

.product-card__add:hover:not(:disabled) {
  background: #199473;
  border-color: #199473;
}

.product-card__add:disabled {
  background: #f2f4f7;
  border-color: #e4e7ec;
  color: #667085;
  cursor: not-allowed;
  min-width: 88px;
  box-shadow: none;
}

.product-card__add svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

/* Quantity control */
.product-qty {
  display: inline-flex;
  align-items: stretch;
  height: 30px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.product-qty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  flex-shrink: 0;
  background: transparent;
  border: none;
  color: #1ea384;
  cursor: pointer;
  transition: background 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.product-qty__btn:hover {
  background: rgba(30, 163, 132, 0.08);
}

.product-qty__btn:active {
  background: rgba(30, 163, 132, 0.14);
}

.product-qty__btn svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.5px;
}

.product-qty__value {
  font-size: 13px;
  font-weight: 700;
  color: #101828;
  min-width: 28px;
  text-align: center;
  padding: 0 4px;
  border-left: 1px solid #eaecf0;
  border-right: 1px solid #eaecf0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.orders-panel__load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin-top: 12px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  color: #344054;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.orders-panel__load-more:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #d0d5dd;
  color: #101828;
}

.orders-panel__load-more:disabled {
  cursor: progress;
  color: #667085;
}

.orders-panel__loading-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  font-size: 12px;
  color: #667085;
}

.orders-panel__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #e4e7ec;
  border-top-color: #1ea384;
  border-radius: 50%;
  animation: orders-spin 0.7s linear infinite;
}

@keyframes orders-spin {
  to {
    transform: rotate(360deg);
  }
}

.orders-panel__end {
  margin: 14px 0 0;
  text-align: center;
  font-size: 11.5px;
  color: #98a2b3;
  letter-spacing: 0.02em;
}

.orders-panel__retry {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  padding: 8px 14px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.orders-panel__retry:hover {
  background: #f9fafb;
  border-color: #d0d5dd;
}

.orders-panel__retry svg {
  width: 13px;
  height: 13px;
}

/* Skeleton */
.order-card--skeleton:hover {
  border-color: #e4e7ec;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.skeleton {
  background: linear-gradient(90deg, #f2f4f7 0%, #eaecf0 40%, #f2f4f7 80%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
  border-radius: 6px;
}

.skeleton--circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}

.skeleton--line {
  height: 10px;
  border-radius: 999px;
}

.skeleton--pill {
  width: 70px;
  height: 18px;
  border-radius: 999px;
  flex-shrink: 0;
}

.skeleton--block {
  height: 38px;
  border-radius: 8px;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Empty-state for non-profile tabs */
.user-details-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  margin: 16px 4px;
  background: #ffffff;
  border: 1px dashed #e4e7ec;
  border-radius: 12px;
  color: #667085;
  min-height: 220px;
}

.user-details-empty__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(30, 163, 132, 0.1);
  color: #1ea384;
  margin-bottom: 14px;
}

.user-details-empty__icon svg {
  width: 22px;
  height: 22px;
}

.user-details-empty__title {
  font-size: 14px;
  font-weight: 600;
  color: #182230;
  margin: 0 0 6px;
}

.user-details-empty__desc {
  font-size: 12.5px;
  line-height: 1.5;
  color: #667085;
  margin: 0;
  max-width: 240px;
}

.card-right {
  height: auto;
  background: #1da3840d;
  border: 1px solid #1da3844d;
  border-radius: 8px;
  opacity: 1;
  padding: 8px 10px;
  margin-bottom: 10px;
}

.card-right-tag {
  height: auto;
  background: #f9fafd 0% 0% no-repeat padding-box;
  border: 1px solid #dde6f0;
  border-radius: 8px;
  opacity: 1;
  padding: 2px 10px;
  margin-bottom: 10px;
}

.card-right-customer-details {
  height: auto;
  background: #f6f7fb;
  border: 1px solid #dde6f0;
  border-radius: 8px;
  opacity: 1;
  padding: 8px 10px;
  margin-bottom: 10px;
}

.card-right-last-order-details {
  margin-bottom: 10px;
}

.status-user-right {
  background: #49c858;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  left: 29px;
}

.whatsup-right {
  text-align: left;
  position: absolute;
  margin-top: 13px;
  margin-left: 60px !important;
}

.right-info {
  text-align: left;
  font-size: 10px;
  letter-spacing: 0px;
  color: #32506c;
  opacity: 1;
}

.right-info-address {
  text-align: left;
  font-size: 12px;
  letter-spacing: 0px;
  color: #32506c;
  opacity: 1;
  margin-top: 7px;
}

label {
  background: #5a617a 0% 0% no-repeat padding-box;
  border-radius: 12px;
  opacity: 1;
  font-size: 10px;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
}

.tagStyle {
  background: #1da384;
  border-radius: 4px;
  opacity: 1;
  font-size: 10px;
  color: #fff;
  padding: 3px 10px;
  margin-left: 5px;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  justify-content: space-between;
}

.add {
  background: #ebecf1 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 3px;
  border-radius: 20px;
}

.col-1 {
  width: 33% !important;
  border-right: 1px solid #bce0d6;
  display: inline-block;
  height: 35px;
}

.col-2 {
  width: 30% !important;
  display: inline-block;
  height: 35px;
}

.customer {
  text-align: center;
  color: #3f3f3f;
  opacity: 1;
  font-size: 11px;
  padding: 0;
  margin-bottom: 5px;
}

.oderid {
  text-align: left;
  color: #3f3f3f;
  opacity: 1;
  font-size: 11px;
  padding: 3px;
}

.title-right {
  font-size: 12px;
}

.space {
  margin-right: 10px;
}

.info-address {
  font-size: 12px !important;
  margin: 5px 0;
}

.info-address a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.right-info-phone {
  margin-left: -58%;
  margin-top: 16%;
}

.right-info-email {
  margin-top: 4%;
  margin-left: -12%;
}

.profile-card-hover {
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.0784313725);
  padding: 15px;
  overflow-y: scroll;
  scrollbar-width: thin;
  height: 90vh;
}

.profile-card-hover .profile-card__content {
  display: flex;
  flex-direction: column;
  position: relative;
}

.profile-card-hover .profile-card__content .about-company {
  display: flex;
  border-bottom: 1px solid #f4f4f4;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .profile-card__avatar
  img {
  width: 40px;
  height: 40px;
}

.profile-card-hover .profile-card__content .about-company .row-wrapper {
  display: block;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .row-wrapper
  .profile-card__company-name {
  font-weight: 700;
  font-size: 22px;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .row-wrapper
  .profile-card__company-bio {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px !important;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .row-wrapper
  .browse-jobs-btn {
  padding: 4px 15px;
  border-radius: 4px;
  background: #4292f4;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid transparent;
  transition: all 200ms ease;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .row-wrapper
  .browse-jobs-btn:hover {
  background: white;
  color: #4292f4;
  border: 1px solid #4292f4;
}

.profile-card-hover .profile-card__content .about-company .user-actions {
  margin-bottom: auto;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn {
  border: 1px solid rgba(66, 146, 244, 0.3);
  background: transparent;
  padding: 6px 14px 5px 13px;
  display: flex;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  cursor: pointer;
  transition: all 200ms ease;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn
  i
  svg {
  width: 14px;
  height: 14px;
  fill: #4292f4;
  vertical-align: text-bottom;
  transition: all 200ms ease;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn
  span {
  color: #4292f4;
  margin-left: 0.2em;
  transition: all 200ms ease;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn:hover {
  background: #4292f4;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn:hover
  i
  svg {
  fill: #fff;
}

.profile-card-hover
  .profile-card__content
  .about-company
  .user-actions
  .follow-btn:hover
  span {
  color: #fff;
}

.profile-card-hover .profile-card__content .row-wrapper span {
  font-size: 15px;
}

.profile-card-hover .profile-card__content .row-wrapper .friends-avatars {
  margin: 0.8em 0;
}

.profile-card-hover .profile-card__content .row-wrapper .friends-avatars a img {
  height: 37px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff;
}

.profile-card-hover .profile-card__content .row-wrapper .see-all-btn {
  color: #4292f4;
  font-size: 14px;
  font-weight: 600;
}

.profile-card-hover .profile-card__content .ellipsis-horizontal-icon {
  text-align: right;
  align-items: right;
  margin-left: auto;
  position: absolute;
  bottom: -6px;
  right: -12px;
  height: 27px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.profile-card-hover .profile-card__content .ellipsis-horizontal-icon svg {
  width: 45px;
  height: 45px;
}

a:focus,
a:hover {
  text-decoration: none !important;
}

.tag-title {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  color: #000;
  padding: 3px 4px;
  background: inherit;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 10px;
  width: 50%;
}

.dp-box span {
  font-size: 15px;
  font-weight: 500;
}

.user-dp {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 0 !important;
  text-transform: uppercase;
  display: flex;
  font-weight: 500;
  padding: 0 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 1px solid rgba(16, 24, 40, 0.06);
}

.header-user-dp {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex-shrink: 0;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 1 !important;
  letter-spacing: -0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.download-img {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 9rem;
  left: 10rem;
  padding: 4px;
  background-color: #fff !important;
  width: 28px !important;
  height: 28px !important;
  border: 0.2px solid lightgray;
  border-radius: 15px;
}

.btn-autoreply {
  background-color: #189e83;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  border-width: 1px;
  text-decoration: none;
}

.btn-chat-download {
  background-color: #ffffff;
  color: #000000;
  padding: 5px 10px;
  border-radius: 6px;
  border-width: 1px;
  text-decoration: none;
  margin-right: 10px;
  width: 130px;
}

.btn-chat-download:hover {
  background-color: #189e83;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  border-width: 1px;
  text-decoration: none;
  margin-right: 10px;
}

.theme-color {
  color: #189e83 !important;
}

.btn-autoreply:hover {
  color: #fff;
}

.btn-autoreply:visited {
  color: #fff;
}

.parent-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/*---------NEW UI updates--------*/
@media screen and (max-width: 1441px) {
  .message {
    height: calc(100vh - 150px);
  }
}

@media screen and (min-width: 470px) {
  .name-msg-box {
    width: 50%;
  }
}

.parent-container {
  margin: 0 auto;
}

.app-parent-fluid::after {
  background: #009977;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 127px;
  content: "";
}

.app-parent-fluid {
  margin: 0;
  padding: 0;
}

/* width */
::-webkit-scrollbar {
  scrollbar-width: thin;
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}

.home-bdr-green {
  border-bottom: 5px solid #00dfc0;
}

.search-icon {
  position: relative;
}

.search-icon svg path {
  fill: #54656e;
}

.search-icon {
  top: 50%;
  transform: translateY(-55%);
  left: 10px;
  height: auto;
  width: auto;
}

.search-input-p {
  height: 40px;
  width: 240px;
  font-size: 15px;
  background-color: #f0f2f5 !important;
  padding-left: 30px !important;
  margin-left: 10px;
}

.tag-add-btn {
  padding: 4px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.tag-section {
  border: 0 solid;
  outline: none;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #eaecf0;
}

.tag-error {
  padding: 0px 10px;
  font-size: 11px;
  margin: 3px 0px;
}

.side-bar {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.buttonMain {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: #f5f7fb;
  height: 50px;
  padding: 5px 10px;
  align-items: center;
  border-right: 1px #dee2e6;
  border-bottom: 1px solid #dfdfdf;
}

.multi-modal-buttons {
  display: flex !important;
  gap: 10px !important;
  margin-right: 20px;
}

.btn-yes {
  background-color: #189e83;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  border-width: 1px;
  text-decoration: none;
}

.btn-no {
  background-color: rgb(255, 255, 255);
  color: #189e83;
  padding: 5px 10px;
  border-radius: 6px;
  border-width: 1px;
  text-decoration: none;
}

.buttonSecondary {
  width: 49%;
  border: none;
  border-radius: 5px;
}

.user-box {
  float: left;
}

.dp-box {
  width: 15%;
  padding: 0;
}

.name-msg-box {
  width: 50%;
  display: flex;
  padding-left: 9px;
}

.chat-meta-chip-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 6px 0 2px;
}

.chat-meta-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #54656f;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  padding: 5px 12px;
  border-radius: 8px;
  margin: 8px auto 6px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  box-shadow:
    0 1px 0.5px rgba(11, 20, 26, 0.13),
    0 1px 3px rgba(11, 20, 26, 0.08);
  text-align: center;
}

.message-date-2 {
  margin: 10px auto 8px;
}

.message-date-1 {
  display: flex;
  justify-content: center;
  width: 100%;
}

.message-date-1 .relative.w-100 {
  display: flex;
  justify-content: center;
  width: 100%;
}

.message-date-1 .sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}

.message-date-1.sticky-date {
  position: sticky;
  top: 0;
  z-index: 1;
}

.message-date {
  display: flex;
  width: 35%;
  flex-direction: column;
  text-align: end;
  align-items: end;
  padding-right: 0;
}

.message-date .messageDateP {
  font-size: 10px;
  margin-bottom: 0px;
  width: 110px;
}

.name-msg-box h6 {
  margin-bottom: 0px;
  font-size: 15px;
}

.name-msg-box p {
  font-size: 14px;
  color: #3a4a53;
  margin: 0;
  width: 225px !important;
  align-items: center;
  gap: 3px;
}

.date-time-box {
  width: 30%;
  justify-content: end;
  padding: 0;
  display: flex;
  font-size: 10px;
  color: #9498a6;
  font-weight: 500;
  align-items: center;
}

.margin-left-5 {
  margin-left: 4px;
}

/*------ScrollBar------*/
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d4d8da;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d4d8da;
}

.main-content-div {
  width: 100%;
  height: 100vh;
}

.default-img-home {
  position: unset !important;
  width: 100% !important;
  max-width: 550px !important;
}

/* .default-img-home span span{
  display: none!important;
} */

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

.bg-none {
  background: none !important;
}

.img-centermr {
  margin: 10px 31px;
}

.chat-list .out .custom-align-left {
  justify-content: end !important;
}

.chat-box {
  box-shadow: 0px 1px 4px 1px #00000059;
  margin: 8px;
}

.in div .chat-body::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -7px;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

.time_status span span {
  width: 20px !important;
  height: 10px !important;
}

.heading-icon {
  position: absolute;
  bottom: 0px;
  right: 0;
}

.header-heading-icon {
  bottom: -3px !important;
  right: -3px !important;
}

.new-media-box-received {
  width: auto;
  max-width: min(280px, 72vw);
  border-radius: 6px;
  cursor: pointer;
}

@keyframes mySpin {
  0% {
    left: 0px;
    top: 0px;
  }

  50% {
    left: px;
    top: 50px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
}

.new-media-box-sent {
  width: auto;
  max-width: min(280px, 72vw);
  background: white;
  border-radius: 0px 8px 8px 8px;
  padding: 4px 4px 2px 4px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.media-inner-box {
  background: #f5f7fb;
  border-radius: 8px;
  padding: 4px;
  height: auto;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.media-inner-box.imageDiv {
  height: auto;
  padding: 0;
  background: transparent;
}

.media-inner-box.videoDiv {
  height: auto;
  min-height: 120px;
  max-height: 320px;
}

.media-inner-box.audioDiv {
  height: auto;
  min-height: 56px;
  padding: 6px 8px;
}

.audio-msg-player {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 200px;
  max-width: 230px;
  padding: 6px 8px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
}

.audio-msg-player--received {
  background: #f0f2f5;
}

.audio-msg-player__play {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #eef2f6;
  color: #344054;
  transition:
    background 0.15s ease,
    transform 0.1s ease;
}

.audio-msg-player--sent .audio-msg-player__play {
  background: rgba(29, 163, 132, 0.12);
  color: #1da384;
}

.audio-msg-player__play:hover {
  background: #e4e7ec;
}

.audio-msg-player--sent .audio-msg-player__play:hover {
  background: rgba(29, 163, 132, 0.2);
}

.audio-msg-player__play svg {
  margin-left: 1px;
}

.audio-msg-player__wave-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.audio-msg-player__canvas {
  width: 100%;
  height: 28px;
  cursor: pointer;
  display: block;
}

.audio-msg-player__time {
  font-size: 10px;
  line-height: 1;
  color: #667085;
  font-variant-numeric: tabular-nums;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.audio-msg-player__download {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #ffffff;
  color: #475467;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.audio-msg-player__download:hover {
  background: #f9fafb;
  color: #1d2939;
}

/* Messenger / channel-themed audio player */
.audio-msg-player--channel-fb {
  min-width: 220px;
  max-width: 260px;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 132, 255, 0.2);
  box-shadow:
    0 4px 18px rgba(0, 132, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.audio-msg-player--channel-fb.audio-msg-player--received {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 132, 255, 0.14);
  box-shadow: 0 2px 10px rgba(0, 132, 255, 0.08);
}

.audio-msg-player--channel-fb .audio-msg-player__play {
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, #0084ff 0%, #00c6ff 100%);
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 132, 255, 0.35);
}

.audio-msg-player--channel-fb .audio-msg-player__play:hover {
  background: linear-gradient(135deg, #0078f2 0%, #00b8f0 100%);
  transform: scale(1.04);
}

.audio-msg-player--channel-fb.audio-msg-player--received .audio-msg-player__play {
  background: rgba(0, 132, 255, 0.12);
  color: #0084ff;
  box-shadow: none;
}

.audio-msg-player--channel-fb.audio-msg-player--received .audio-msg-player__play:hover {
  background: rgba(0, 132, 255, 0.2);
  transform: scale(1.04);
}

.audio-msg-player--channel-fb .audio-msg-player__time {
  color: #0063cc;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.audio-msg-player--channel-fb .audio-msg-player__download {
  background: rgba(0, 132, 255, 0.08);
  border: 1px solid rgba(0, 132, 255, 0.16);
  color: #0084ff;
  box-shadow: none;
}

.audio-msg-player--channel-fb .audio-msg-player__download:hover {
  background: rgba(0, 132, 255, 0.16);
  color: #0063cc;
}

.audio-msg-player--channel-fb .audio-msg-player__canvas {
  height: 30px;
}

.media-inner-box.audioDiv .media-download-btn {
  display: none;
}

.media-inner-box.docDiv {
  height: 50px;
}

.new-media-box-received .media-inner-box {
  background-color: #1da3841a !important;
  margin-top: 10px !important;
}

.new-media-box-received .media-inner-box.imageDiv,
.new-media-box-sent .media-inner-box.imageDiv {
  background: transparent !important;
  margin-top: 0 !important;
}

.media-inner-box h6 {
  font-size: 12px;
}

.doc-details-ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.doc-details-ul li {
  margin-right: 7px;
  font-size: 10px;
  color: #85969f;
}

.doc-time-box {
  margin: 0;
  text-align: right;
  color: #667780;
  font-size: 10px;
  padding: 2px 0px 0px 0px;
}

.left-side-fluid {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  display: flex;
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: visible;
}

.app-main-layout {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.channel-menu-desktop {
  display: none;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
  z-index: 25;
  --channel-toggle-gutter: 14px;
  --channel-sidebar-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --channel-sidebar-duration: 0.42s;
  transition: width var(--channel-sidebar-duration) var(--channel-sidebar-ease);
  will-change: width;
}

.channel-menu-desktop--expanded {
  width: calc(252px + var(--channel-toggle-gutter));
}

.channel-menu-desktop--collapsed {
  width: calc(72px + var(--channel-toggle-gutter));
}

/* ── Channel sidebar (left rail) ── */
.channel-sidebar {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(ellipse 120% 80% at 0% 0%, rgba(30, 163, 132, 0.06) 0%, transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 100%, color-mix(in srgb, var(--sidebar-active-primary, #1ea384) 8%, transparent) 0%, transparent 50%),
    linear-gradient(180deg, #fcfdfe 0%, #f0f4f8 100%);
  border-right: 1px solid rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.channel-sidebar::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image: radial-gradient(rgba(15, 23, 42, 0.08) 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

.channel-sidebar__glow {
  pointer-events: none;
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--sidebar-active-light, rgba(30, 163, 132, 0.11));
  filter: blur(52px);
  opacity: 0.7;
  transition: background 0.45s ease, opacity 0.35s ease, top 0.3s ease;
  animation: channel-sidebar-glow-drift 8s ease-in-out infinite;
}

.channel-menu-desktop--collapsed .channel-sidebar__glow {
  top: 28px;
  width: 120px;
  height: 120px;
  opacity: 0.45;
}

@keyframes channel-sidebar-glow-drift {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-46%) translateY(12px);
  }
}

.channel-sidebar--expanded {
  width: 100%;
}

.channel-sidebar--collapsed {
  width:100%;
}

.channel-sidebar__toggle {
  position: absolute;
  top: 18px;
  right: -12px;
  z-index: 30;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #ffffff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #64748b;
  cursor: pointer;
  pointer-events: auto;
  box-shadow:
    0 2px 10px rgba(15, 23, 42, 0.12),
    0 0 0 3px rgba(255, 255, 255, 0.9);
  transition:
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease,
    top var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar__toggle svg {
  transition: transform var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-menu-desktop--collapsed .channel-sidebar__toggle svg {
  transform: rotate(180deg);
}

.channel-sidebar__toggle:hover {
  color: #1ea384;
  border-color: rgba(30, 163, 132, 0.35);
  transform: scale(1.06);
  box-shadow:
    0 6px 18px rgba(30, 163, 132, 0.18),
    0 0 0 4px rgba(255, 255, 255, 0.85);
}

.channel-menu-desktop--collapsed .channel-sidebar__toggle {
  top: 12px;
}

.channel-sidebar__top {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  overflow: hidden;
  max-height: 44px;
  opacity: 1;
  padding: 16px 14px 4px;
  transition:
    max-height var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    opacity calc(var(--channel-sidebar-duration) * 0.85) ease,
    padding var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar--collapsed .channel-sidebar__top {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: none;
}

.channel-sidebar__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.channel-sidebar--collapsed .channel-sidebar__header {
  justify-content: center;
  padding: 0 8px;
}

.channel-sidebar__header-logo {
  height: 22px;
  width: auto;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.channel-sidebar--collapsed .channel-sidebar__header-logo {
  height: 20px;
}

.channel-sidebar__header-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #334155;
  line-height: 1;
  white-space: nowrap;
}

.channel-sidebar__section-label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.channel-sidebar__section-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.35) 0%, transparent 100%);
}

.channel-sidebar__list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 6px 10px 12px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  transition: padding var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar--collapsed .channel-sidebar__list {
  padding-top: 10px;
}

.channel-sidebar__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 46px;
  padding: 7px 11px;
  border: 1.5px solid transparent;
  border-radius: 15px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  isolation: isolate;
  animation: channel-sidebar-item-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--item-index, 0) * 45ms);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    padding var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    gap var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

@keyframes channel-sidebar-item-in {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.channel-sidebar--collapsed .channel-sidebar__item {
  justify-content: center;
  padding: 8px;
  min-height: 48px;
  gap: 0;
}

.channel-sidebar--collapsed .channel-sidebar__item:hover {
  transform: none;
}

.channel-sidebar__item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.55);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -1;
}

.channel-sidebar__item:hover {
  transform: translateX(3px);
}

.channel-sidebar__item:active {
  transform: translateX(1px) scale(0.985);
}

.channel-sidebar__item--active {
  transform: translateX(0);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.82) 100%);
  border-color: color-mix(in srgb, var(--ch-primary) 20%, transparent);
  box-shadow:
    0 4px 18px color-mix(in srgb, var(--ch-primary) 12%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.channel-sidebar__item--active::before {
  opacity: 0;
}

.channel-sidebar__item--active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 52%;
  border-radius: 0 3px 3px 0;
  background: var(--ch-primary);
}

.channel-sidebar__item--active .channel-sidebar__icon-wrap {
  animation: channel-sidebar-icon-pop 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes channel-sidebar-icon-pop {
  0% {
    transform: scale(0.92);
  }
  55% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

.channel-sidebar__item--active:hover {
  transform: translateX(0);
  box-shadow:
    0 4px 16px color-mix(in srgb, var(--ch-primary) 12%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.channel-sidebar__icon-wrap {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--ch-icon-bg);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition:
    background 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.18s ease;
}

.channel-sidebar--collapsed .channel-sidebar__item--active .channel-sidebar__icon-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--ch-primary);
  border: 1.5px solid #fff;
  box-shadow: 0 0 6px color-mix(in srgb, var(--ch-primary) 35%, transparent);
  animation: channel-sidebar-pulse 2.2s ease-in-out infinite;
}

.channel-sidebar--collapsed .channel-sidebar__item:hover .channel-sidebar__icon-wrap {
  transform: scale(1.02);
}

.channel-sidebar__item:hover .channel-sidebar__icon-wrap {
  transform: scale(1.04);
}

.channel-sidebar__item--active .channel-sidebar__icon-wrap {
  background: var(--ch-light);
  border-color: color-mix(in srgb, var(--ch-primary) 22%, transparent);
  box-shadow:
    0 4px 14px color-mix(in srgb, var(--ch-primary) 22%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.channel-sidebar--collapsed .channel-sidebar__item--active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.channel-sidebar--collapsed .channel-sidebar__item--active:hover {
  box-shadow: none;
  transform: none;
}

.channel-sidebar--collapsed .channel-sidebar__item--active .channel-sidebar__icon-wrap {
  animation: none;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--ch-primary) 12%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.channel-sidebar--collapsed .channel-sidebar__item--active::after {
  display: none;
}

.channel-sidebar__icon {
  width: 21px;
  height: 21px;
  -o-object-fit: contain;
     object-fit: contain;
}

.channel-sidebar__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: #475569;
  letter-spacing: -0.01em;
  opacity: 1;
  max-width: 180px;
  transition:
    opacity calc(var(--channel-sidebar-duration) * 0.72) ease,
    max-width var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    flex var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar--expanded .channel-sidebar__label {
  transition-delay: 0.1s;
}

.channel-sidebar--collapsed .channel-sidebar__label {
  flex: 0;
  max-width: 0;
  opacity: 0;
  transition-delay: 0s;
}

.channel-sidebar__item--active .channel-sidebar__label {
  font-weight: 600;
  color: var(--ch-text);
}

.channel-sidebar__item:hover::before {
  opacity: 1;
}

.channel-sidebar__chevron {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #cbd5e1;
  opacity: 0;
  transform: translateX(-4px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    color 0.18s ease;
}

.channel-sidebar__item:hover .channel-sidebar__chevron {
  opacity: 1;
  transform: translateX(0);
  color: var(--ch-primary);
}

.channel-sidebar__active-ring {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex-shrink: 0;
  background: var(--ch-gradient);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--ch-primary) 16%, transparent),
    0 0 10px color-mix(in srgb, var(--ch-primary) 35%, transparent);
  animation: channel-sidebar-pulse 2.2s ease-in-out infinite;
  overflow: hidden;
  transition:
    opacity calc(var(--channel-sidebar-duration) * 0.65) ease,
    width var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar__item-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
  background: #e2e8f0;
  opacity: 0;
  overflow: hidden;
  transition:
    opacity 0.18s ease,
    background 0.18s ease,
    width var(--channel-sidebar-duration) var(--channel-sidebar-ease);
}

.channel-sidebar--collapsed .channel-sidebar__active-ring,
.channel-sidebar--collapsed .channel-sidebar__item-dot {
  width: 0;
  opacity: 0;
  box-shadow: none;
  animation: none;
}

.channel-sidebar__item:hover .channel-sidebar__item-dot {
  opacity: 1;
  background: color-mix(in srgb, var(--ch-primary) 35%, #e2e8f0);
}

.channel-sidebar__footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 4px 12px 14px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.channel-sidebar__footer-active {
  display: flex;
  align-items: center;
  gap: 10px;
}

.channel-sidebar__footer-copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.channel-sidebar__footer-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94a3b8;
}

.channel-sidebar__footer-channel {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  background: var(--ch-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.channel-sidebar__footer-count {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  padding-left: 22px;
}

.channel-sidebar__footer-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ch-gradient, #22c55e);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch-primary, #22c55e) 20%, transparent);
  flex-shrink: 0;
  animation: channel-sidebar-pulse 2.2s ease-in-out infinite;
}

@keyframes channel-sidebar-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.86);
    opacity: 0.72;
  }
}

/* ── Sidebar bottom: active channel strip ── */
.channel-sidebar__status {
  position: relative;
  z-index: 1;
  margin: 4px 10px 12px;
  margin-top: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  background: rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 8px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  max-height: 52px;
  opacity: 1;
  transition:
    max-height var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    opacity calc(var(--channel-sidebar-duration) * 0.75) ease,
    margin var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    padding var(--channel-sidebar-duration) var(--channel-sidebar-ease),
    border-color var(--channel-sidebar-duration) ease;
}

.channel-sidebar--expanded .channel-sidebar__status {
  transition-delay: 0.06s;
}

.channel-sidebar--collapsed .channel-sidebar__status {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-color: transparent;
  pointer-events: none;
  transition-delay: 0s;
}

.channel-sidebar__status-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex-shrink: 0;
  background: var(--ch-gradient, #22c55e);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch-primary, #22c55e) 18%, transparent);
  animation: channel-sidebar-pulse 2.2s ease-in-out infinite;
}

.channel-sidebar__status-name {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 1;
  transition: opacity calc(var(--channel-sidebar-duration) * 0.6) ease;
}

.channel-sidebar--collapsed .channel-sidebar__status-name {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .channel-menu-desktop,
  .channel-sidebar__toggle,
  .channel-sidebar__toggle svg,
  .channel-sidebar__top,
  .channel-sidebar__list,
  .channel-sidebar__item,
  .channel-sidebar__label,
  .channel-sidebar__active-ring,
  .channel-sidebar__item-dot,
  .channel-sidebar__status,
  .channel-sidebar__status-name {
    transition: none !important;
    animation: none !important;
  }
}

/* ── Desktop top bar ── */
.channel-top-bar-desktop {
  display: none;
  flex-shrink: 0;
}

.channel-top-bar {
  width: 100%;
  height: 52px;
  background: #ffffff;
  border-bottom: 1px solid #e8ecf0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 12px;
  gap: 12px;
}

.channel-top-bar__logo {
  height: 26px;
  width: auto;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.channel-top-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 11px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: 1px solid #e4e7ec;
  color: #374151;
  transition: all 0.15s;
  white-space: nowrap;
}

.channel-top-bar__btn:hover {
  border-color: #1ea384;
  color: #1ea384;
}

.channel-top-bar__btn--wallet {
  color: #1ea384;
  border-color: rgba(30, 163, 132, 0.3);
  background: rgba(30, 163, 132, 0.05);
  font-weight: 600;
}

.channel-top-bar__btn--wallet:hover {
  background: rgba(30, 163, 132, 0.12);
  border-color: rgba(30, 163, 132, 0.45);
  color: #1ea384;
}

.channel-top-bar__btn--primary {
  background: #1ea384;
  border: none;
  color: #ffffff;
}

.channel-top-bar__btn--primary:hover {
  background: #179970;
  color: #ffffff;
}

.channel-top-bar__divider {
  width: 1px;
  height: 20px;
  background: #e4e7ec;
  margin: 0 2px;
  flex-shrink: 0;
}

.channel-top-bar__avatar-wrap {
  position: relative;
  flex-shrink: 0;
}

.channel-top-bar__online {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #17b26a;
  border: 1.5px solid #fff;
}

.channel-top-bar__user-text {
  display: none;
  flex-direction: column;
  line-height: 1.3;
  text-align: left;
}

.channel-top-bar__shop {
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channel-top-bar__role {
  font-size: 10px;
  color: #9ca3af;
  text-transform: capitalize;
}

.channel-top-bar__menu {
  border-radius: 8px !important;
  border: 1px solid #e4e7ec !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  padding: 4px !important;
  min-width: 120px;
}

.channel-top-bar__menu--portal {
  position: fixed;
  z-index: 100000;
  background: #fff;
}

.channel-top-bar__logout {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  cursor: pointer;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #dc2626;
  transition: background 0.12s ease;
}

.channel-top-bar__logout:hover {
  background: #fef2f2;
}

.channel-sidebar__user-menu-danger {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  cursor: pointer;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #dc2626;
  transition: background 0.12s ease;
}

.channel-sidebar__user-menu-danger:hover {
  background: #fef2f2;
}

/* Mobile top bar variant (inside channel-header-mobile) */
.channel-sidebar__dock--topbar {
  width: 100%;
  height: 52px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 12px;
  background: #ffffff;
  border-bottom: 1px solid #e8ecf0;
  border-top: none;
  gap: 0;
  overflow: visible;
  position: relative;
  z-index: 100;
}

.channel-sidebar__dock-topbar-logo {
  height: 26px;
  width: auto;
  flex-shrink: 0;
}

.channel-sidebar__dock-topbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 11px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border: 1px solid #e4e7ec;
  color: #374151;
  transition: all 0.15s;
  white-space: nowrap;
}

.channel-sidebar__dock-topbar-btn:hover {
  border-color: #1ea384;
  color: #1ea384;
}

.channel-sidebar__dock-topbar-btn--wallet {
  color: #1ea384;
  border-color: rgba(30, 163, 132, 0.3);
  background: rgba(30, 163, 132, 0.05);
  font-weight: 600;
}

.channel-sidebar__dock-topbar-btn--wallet:hover {
  background: rgba(30, 163, 132, 0.12);
}

.channel-sidebar__dock-topbar-btn--primary {
  background: #1ea384;
  border: none;
  color: #ffffff;
}

.channel-sidebar__dock-topbar-btn--primary:hover {
  background: #179970;
  color: #ffffff;
}

.channel-sidebar__dock-topbar-divider {
  width: 1px;
  height: 20px;
  background: #e4e7ec;
  margin: 0 2px;
  flex-shrink: 0;
}

.channel-sidebar__dock-topbar-shop {
  font-size: 12px;
  font-weight: 600;
  color: #101828;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.channel-sidebar__dock-topbar-role {
  font-size: 10px;
  color: #9ca3af;
  text-transform: capitalize;
}

.channel-header-mobile {
  flex-shrink: 0;
  overflow: visible;
  position: relative;
  z-index: 30;
}

.modal-back-with-shop-offset {
  top: 52px;
}

/* ── Channel switch fullscreen overlay ── */
.ch-switch-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: ch-switch-overlay-out var(--sw-duration, 820ms) cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes ch-switch-overlay-out {
  0%,
  72% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.ch-switch-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 50% 50%,
    color-mix(in srgb, var(--sw-primary) 18%, transparent) 0%,
    rgba(15, 23, 42, 0.42) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: ch-switch-backdrop-in 0.35s ease forwards;
}

@keyframes ch-switch-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ch-switch-overlay__stage {
  position: relative;
  width: 220px;
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ch-switch-overlay__ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--sw-primary) 55%, transparent);
  transform: translate(-50%, -50%) scale(0.2);
  opacity: 0;
  animation: ch-switch-ring 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.ch-switch-overlay__ring--1 {
  width: 120px;
  height: 120px;
  animation-delay: 0ms;
}

.ch-switch-overlay__ring--2 {
  width: 120px;
  height: 120px;
  animation-delay: 90ms;
}

.ch-switch-overlay__ring--3 {
  width: 120px;
  height: 120px;
  animation-delay: 180ms;
}

@keyframes ch-switch-ring {
  0% {
    transform: translate(-50%, -50%) scale(0.35);
    opacity: 0.85;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.6);
    opacity: 0;
  }
}

.ch-switch-overlay__burst {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: var(--sw-gradient);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0.35;
  filter: blur(18px);
  animation: ch-switch-burst 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes ch-switch-burst {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  40% {
    opacity: 0.55;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
}

.ch-switch-overlay__halo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--sw-light);
  border: 1px solid color-mix(in srgb, var(--sw-primary) 30%, transparent);
  transform: translate(-50%, -50%) scale(0.6);
  animation: ch-switch-halo 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes ch-switch-halo {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.ch-switch-overlay__icon-shell {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 16px 40px color-mix(in srgb, var(--sw-primary) 28%, transparent),
    0 4px 12px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  animation: ch-switch-icon-pop 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes ch-switch-icon-pop {
  0% {
    transform: scale(0) rotate(-18deg);
    opacity: 0;
  }
  55% {
    transform: scale(1.14) rotate(6deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.ch-switch-overlay__icon {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ch-switch-overlay__label {
  position: relative;
  z-index: 2;
  margin: 18px 0 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
  animation: ch-switch-text-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.ch-switch-overlay__sub {
  position: relative;
  z-index: 2;
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  animation: ch-switch-text-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

@keyframes ch-switch-text-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ch-switch-overlay__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ch-switch-overlay__particle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--sw-primary);
  transform: translate(-50%, -50%);
  animation: ch-switch-particle 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: calc(var(--p-i) * 35ms + 80ms);
  opacity: 0;
}

@keyframes ch-switch-particle {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(calc(var(--p-i) * 36deg)) translateY(0) scale(0.4);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(calc(var(--p-i) * 36deg)) translateY(-90px) scale(1);
  }
}

/* WhatsApp — floating chat bubbles */
.ch-switch-overlay--wa .ch-switch-overlay__bubbles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ch-switch-overlay__bubble {
  position: absolute;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(26, 157, 88, 0.25);
  box-shadow: 0 4px 14px rgba(26, 157, 88, 0.2);
  animation: ch-switch-bubble 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.ch-switch-overlay__bubble--1 {
  width: 28px;
  height: 18px;
  top: 28%;
  left: 18%;
  animation-delay: 0.15s;
}

.ch-switch-overlay__bubble--2 {
  width: 36px;
  height: 22px;
  top: 62%;
  right: 14%;
  animation-delay: 0.22s;
}

.ch-switch-overlay__bubble--3 {
  width: 22px;
  height: 16px;
  top: 22%;
  right: 22%;
  animation-delay: 0.28s;
}

@keyframes ch-switch-bubble {
  0% {
    opacity: 0;
    transform: scale(0.4) translateY(10px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1) translateY(-24px);
  }
}

/* Instagram — rotating gradient flare */
.ch-switch-overlay--ig .ch-switch-overlay__ig-flare,
.ch-switch-overlay--ig_c .ch-switch-overlay__ig-flare {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    #405de6,
    #5851db,
    #833ab4,
    #c13584,
    #e1306c,
    #f77737,
    #405de6
  );
  transform: translate(-50%, -50%);
  opacity: 0.35;
  filter: blur(14px);
  animation: ch-switch-ig-spin 0.75s linear forwards;
}

@keyframes ch-switch-ig-spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
    opacity: 0;
  }
  30% {
    opacity: 0.45;
  }
  to {
    transform: translate(-50%, -50%) rotate(220deg) scale(1.35);
    opacity: 0;
  }
}

/* Messenger — blue wave pulse */
.ch-switch-overlay--fb .ch-switch-overlay__icon-shell {
  box-shadow:
    0 0 0 0 rgba(0, 132, 255, 0.45),
    0 16px 40px rgba(0, 132, 255, 0.28);
  animation: ch-switch-icon-pop 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards,
    ch-switch-fb-pulse 0.65s ease-out 0.2s 2;
}

@keyframes ch-switch-fb-pulse {
  0% {
    box-shadow:
      0 0 0 0 rgba(0, 132, 255, 0.45),
      0 16px 40px rgba(0, 132, 255, 0.28);
  }
  100% {
    box-shadow:
      0 0 0 22px rgba(0, 132, 255, 0),
      0 16px 40px rgba(0, 132, 255, 0.28);
  }
}

/* Email — swoosh lines */
.ch-switch-overlay--em .ch-switch-overlay__ring {
  border-color: color-mix(in srgb, #0072c6 50%, transparent);
}

.channel-tabs-mobile {
  display: none;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  padding: 2px 4px 0;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background: #fff;
  border-bottom: 1px solid #eef2f6;
}

.channel-tabs-mobile__item {
  flex: 1 1 0;
  min-width: 44px;
  max-width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0.42;
  position: relative;
  transition: opacity 0.2s ease, transform 0.15s ease;
}

.channel-tabs-mobile__item:active {
  transform: scale(0.94);
}

.channel-tabs-mobile__item--active {
  opacity: 1;
}

.channel-tabs-mobile__item--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--ch-primary);
}

.channel-tabs-mobile__icon-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.channel-tabs-mobile__icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  display: block;
}

.channel-tabs-mobile__item--igpost .channel-tabs-mobile__icon-wrap::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: linear-gradient(135deg, #f77737, #e1306c);
  border: 1.5px solid #fff;
  box-shadow: 0 0 0 1px rgba(225, 48, 108, 0.15);
}

.channel-tabs-mobile::-webkit-scrollbar {
  display: none;
}

.channel-top-bar__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  min-width: 0;
  flex: 1;
  justify-content: flex-end;
  overflow: visible;
}

.channel-top-bar__actions-scroll {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-shrink: 1;
}

.channel-top-bar__user-dropdown {
  position: relative;
  flex-shrink: 0;
  z-index: 101;
}

.channel-top-bar__user-dropdown .dropdown-menu {
  z-index: 100000;
}

.conversation-desktop-only {
  display: none !important;
}

.conversation-mobile-menu {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 901px) {
  .channel-top-bar-desktop {
    display: block;
  }

  .channel-header-mobile {
    display: none !important;
  }

  .channel-menu-desktop {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  .channel-top-bar__user-text {
    display: flex;
  }

  .channel-top-bar__label {
    display: inline;
  }

  .conversation-desktop-only {
    display: inline-flex !important;
  }
}

@media screen and (max-width: 900px) {
  .channel-tabs-mobile {
    display: flex;
    padding: 2px 2px 0;
  }

  .channel-tabs-mobile__item {
    min-width: 40px;
    height: 42px;
  }

  .channel-tabs-mobile__icon {
    width: 22px;
    height: 22px;
  }

  .channel-tabs-mobile__icon-wrap {
    width: 26px;
    height: 26px;
  }

  .conversation-mobile-menu {
    display: block;
  }

  .channel-sidebar__dock--topbar {
    padding: 0 10px 0 8px !important;
  }

  .channel-top-bar__actions {
    gap: 4px;
    overflow: visible;
  }

  .channel-top-bar__actions-scroll {
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .channel-top-bar__actions-scroll::-webkit-scrollbar {
    display: none;
  }

  .channel-top-bar__actions-scroll button {
    flex-shrink: 0;
  }

  .channel-top-bar__label {
    display: none;
  }
}

.left-side-fluid > .user-details-box {
  overflow: visible;
  z-index: 2;
}

.left-side-fluid > .mid-content {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.mid-content.conversation,
.mid-content.conversation_email,
.mid-content.conversation_email_cc {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
}

.user-details-box {
  position: relative;
  width: 320px;
  max-width: 300px;
  min-width: 280px;
  flex: 0 0 300px;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  z-index: 999 !important;
}

.user-details-box > .side-one {
  overflow: visible;
}

.user-details-box .side-one > .right-side {
  overflow: hidden;
}

.mid-content {
  width: 100%;
}

.bdr-right-grey {
  border-right: 1px solid #dfdfdf;
}

.profile-card__content a {
  color: #32506c;
  text-decoration: none;
}

.user-detail-sub-box {
  border-top: 1px solid #1da3844d;
  padding: 10px;
}

.deep-right-back-btn {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 15px;
  display: none;
}

@media screen and (max-width: 885px) {
  .message:not(#conversation) {
    height: calc(100vh - 120px) !important;
  }
}

/*-------------------------responsive below 900px-------------------------*/
@media screen and (max-width: 900px) {
  .side-bar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  .left-side-fluid {
    margin-left: 100% !important;
    width: 100% !important;
    flex: none !important;
    z-index: 9999999;
    transition: 0.5s;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
  }

  .left-side-fluid-active-sm {
    margin-left: 0% !important;
  }

  .back-chat-list {
    display: block !important;
  }

  .user-details-box,
  .user-details-box.user-details-themed {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    margin-left: -500%;
    transition: 0.1s;
    z-index: 100000000 !important;
  }

  .user-details-box.show-user-details,
  .user-details-box.user-details-themed.show-user-details {
    margin-left: 0 !important;
  }

  .user-details-collapsed.side,
  .user-details-collapsed.user-details-themed {
    width: 0 !important;
    min-width: 0 !important;
    margin-left: -500% !important;
    overflow: hidden !important;
  }

  .user-details-mobile-header {
    padding: 8px 10px;
    border-bottom: 1px solid #e8ecf0;
    background: #fff;
    flex-shrink: 0;
  }

  .right-side {
    height: 100% !important;
  }

  .mid-content {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .show-user-details {
    margin-left: 0 !important;
  }

  .deep-right-back-btn {
    display: block !important;
  }

  #__next,
  .app-parent-fluid,
  .parent-container {
    height: 100vh !important;
  }

  .app-one {
    padding: 0 !important;
    height: 100%;
    width: 100%;
  }

  .user-details-btn {
    width: auto !important;
    cursor: pointer;
  }

  .ig-comments-header {
    flex-wrap: wrap;
    gap: 8px;
    min-height: auto;
    padding: 8px 10px;
  }

  .ig-comments-header__back {
    display: inline-flex;
  }

  .ig-comments-header__transfer.conversation-desktop-only {
    display: none !important;
  }

  .ig-comments-header__tabs {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mid-content.conversation.ig-comments-themed .instagram_comment {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .ig-comment-composer.mob-reply {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e8ecf0;
    z-index: 100;
  }

  .ig-reel-wrap {
    padding: 8px 8px 4px;
  }

  .ig-reel-card {
    max-width: 100%;
  }

  .ig-media-gallery-modal__dialog {
    max-width: 96vw;
    margin: 0.5rem auto;
  }

  /* Conversation: pin composer, scroll messages only */
  .mid-content.conversation,
  .mid-content.conversation_email,
  .mid-content.conversation_email_cc {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  .mid-content.conversation #conversation.message,
  .mid-content.conversation .message,
  .mid-content.conversation_email .message,
  .mid-content.conversation_email_cc .message {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-top: 0 !important;
    padding-bottom: 100px !important;
  }

  .mid-content.conversation > .reply.mob-reply,
  .mid-content.conversation_email > .reply,
  .mid-content.conversation_email_cc > .reply {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    flex-shrink: 0;
    background: #fff;
    border-top: 1px solid #e8ecf0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
}

@media only screen and (max-width: 1100px) and (min-width: 900px) {
  .user-details-box {
    max-width: 45% !important;
  }
}

.user-details-btn {
  width: -webkit-fill-available;
}

.custom-msg-input {
  font-size: 14px;
  line-height: 1.45;
  height: auto !important;
  border-radius: 0;
}

.form-control:focus {
  border: none !important;
}

.back-btn-userdetails {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
}

.cus-dropdown-list {
  position: absolute;
  bottom: calc(100% + 8px);
  top: auto;
  left: 0;
  margin: 0;
  transform: none;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14);
  z-index: 99999;
}

.attach-menu {
  min-width: 0;
  max-width: none;
  width: -moz-max-content;
  width: max-content;
}

.attach-menu__grid {
  display: grid;
  gap: 4px;
}

.attach-menu--3 .attach-menu__grid {
  grid-template-columns: repeat(3, minmax(88px, 1fr));
}

.attach-menu--4 .attach-menu__grid {
  grid-template-columns: repeat(4, minmax(88px, 1fr));
}

.attach-menu__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  min-width: 88px;
  max-width: 96px;
  padding: 8px 4px 6px;
  border: none;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  text-align: center;
  transition: background 0.15s ease;
}

.attach-menu__cell:hover,
.attach-menu__cell.cus-dropdown-option:hover {
  background: #f2f4f7;
}

.attach-menu__cell--image:hover,
.attach-menu__cell--image.cus-dropdown-option:hover {
  background: #ecfdf3;
}

.attach-menu__cell--video:hover,
.attach-menu__cell--video.cus-dropdown-option:hover {
  background: #eff8ff;
}

.attach-menu__cell--audio:hover,
.attach-menu__cell--audio.cus-dropdown-option:hover {
  background: #fdf2fa;
}

.attach-menu__cell--doc:hover,
.attach-menu__cell--doc.cus-dropdown-option:hover {
  background: #fff6ed;
}

.attach-menu__tooltip-wrap {
  width: 100%;
  display: block;
}

.attach-menu__tooltip-wrap > .relative {
  width: 100%;
  display: block;
}

/* .attach-menu__cell.cus-dropdown-option span.attach-menu__cell-icon, */
.attach-menu__cell.cus-dropdown-option span.attach-menu__cell-label,
.attach-menu__cell.cus-dropdown-option span.attach-menu__cell-meta,
.attach-menu__cell.cus-dropdown-option span.attach-menu__cell-formats,
.attach-menu__cell.cus-dropdown-option span.attach-menu__cell-max {
  width: auto !important;
}

.attach-menu__cell-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.attach-menu__cell-icon svg {
  width: 18px;
  height: 18px;
}

.attach-menu__cell--image .attach-menu__cell-icon {
  background: #ecfdf3;
  color: #079455;
}

.attach-menu__cell--video .attach-menu__cell-icon {
  background: #eff8ff;
  color: #1570ef;
}

.attach-menu__cell--audio .attach-menu__cell-icon {
  background: #fdf2fa;
  color: #c11574;
}

.attach-menu__cell--doc .attach-menu__cell-icon {
  background: #fff6ed;
  color: #b54708;
}

.attach-menu__cell-label {
  font-size: 11px;
  font-weight: 600;
  color: #344054;
  line-height: 1.2;
}

.attach-menu__cell-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
  padding: 0 2px;
}

.attach-menu__cell-formats {
  display: block;
  width: 100%;
  font-size: 9px;
  font-weight: 500;
  color: #667085;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attach-menu__cell-max {
  font-size: 9px;
  font-weight: 500;
  color: #98a2b3;
  line-height: 1.2;
  white-space: nowrap;
}

.chat-composer__attach-icon {
  width: 18px !important;
  height: 18px !important;
  color: #667085 !important;
}

.cus-dropdown-container {
  position: relative;
}

.cus-dropdown-header,
.cus-dropdown-option {
  display: flex;
  align-items: center;
}

.cus-dropdown-option:not(.attach-menu__cell) span {
  width: 40px !important;
}

.upload-size {
  font-size: 10px;
  white-space: nowrap;
}

.hiddenFileBrows {
  display: none;
}

.in-doc-img span {
  width: 40px;
}

.row {
  margin: 0 !important;
}

.card {
  padding: 5px 10px;
}

.card-body {
  margin: 0;
  padding: 0px !important;
}

.capitalize-word {
  text-transform: capitalize;
}

.masz-user {
  white-space: pre-line;
  text-align: left;
}

.sentMediaClass {
  background-color: #1da3841a !important;
  overflow: visible;
  position: relative;
}

.reciveReplymessage {
  background-color: #ffffff !important;
  min-width: 80px !important;
  overflow: visible;
  position: relative;
}

.reciveReplymessage .doc-time-box {
  margin: 0;
  text-align: right;
  color: #667780;
  font-size: 10px !important;
  padding: 2px 0px 0px 0px;
}

.reciveReplymessage .new-media-box-sent {
  padding: 0px !important;
  width: 100% !important;
}

.new-media-box-sent:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

@media screen and (max-width: 700px) {
  .new-media-box-sent {
    width: 200px;
  }

  .new-media-box-received {
    width: 200px;
  }
}

#message {
  line-height: 16px !important;
  font-size: 15px;
}

.row-msg {
  flex-direction: "column";
  flex-wrap: "nowrap";
}

.mediaText {
  padding-top: 3px;
  cursor: auto;
  margin-bottom: 0 !important;
  white-space: pre-line;
  background-color: transparent;
}

.countUserChat {
  height: auto;
  width: auto;
  min-width: 18px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  background-color: #1ea384;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 0;
  text-align: center;
}

.countUserChatRcs {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  font-size: 9px;
  padding: 6px;
  background-color: #407bff;
  display: inline-block;
  color: white;
  margin-bottom: 0px;
  text-align: center;
}

.countUserChatIG {
  height: 25px;
  width: 25px;
  border-radius: 25%;
  font-size: 10px;
  padding: 6px;
  background-color: #fd7972;
  display: inline-block;
  color: white;
  margin-bottom: 0px;
  text-align: center;
}

.tooltipStyle {
  margin-left: 10px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
}

.template-div:hover {
  cursor: pointer !important;
}

/*phone-frame-CSS::starts*/
.basicPhonePreviewMargin {
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  max-width: 80%;
  margin: auto;
}

.marvel-device {
  max-width: 300px;
  display: inline-block;
  position: relative;
  box-sizing: content-box !important;
}

.marvel-device.note8 {
  background: #000;
  border-radius: 34px;
  padding: 45px 10px;
}

.marvel-device.note8 .inner {
  width: 100%;
  height: calc(100% - 4px) !important;
  position: absolute;
  top: 2px;
  content: "";
  left: 0;
  border-radius: 34px;
  z-index: 1;
}

.marvel-device.note8 .inner .overflow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 34px;
  overflow: hidden;
}

.marvel-device.note8 .overflow .shadow {
  box-shadow:
    inset 0 0 60px 0 white,
    inset 0 0 30px 0 rgba(255, 255, 255, 0.5),
    0 0 20px 0 white,
    0 0 20px 0 rgba(255, 255, 255, 0.5) !important;
  opacity: 0.6;
  height: 101%;
  position: absolute;
  top: -0.5%;
  content: "";
  width: calc(100% - 20px);
  left: 10px;
  border-radius: 38px;
  z-index: 5;
  pointer-events: none;
}

.marvel-device.note8 .speaker {
  height: 8px;
  width: 56px;
  left: 50%;
  position: absolute;
  top: 25px;
  margin-left: -28px;
  background: #171818;
  z-index: 1;
  border-radius: 8px;
}

.marvel-device .sensors,
.more-sensors,
.camera {
  display: none !important;
}

.marvel-device.note8 .camera {
  height: 18px;
  width: 18px;
  left: 86px;
  position: absolute;
  top: 18px;
  background: #212b36;
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .camera:before {
  content: "";
  height: 8px;
  width: 8px;
  left: -22px;
  position: absolute;
  top: 5px;
  background: #212b36;
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .sensors {
  height: 10px;
  width: 10px;
  left: 120px;
  position: absolute;
  top: 22px;
  background: #1d233b;
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .sensors:before {
  content: "";
  height: 10px;
  width: 10px;
  left: 18px;
  position: absolute;
  top: 0;
  background: #1d233b;
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .more-sensors {
  height: 16px;
  width: 16px;
  left: 285px;
  position: absolute;
  top: 18px;
  background: #33244a;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .more-sensors:before {
  content: "";
  height: 11px;
  width: 11px;
  left: 40px;
  position: absolute;
  top: 4px;
  background: #214a61;
  z-index: 1;
  border-radius: 100%;
}

.marvel-device.note8 .sleep {
  width: 2px;
  height: 56px;
  background: black;
  position: absolute;
  top: 288px;
  right: -2px;
}

.marvel-device.note8 .volume {
  width: 2px;
  height: 120px;
  background: black;
  position: absolute;
  top: 168px;
  left: -2px;
}

.marvel-device.note8 .volume:before {
  content: "";
  top: 168px;
  width: 2px;
  position: absolute;
  left: 0;
  background: black;
  height: 56px;
}

.marvel-device.note8 .screen {
  border-radius: 14px;
  box-shadow: none;
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 3;
  background: #fff;
  overflow: hidden;
  display: block;
}

/*phone-frame-CSS::ends*/
/*WhatsappPhoneOuter::starts*/
.basicPhonePreview {
  background-color: #f2f2f6;
  min-height: 425px;
  max-height: 425px;
  height: 80vh;
  border-radius: 10px;
  padding: 10px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.phonePreviewWATemplate * {
  list-style-type: initial !important;
}

.phonePreviewWATemplate {
  min-width: 240px;
  padding: 0;
  background-color: white;
  background-color: transparent;
  background-image: url("/images/chat-section/chat-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.phonePreviewWATemplate .top {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  background-color: #075e54;
  width: 100%;
  justify-content: space-between;
  color: white;
}

.phonePreviewWATemplate .top .left {
  margin-right: 5px;
  display: flex;
  align-items: center;
  background-color: #075e54 !important;
}

.phonePreviewWATemplate .top .left i {
  font-size: 25px;
}

.phonePreviewWATemplate .top .left .logo {
  background-color: white;
  display: grid;
  place-items: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #242a2f;
  margin-right: 5px;
  font-size: 10px;
}

.phonePreviewWATemplate .top .left .name {
  font-weight: 700;
  font-size: 8px;
  width: 90px;
}

.phonePreviewWATemplate .top .right {
  margin: 0 5px;
  display: flex;
  align-items: center;
}

.phonePreviewWATemplate .top .right .video {
  font-size: 15px;
}

.phonePreviewWATemplate .top .right .call {
  font-size: 15px;
  margin-left: 12px;
}

.phonePreviewWATemplate .top .right .menu {
  font-size: 15px;
  margin-left: 12px;
}

.phonePreviewWATemplate .body {
  margin: 0px 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: scroll;
  padding-bottom: 100px;
}

.phonePreviewWATemplate .body .today {
  background-color: #fcf8f7;
  padding: 3px 10px;
  border-radius: 8px;
  align-self: center;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.phonePreviewWATemplate .footerView {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  margin: 20px;
}

.phonePreviewWATemplate .footerView .left {
  flex: 1;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 25px;
  margin-right: 5px;
  padding-left: 10px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.phonePreviewWATemplate .footerView .left .clip {
  transform: rotate(-60deg);
  margin-right: 5px;
}

.phonePreviewWATemplate .footerView .left i {
  font-size: 16px;
  color: #74787a;
  margin: 0px 5px;
}

.phonePreviewWATemplate .footerView .left span {
  color: #93a3b1;
  /* font-size: 10px; */
  font-size: 7px;
  flex: 1;
}

.phonePreviewWATemplate .footerView .right {
  display: grid;
  place-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.phonePreviewWATemplate .footerView .right i {
  color: white;
  font-size: 20px;
  background-color: #128c7e;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 0px 5px;
}

/*WhatsappPhoneOuter::ends*/
/*WhatsappTemplatePreview::starts*/
.phonePreviewWATemplate .body .messageView {
  min-height: 200px;
  background-color: white;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  border-radius: 10px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

.phonePreviewWATemplate .body .messageView .msgTop {
  padding: 0px 10px;
  margin-bottom: 10px;
}

.phonePreviewWATemplate .body .messageView .msgTop img {
  height: 150px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.phonePreviewWATemplate .body .messageView .msgTop span {
  font-size: 16px;
  font-weight: 600;
}

.phonePreviewWATemplate .body .messageView .msgContent {
  padding: 0px 10px;
  flex: 1;
  font-size: 12px;
}

.phonePreviewWATemplate .body .messageView .msgContent p {
  margin-bottom: 0;
  width: 205px !important;
  word-break: break-word !important;
}

.phonePreviewWATemplate .body .messageView .footerMsg {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  color: #6c7e8d;
  font-size: 8px;
}

.phonePreviewWATemplate .body .messageView .footerMsg .msg {
  flex: 1;
}

.phonePreviewWATemplate .body .messageView .footerMsg .msg-time {
  margin-top: 0px !important;
  font-size: 8px;
}

.phonePreviewWATemplate .body .messageView .actionBtns {
  margin-top: 15px;
  border-top: 1px solid #e4e8eb;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.phonePreviewWATemplate .body .messageView .actionBtns div {
  color: #1ba0d1;
  font-weight: 600;
  margin-top: 5px;
}

.phonePreviewWATemplate .body .messageView .actionBtns div i {
  font-size: 14px;
}

.phonePreviewWATemplate .body .messageView .actionBtns div span {
  margin-left: 5px;
  font-size: 12px;
}

/*WhatsappTemplatePreview::ends*/
/* templateCss::starts */
.template-div {
  max-height: 130px;
  height: 100%;
  min-width: 45%;
}

@media screen and (max-width: 480px) {
  p.load-more-button {
    bottom: 0px;
    margin: 1% 28%;
  }

  .has-feedback {
    width: 75% !important;
  }

  #searchText {
    width: 100% !important;
  }

  .template-div {
    width: 100% !important;
    max-width: 95% !important;
    height: 100px !important;
    overflow-y: scroll;
  }

  .conversation .message {
    height: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 100px !important;
  }

  .user-details-box {
    z-index: 9999;
  }

  .bdr-right-grey {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }

  .chatNote {
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .mob-reply {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    min-height: 72px;
    z-index: 1000;
    background: #fff;
  }

  .chat-composer-wrap {
    padding: 8px 10px 10px;
  }

  .chat-composer__input {
    font-size: 16px !important;
  }

  .main-templates-div {
    height: 100%;
    overflow-y: scroll;
  }

  .templates-parent {
    height: 100%;
    height: 375px !important;
  }

  .varDivMainBody {
    display: flex !important;
  }

  .varDiv {
    height: auto !important;
  }

  .sendTempBtn.btn.btn-primary {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .varDivMainBody {
    height: 200px !important;
    overflow: scroll;
  }

  .showPreviewBtn {
    display: block !important;
  }

  .showBackBtn {
    display: inline !important;
  }

  .phoneDiv {
    scale: 0.7 !important;
  }

  .varDivMainFooter {
    display: none !important;
  }

  .footerDiv {
    width: 100% !important;
  }

  .btnDiv {
    width: 100% !important;
  }

  .chatNoteText {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 480px) {
  .template-div {
    width: 100% !important;
    max-width: 31% !important;
    padding: 1% !important;
  }

  .templates-parent {
    height: 100%;
    max-height: 400px;
  }

  .main-templates-div {
    height: 100%;
    max-height: 350px;
  }

  .varDivChild {
    width: 33% !important;
  }
}

.varDivChild {
  width: 95%;
}

/* templateCss::ends */
.bi-lightning-charge:hover {
  cursor: pointer;
}

.phoneDiv {
  margin: 0 auto !important;
  scale: 0.8;
  transform-origin: top;
  position: relative;
  top: 0;
  display: block;
}

.modalTitle {
  font-size: 0.9rem !important;
}

.modalTitle .ulBorder {
  border-bottom: 3px solid #198754;
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 80% !important;
  }
}

.modalPara {
  font-size: 11px !important;
  overflow-y: scroll;
  height: 65px !important;
}

.modalPara p {
  margin-bottom: 0 !important;
  word-wrap: break-word;
}

.modal-header {
  padding: 12px 24px !important;
}

.sendTempBtn.btn.btn-primary {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto !important;
  background-color: #1da384 !important;
  color: #fff !important;
  border: 1px solid #1da384;
}

.varDivBorder {
  background: #1987540a !important;
}

.template-div:hover {
  border: 1px solid #198754 !important;
}

.template-div-sec:hover {
  border: 1px solid #528bff !important;
}

.tempType {
  background-color: #198754 !important;
}

.bi-check-circle-fill {
  color: #198754;
}

.varInputs {
  border-bottom: 1px solid #000 !important;
}

.templateUL {
  padding: 0px !important;
}

.templateUL li:hover {
  cursor: pointer;
}

small {
  font-size: 8px !important;
}

button.chatTempBtn p {
  font-size: 12px !important;
}

.chatNoteText {
  font-size: 12px;
  padding: 20px 8px;
  background-color: #e1e1e1;
  color: #667085;
  text-align: left;
}

.temp-active {
  background: #1987540a;
}

.modal-footer {
  padding: 0 !important;
}

.errorText {
  font-size: 10px;
  margin: auto;
  text-align: center;
}

.varDivMainFooter {
  display: block;
  height: 115px !important;
  overflow: auto;
  z-index: 99999;
}

.varDivMainBody {
  display: none;
}

.searchIcon {
  margin: 0 auto;
  font-size: 20px;
  padding: 0 4px;
}

.showPreviewBtn {
  display: none;
}

.showBackBtn {
  display: none;
}

.bi-chat-square-text-fill {
  font-size: 15px !important;
}

.download-doc img {
  border: none !important;
  border-radius: 0 !important;
}

.media-download-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 6;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(16, 24, 40, 0.08);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.94);
  color: #344054;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.1);
  cursor: pointer;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.media-download-btn:hover {
  background: #ffffff;
  color: #101828;
  transform: scale(1.04);
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.14);
}

.media-download-btn svg {
  width: 16px;
  height: 16px;
}

.media-download-btn--loading {
  cursor: default;
  pointer-events: none;
}

.media-download-btn--loading:hover {
  transform: none;
}

.imageTag {
  display: block;
  width: 100% !important;
  max-width: 272px !important;
  height: auto !important;
  max-height: 360px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center !important;
     object-position: center !important;
  border-radius: 6px;
  background: #f2f4f7;
  vertical-align: middle;
}

.docImageTag {
  width: 50px !important;
  height: 40px !important;
  min-width: 30% !important;
  min-height: 30% !important;
  padding: 0px !important;
  margin-top: 0px !important;
  margin-right: 30px !important;
}

.no-bg {
  background-color: #fff !important;
}

.media-inner-box h5 {
  font-size: 0.9rem !important;
  font-weight: 600;
}

.media-inner-box.imageDiv .position-relative {
  line-height: 0;
}

@media (max-width: 425px) {
  .media-inner-box.no-bg.imageDiv div:has(> .imageTag) {
    margin: 0 !important;
  }

  .imageTag {
    max-width: 100% !important;
    max-height: 280px !important;
  }

  .new-media-box-sent,
  .new-media-box-received {
    max-width: min(240px, 78vw);
  }
}

.audioElement audio {
  max-width: 100% !important;
}

.audio-msg-player--inline {
  max-width: 250px;
}

.media-inner-box.videoDiv video {
  width: 100%;
  max-height: 320px;
  aspect-ratio: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
  background: #0f172a;
}

.spamPopup button {
  font-size: 12px;
  padding: 6px 10px;
  margin-top: 10px;
}

.spamCtaBtn {
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 4px;
  padding: 6px 10px;
  border: none;
  font-size: 12px;
  background-color: red;
  color: #fff;
}

.unSpamCtaBtn {
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: #4a4a4a;
  border: 1px solid #b7b7b7;
  background-color: #fff;
  font-weight: 500;
}

.spamPopup h5 {
  font-size: 18px;
}

.spamPopup button:last-child {
  font-size: 12px;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
}

.modalPopup {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 10px;
}

.modalPopup .focus {
  font-weight: 500;
}

.PopupActionBtn {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
}

.PopupActionBtn button {
  font-size: 12px;
  padding: 6px 10px;
  font-weight: 500;
}

.PopupActionBtn button:last-child {
  font-size: 12px;
  padding: 6px 10px;
  border: 1px solid #d1d5db;
}

@media screen and (max-width: 470px) {
  .modalPopup {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .PopupActionBtn {
    flex-direction: column;
  }

  .PopupActionBtn button {
    width: 100%;
  }
}

.addTemplateBtn:hover {
  background-color: #198754 !important;
  color: #fff !important;
}

.varFields {
  font-size: 10px !important;
}

.varFields:focus {
  outline: 0;
  box-shadow: none !important;
  border: 1px solid rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.quickReplyMsg {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin: 2px -2px -2px !important;
}

.quickReplyMsg span {
  background-color: #fff !important;
  flex: 1 1 !important;
  min-width: calc(50% - 4px) !important;
  margin: 2px !important;
  border-radius: 8px !important;
  text-align: center !important;
  padding: 8px 0 !important;
  color: #1ba0d1 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) !important;
}

.btn-dashboard {
  color: #fff !important;
  background-color: #157347 !important;
}

.imglogo img:hover {
  cursor: pointer;
}

i:hover {
  cursor: pointer;
}

.bi.bi-wallet {
  font-size: 10px;
}

.blnc-amt {
  font-size: 12px;
}

.store-name {
  font-size: 12px;
}

.addContactBtnDiv:hover {
  cursor: pointer;
}

.react-tel-input input:focus {
  outline: 0;
  box-shadow: none !important;
  border: 1px solid lightgray !important;
}

.react-tel-input input {
  width: 100% !important;
}

.media-inner-box.noneDiv {
  height: 0px;
  display: none !important;
}

.quickReplyMsgMedia {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin: 5px -2px -2px !important;
  margin-bottom: 2% !important;
  max-width: 250px !important;
}

.quickReplyMsgMedia span {
  background-color: #fff !important;
  flex: 1 1 !important;
  min-width: calc(100% - 4px) !important;
  margin: 2px !important;
  border-radius: 8px !important;
  text-align: center !important;
  padding: 8px 0 !important;
  color: #1ea384 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quickReplyMsgMedia:hover {
  cursor: default;
}

.width-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 250px !important;
}

.sentTick {
  color: gray;
  font-size: 18px;
  flex-shrink: 0;
  vertical-align: middle;
}

.pendingTick {
  font-size: 12px;
  flex-shrink: 0;
  line-height: 1;
  vertical-align: middle;
}

.deliveredTick {
  color: gray;
  font-size: 18px;
  flex-shrink: 0;
  vertical-align: middle;
}

.readTick {
  color: rgb(101, 198, 232);
  font-size: 18px;
  flex-shrink: 0;
  vertical-align: middle;
}

.carouselArrowDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.carouselLeftArrow {
  cursor: default;
  color: #fff;
  margin-left: 10px;
  border-radius: 50%;
  padding: 0%;
}

.carouselRightArrow {
  cursor: default;
  color: #fff;
  margin-right: 10px;
  border-radius: 50%;
  padding: 0%;
}

.verified-meta-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0 10px;
  background-color: #fff;
}

.verified-meta-view.error {
  border: 0.5px solid red;
}

.verified-meta-view.no-error {
  border: 0.5px solid black;
}

.file {
  flex: 1;
  display: flex;
  align-items: center;
}

.icon {
  color: #6c757d;
  font-size: 16px;
  margin-left: 10px;
}

.delete-file {
  border: none;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  background-color: white;
  color: var(--gray_d6_s);
  font-size: 18px;
  position: absolute;
  right: 1px;
  padding-right: 5px;
}

.file p {
  max-width: 300px;
  margin: 0;
  color: #6c757d;
  font-size: 10px;
}

.file input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.load-more-button {
  margin: 0;
  font-family: inherit;
  cursor: pointer;
  gap: 4px;
  min-height: 28px;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.load-more-note-button {
  background-color: #f0f0f0;
  color: #0078d4;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 4px 8px;
  font-size: 8px;
  font-family: "Euclid Circular B", Tahoma, Geneva, Verdana, sans-serif;
  display: block;
  margin: 6px auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

button.load-more-button:disabled {
  cursor: default;
}

button.load-more-button:hover:not(:disabled):not(.load-more-button--loading) {
  background: #f0f2f5;
  color: #3b4a54;
}

button.load-more-button:active:not(:disabled):not(.load-more-button--loading) {
  background: #e9edef;
}

button.load-more-button--loading {
  min-width: 56px;
  cursor: default;
}

button.load-more-button .loading-text {
  font-size: 13px;
}

.tooltipText {
  font-size: 6px;
}

.message-preview {
  font-size: 14px;
  color: #6c757d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.capsule {
  background-color: #f1f3f4;
  /* Light gray */
  color: #333;
  padding: 4px 10px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #eaecf0;
}

.username-handle {
  color: grey;
  font-size: 0.8em;
  margin-top: 0.2em;
}

.blur-effect {
  filter: blur(5px);
}

/* Header Styles */
.header_ig {
  width: 100%;
  background: #ffffff;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8ecf0;
}

/* override Bootstrap Dropdown.Toggle default styles */
/* Export Chat button in top nav */
.export-chat-btn {
  padding: 5px 12px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #1ea384;
  background: transparent;
  border: 1px solid #1ea384;
  white-space: nowrap;
  transition: all 0.15s;
}
.export-chat-btn:hover {
  background: rgba(30, 163, 132, 0.07);
}

.ch-user-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background 0.15s !important;
}
.ch-user-toggle:hover {
  background: #f3f4f6 !important;
}
.ch-user-toggle::after {
  display: inline-block !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 2px !important;
  vertical-align: middle !important;
  border-top: 4px solid #9ca3af !important;
  border-right: 4px solid transparent !important;
  border-bottom: 0 !important;
  border-left: 4px solid transparent !important;
}

/* Conversation header Export Chat icon button */
.conv-export-btn {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: 1px solid #d0d5dd;
  color: #667085;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.conv-export-btn:hover {
  background: #f3f4f6;
  color: #344054;
  border-color: #9ca3af;
}

/* Conversation header Transfer dropdown */
.conv-transfer-toggle {
  display: inline-flex;
  align-items: center;
  outline: none;
  text-align: left;
}

.conv-transfer-toggle::after {
  display: none !important;
}

.panel-dropdown-menu {
  border-radius: 10px !important;
  border: 1px solid #e4e7ec !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  padding: 4px !important;
  min-width: 200px;
  overflow: hidden;
}

.panel-dropdown-search {
  width: 100%;
  padding: 7px 10px 7px 32px;
  font-size: 13px;
  border: 1px solid #e4e7ec;
  border-radius: 6px;
  outline: none;
  background-color: #fff;
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/search.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-bottom: 4px;
}

.panel-dropdown-search:focus {
  border-color: #d0d5dd;
  box-shadow: none;
}

.panel-dropdown-list {
  max-height: 200px;
  overflow-y: auto;
}

.panel-dropdown-item {
  padding: 7px 12px;
  font-size: 13px;
  border-radius: 6px;
  cursor: pointer;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-dropdown-item:hover {
  background: #f9fafb;
}

.panel-dropdown-item--empty {
  color: #9ca3af;
  cursor: default;
}

.panel-dropdown-item--empty:hover {
  background: transparent;
}

.conv-transfer-modal-backdrop {
  z-index: 100000000 !important;
  top: 0 !important;
}

.conv-transfer-modal {
  z-index: 100000001 !important;
}

@media screen and (max-width: 900px) {
  .panel-dropdown-menu {
    z-index: 100000002 !important;
  }

  .conv-transfer-modal .modal-dialog {
    margin: 1rem auto;
    max-width: calc(100vw - 32px);
  }
}
.ch-user-toggle:focus,
.ch-user-toggle:active {
  outline: none !important;
  box-shadow: none !important;
  background: #f3f4f6 !important;
}

.header_logo_ig {
  width: 100px;
  padding: 8px 6px;
}

.header_actions_ig {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* Button Styles */
.btn_autoreply_ig {
  margin: 0 8px;
  background-color: #1da384;
  color: white;
  border: 1px solid #1da384;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
}

.btn_logout_ig {
  display: flex;
  align-items: center;
  background-color: white;
  border: 1px solid #eaecf0;
  color: black;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
  margin: 0 8px;
}

/* Tab Styles */
.tab_ig {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 20px;
  margin: 0 8px;
  font-size: 14px;
  color: #2c3e50;
  cursor: pointer;
  position: relative;
  transition:
    color 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  transform: scale(1);
}

.active_tab_ig {
  font-weight: bold;
  color: blue;
  transform: scale(1.1);
}

.tab_name_ig {
  margin-right: 6px;
  font-weight: 600;
}

/* Count Styles */
.tab_count_ig {
  background: #ccc;
  color: #2c3e50;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 10px;
  transition: background 0.3s ease-in-out;
}

.active_count_ig {
  background: blue;
  color: #fff;
}

/* Icon Styles */
.tab_icon_ig {
  width: 20px;
  height: 20px;
  margin-right: 0;
  flex-shrink: 0;
}

/* Bottom Indicator */
.bottom_indicator_ig {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1ea384;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
}

.loader-color {
  color: #198754 !important;
}

.loader-color_ig {
  color: #fd7972 !important;
}

.loader-color_rcs {
  color: #407bff !important;
}

/* Channel-themed loaders */
.channel-loader-shell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: 1;
  min-height: 0;
  box-sizing: border-box;
}

.channel-loader-row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 18px 0 24px;
}

.channel-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.channel-loader-shell--skeleton .channel-loader {
  align-items: stretch;
  justify-content: flex-start;
}

/* Skeleton loaders */
.skel-block {
  display: block;
  border-radius: 6px;
  background: linear-gradient(90deg, #eceef1 0%, #f5f6f8 45%, #eceef1 90%);
  background-size: 200% 100%;
  animation: skel-shimmer 1.35s ease-in-out infinite;
}

.skel-list {
  width: 100%;
}

.skel-list-row,
.skel-post-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid #f0f2f5;
}

.skel-post-row {
  padding: 12px 10px;
}

.skel-avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
}

.skel-avatar--sm {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

.skel-thumb {
  width: 96px;
  height: 64px;
  min-width: 96px;
  border-radius: 8px;
}

.skel-list-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
}

.skel-list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.skel-line {
  height: 10px;
  border-radius: 5px;
}

.skel-line--time {
  width: 32px;
  min-width: 32px;
  height: 8px;
  flex-shrink: 0;
}

.skel-line--msg {
  height: 9px;
}

.skel-messages {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.skel-msg-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.skel-msg-row--out {
  justify-content: flex-end;
}

.skel-bubble {
  height: 36px;
  max-width: 72%;
  border-radius: 10px;
}

.skel-bubble--out {
  border-radius: 10px 10px 2px 10px;
}

.skel-msg-row:not(.skel-msg-row--out) .skel-bubble {
  border-radius: 2px 10px 10px 10px;
}

.skel-modal {
  width: 100%;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 4px;
}

@keyframes skel-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.channel-loader__dots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 12px;
}

.channel-loader__dots span {
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: var(--loader-primary, #1a9d58);
  animation: channel-loader-pulse 1.1s ease-in-out infinite;
  opacity: 0.35;
}

.channel-loader__dots--lg span {
  width: 6px;
  height: 6px;
}

.channel-loader__dots span:nth-child(2) {
  animation-delay: 0.15s;
}

.channel-loader__dots span:nth-child(3) {
  animation-delay: 0.3s;
}

.channel-loader__track {
  display: block;
  width: 40px;
  height: 3px;
  border-radius: 99px;
  background: var(--loader-track, rgba(0, 0, 0, 0.08));
  overflow: hidden;
}

.channel-loader__track-fill {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: 99px;
  background: var(--loader-primary, #1a9d58);
  animation: channel-loader-slide 1s ease-in-out infinite;
}

.channel-btn-loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  vertical-align: middle;
}

.channel-btn-loader span {
  display: inline-block;
  border-radius: 50%;
  background: var(--loader-fg, #fff);
  animation: channel-loader-bounce 0.9s ease-in-out infinite;
}

.channel-btn-loader--sm span {
  width: 5px;
  height: 5px;
}

.channel-btn-loader--md span {
  width: 6px;
  height: 6px;
}

.channel-btn-loader span:nth-child(2) {
  animation-delay: 0.12s;
}

.channel-btn-loader span:nth-child(3) {
  animation-delay: 0.24s;
}

@keyframes channel-loader-pulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes channel-loader-slide {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(260%);
  }
}

@keyframes channel-loader-bounce {
  0%,
  80%,
  100% {
    transform: scale(0.72);
    opacity: 0.55;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

.message-preview {
  font-size: 14px;
  color: #8e8e8e;
  /* Instagram’s muted text color */
}

.capsule {
  background: rgba(0, 0, 0, 0.05);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  color: #333;
}

.chat-reactions {
  display: flex;
  gap: 4px;
  background: white;
  padding: 3px 6px;
  border-radius: 20px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -20px;
  left: 0px;
  font-size: 14px;
  font-weight: bold;
  z-index: 9988;
}

.reaction {
  padding: 2px 5px;
  background: #f1f1f1;
  border-radius: 50%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

.agent_history_mm {
  border-radius: 8px;
  opacity: 1;
  padding: 8px 10px;
  margin-bottom: 10px;
  background: var(--ch-light, rgba(29, 163, 132, 0.06));
  border: 1px solid var(--ch-border, rgba(29, 163, 132, 0.3));
  font-weight: 300;
}

.agent_history_mm--ig {
  padding: 0;
  margin-bottom: 0;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.agent_history_mm--ig-compact .agent_history_mm__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #f0f2f5;
  font-size: 13px;
  font-weight: 600;
  color: #344054;
}

.agent_history_mm--ig-compact .agent_history_mm__header svg {
  color: var(--ch-text, var(--ch-primary, #1da384));
  flex-shrink: 0;
}

.agent_history_mm--ig-compact .agent_history_mm__body {
  min-height: 110px;
  max-height: 180px;
  padding: 0;
}

.agent_history_mm__empty--ig {
  min-height: 130px;
  padding: 20px 16px;
  gap: 6px;
}

.agent_history_mm__empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--ch-light, rgba(29, 163, 132, 0.12));
  color: var(--ch-text, var(--ch-primary, #1da384));
  margin-bottom: 4px;
}

.agent_history_mm__empty-title {
  font-size: 13px;
  font-weight: 600;
  color: #344054;
  font-style: normal;
}

.agent_history_mm__empty-desc {
  font-size: 11px;
  line-height: 1.4;
  color: #98a2b3;
  max-width: 220px;
  font-style: normal;
}

.ig-agent-history-wrap {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}

.agent_history_mm__tabs {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #f0f2f5;
}

.agent_history_mm__tab {
  flex: 1;
  padding: 10px 8px;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: #667085;
  cursor: pointer;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

.agent_history_mm__tab:hover {
  color: #344054;
}

.agent_history_mm__tab--active {
  color: var(--ch-primary, #1da384);
  border-bottom-color: var(--ch-primary, #1da384);
}

.agent_history_mm--ig .agent_history_mm__tab--active {
  color: var(--ch-text, var(--ch-primary, #e4405f));
  border-bottom-color: var(--ch-primary, #e4405f);
}

.agent_history_mm__body {
  overflow: auto;
  min-height: 100px;
  max-height: 200px;
  padding: 10px 12px;
}

.agent_history_mm__body:has(.panel-empty-state) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.agent_history_mm__entry {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f2f4f7;
  font-size: 12px;
  line-height: 1.45;
  color: #344054;
}

.agent_history_mm__entry:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.agent_history_mm__entry strong {
  color: #101828;
  font-weight: 600;
}

.agent_history_mm__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 120px;
  padding: 12px;
  text-align: center;
}

.agent_history_mm__empty span {
  font-size: 12px;
  color: #98a2b3;
  font-style: normal;
}

.panel-empty-state-host {
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 3px;
  width: 100%;
  padding: 12px 10px;
}

.panel-empty-state__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  margin-bottom: 4px;
  color: var(--ch-primary, #1da384);
  background: var(--ch-light, rgba(29, 163, 132, 0.1));
  border: 1px solid var(--ch-border, rgba(29, 163, 132, 0.14));
}

.agent_history_mm .agent_history_mm__entry strong {
  color: var(--ch-text, #101828);
}

.panel-empty-state__title {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  line-height: 1.3;
}

.panel-empty-state__desc {
  font-size: 11px;
  line-height: 1.35;
  color: #94a3b8;
  max-width: 200px;
}

.agent_notes_mm {
  border-radius: 8px;
  opacity: 1;
  padding: 8px 10px;
  margin-bottom: 20px;
  background: #1da3840f;
  border: 1px solid #1da3844d;
  font-weight: 300;
}

.agent_history_mm h6,
.agent_notes_mm h6 {
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

.agent_history_mm p,
.agent_notes_mm p {
  margin-bottom: 4px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #32506c;
  opacity: 1;
}

.cancelButton {
  opacity: 0.8;
  border-radius: 6px;
  color: #081321;
  border: 1px solid #1da384;
  padding: 9px 30px;
}

.cancelButton:hover,
.cancelButton:active,
.cancelButton:focus-visible {
  background: #1da384 !important;
  border-radius: 6px;
  color: white;
  border: 1px solid #1da384 !important;
}

.actionButton {
  background: #1da384 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 10px 30px !important;
  border: 1px solid transparent !important;
}

.actionButton:hover,
.actionButton:active,
.actionButton:focus-visible {
  background: #1da384 !important;
  color: white !important;
}

.warningButton {
  background: #dc2626;
  border-radius: 6px;
  color: white;
  padding: 10px 30px;
  border: 1px solid #dc2626;
}

.warningButton:hover,
.warningButton:active,
.warningButton:focus-visible {
  background: #dc2626;
  color: white;
}

.pageTH {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
  position: relative;
}

.search-input {
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/search.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 10px 10px 10px 35px !important;
}

/* On Focus - Keep Icon & Reduce Border Thickness */
.search-input:focus {
  border-color: #1da384;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);
  outline: none;
}

.app-toast-viewport {
  position: fixed;
  top: 20px;
  right: 20px;
  left: auto;
  bottom: auto;
  z-index: 99999999999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
  pointer-events: none;
  max-width: min(420px, calc(100vw - 32px));
}

.app-toast-item {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(420px, calc(100vw - 32px));
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;
  cursor: pointer;
  animation: app-toast-in 0.22s ease-out both;
}

.app-toast-item--exit {
  animation: app-toast-out 0.22s ease-in both;
}

.app-toast-item--success {
  background: #f0fdf4;
  border-color: #86efac;
  color: #166534;
}

.app-toast-item--error {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #991b1b;
}

.app-toast-item--info {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1e40af;
}

.app-toast-item__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: inherit;
}

.app-toast-item__text {
  color: inherit;
  word-break: break-word;
}

@keyframes app-toast-in {
  from {
    opacity: 0;
    transform: translateX(32px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes app-toast-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(32px);
  }
}

input[type="checkbox"]:checked:not(.sidebar-select-check) {
  background-color: #1da384;
  border-color: #1da384;
}

/* Sidebar bulk-select checkboxes — channel-themed */
.side-bar input[type="checkbox"].sidebar-select-check {
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--channel-primary, #1a9d58);
}

.side-bar input[type="checkbox"].sidebar-select-check:checked {
  background-color: var(--channel-primary, #1a9d58) !important;
  border-color: var(--channel-primary, #1a9d58) !important;
}

.side-bar .sidebar-select-check--row {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.side-bar .ig-post-toolbar__check.sidebar-select-check {
  width: 15px;
  height: 15px;
  margin: 0;
}

.side-bar .ig-post-card__check.sidebar-select-check {
  width: 16px !important;
  height: 16px !important;
  margin: 4px 0 0 !important;
}

.sidebar-unread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 6px;
  height: 18px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: var(--channel-primary, #e4405f);
}

.sidebar-unread-badge--single {
  width: 18px;
  padding: 0;
  border-radius: 50%;
}

.cus-dropdown-option {
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.cus-dropdown-option:hover:not(.attach-menu__cell) {
  background-color: transparent;
}

.stacked-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
  /* Space from the left */
}

.stacked-container {
  position: relative;
  width: 160px;
  height: 150px;
  cursor: pointer;
}

.stacked-item {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.stacked-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Stack positions */
.stacked-0 {
  transform: translateX(-40px) rotate(-8deg);
}

.stacked-1 {
  transform: translateX(0px) rotate(0deg);
}

.stacked-2 {
  transform: translateX(40px) rotate(8deg);
}

/* Overlay for stacked preview */
.stacked-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border-radius: 8px;
}

/* Video preview style */
.video-preview {
  position: relative;
}

.video-preview video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  filter: brightness(50%);
}

.video-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  border-radius: 50%;
}

/* Instagram multi-image gallery modal */
.ig-media-gallery-modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

.ig-media-gallery-modal__dialog {
  max-width: min(480px, 94vw);
  margin: 1rem auto;
}

.ig-media-gallery-modal__content {
  position: relative;
  border: none;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.ig-media-gallery-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  color: #262626;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.15s ease, background 0.15s ease;
}

.ig-media-gallery-modal__close:hover {
  background: #fff;
  transform: scale(1.05);
}

.ig-media-gallery-modal__badge {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  pointer-events: none;
}

.ig-media-gallery-modal__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  min-height: 220px;
  max-height: 72vh;
}

.ig-media-gallery-modal__media-wrap {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 72vh;
}

.ig-media-gallery-modal__media {
  width: 100%;
  max-height: 72vh;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  padding:40px
}

.ig-media-gallery-modal__download {
  top: auto;
  bottom: 12px;
  right: 12px;
}

.ig-media-gallery-modal__audio {
  width: 100%;
  padding: 24px 16px;
  background: #fff;
}

.ig-media-gallery-modal__nav {
  position: absolute;
  top: 50%;
  z-index: 6;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.94);
  color: #262626;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s ease, background 0.15s ease;
}

.ig-media-gallery-modal__nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.05);
}

.ig-media-gallery-modal__nav:active {
  transform: translateY(-50%) scale(0.96);
}

.ig-media-gallery-modal__nav--prev {
  left: 10px;
}

.ig-media-gallery-modal__nav--next {
  right: 10px;
}

.ig-media-gallery-modal__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 16px 14px;
  background: #fff;
}

.ig-media-gallery-modal__dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #c7c7c7;
  cursor: pointer;
  transition:
    transform 0.15s ease,
    background 0.15s ease;
}

.ig-media-gallery-modal__dot--active {
  background: #e4405f;
  transform: scale(1.25);
}

.ig-media-gallery-modal__dot:hover:not(.ig-media-gallery-modal__dot--active) {
  background: #a8a8a8;
}

@media (max-width: 576px) {
  .custom-media-modal .modal-dialog {
    margin: 0 10px;
    width: 100% !important;
  }

  .stacked-container {
    width: 140px;
    height: 130px;
  }

  .stacked-img {
    border-radius: 6px;
  }

  .stacked-item {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 640px) {
  .hide-on-phone {
    display: none;
  }
}

.modal-backdrop.show {
  top: 60px !important;
}

.cart-message-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.cart-message-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cart-message-card {
  background-color: #ffffff;
  border-radius: 8px;
  /* width: 280px; */
}

.cart-message-card-top {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cart-message-card-image {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

.cart-message-card-details {
  padding: 7px 26px 7px 10px;
  background-color: #f6f6f6;
  border-radius: 4px;
}

.cart-message-card-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.cart-message-card-price {
  font-size: 14px;
  color: #555555;
  margin: 4px 0 0;
}

.cart-message-card-estimate {
  font-size: 12px;
  color: #999999;
}

.cart-message-card-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  /*margin-top: 5px;*/
  border-top: 2px solid #f6f6f6;
}

.cart-message-card-button {
  background: none;
  /*background-color: #f0f0f0;*/
  color: #333333;
  font-weight: bold;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: -webkit-fill-available;
}

.cart-message-card-button:hover {
  background-color: #e0e0e0;
}

.cart-message-card-time {
  font-size: 10px;
  color: #999999;
  align-items: end;
}

.cart-message-card-time-right {
  display: block;
  text-align: right;
}

.cart-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
}

.cart-modal-title {
  font-size: 18px;
  font-weight: 600;
}

.cart-modal-back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #1da384;
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.cart-modal-back-button .back-icon {
  margin-right: 8px;
  font-size: 18px;
  color: #1da384;
}

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

.product-details-image {
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 16px;
}

.product-details-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.product-details-price {
  font-size: 14px;
  color: #555;
}

.cart-item {
  display: flex;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
}

.cart-item:hover {
  background-color: #f9f9f9;
}

.cart-item-image {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}

.cart-item-details {
  margin-left: 12px;
}

.cart-item-name {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.cart-item-info {
  font-size: 12px;
  color: #555;
  margin: 4px 0 0;
}

.cart-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid #eaeaea;
  background-color: #f9f9f9;
  border-radius: 8px;
}

.cart-summary {
  display: flex;
  flex-direction: column;
}

.cart-summary-items {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.cart-summary-total {
  font-size: 12px;
  color: #555;
  margin: 0 0 0;
}

.cart-total {
  display: flex;
  align-items: center;
  background-color: #1da384;
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
}

.cart-total-label {
  font-size: 14px;
  margin-right: 4px;
}

.cart-total-value {
  font-size: 14px;
}

.cart-items-container {
  max-height: 450px;
  /* Limit the height to show only 5 items */
  overflow-y: auto;
  /* Enable vertical scrolling */
  scrollbar-width: thin;
  /* For Firefox */
}

.cart-items-container::-webkit-scrollbar {
  width: 6px;
  /* Scrollbar width for Webkit browsers */
}

.cart-items-container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  /* Scrollbar thumb color */
  border-radius: 4px;
  /* Rounded scrollbar thumb */
}

.cart-items-container::-webkit-scrollbar-track {
  background-color: #f9f9f9;
  /* Scrollbar track color */
  max-height: 450px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.cart-items-container::-webkit-scrollbar {
  width: 6px;
}

.cart-items-container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

.cart-items-container::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}

.message-card {
  width: 325px;
  border-radius: 12px;
  background-color: #eaefff;
  overflow: hidden;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  font-family: "Euclid Circular B", sans-serif;
}

.message-card-image-container {
  width: 100%;
  /* height: 200px; */
  height: 100%;
  overflow: hidden;
}

.message-card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.message-card-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.message-card-header-text {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: left;
}

.message-card-footer-text {
  font-size: 14px;
  color: #555;
  text-align: left;
}

.message-card-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.message-card-button {
  width: 100%;
  padding: 8px 4px;
  font-size: 14px;
  font-weight: 700;
  /* color: #007bff; */
  background-color: #fff;
  /* border: 1px solid #ccc; */
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
}

.message-card-button:hover {
  background-color: #f0f0f0;
}

.message-card-time {
  font-size: 12px;
  color: #999;
  text-align: right;
  padding: 2px 16px 8px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* Keep the rest of your stacking styles */
@keyframes typewriter {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.typewriter-text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  animation: typewriter 0.8s steps(30, end) forwards;
}

@keyframes vibrate {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(-10deg);
  }

  40% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(-10deg);
  }

  80% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.vibrate {
  animation: vibrate 0.4s ease-in-out;
}

.textarea-wrapper {
  position: relative;
  width: 100%;
}

.custom-msg-input {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  resize: none;
  z-index: 1;
  position: relative;
  background: transparent;
}

.textarea-wrapper::before {
  content: "Type something...";
  position: absolute;
  top: 12px;
  left: 12px;
  color: #aaa;
  font-size: 16px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  animation: typing 2s steps(20) forwards;
  pointer-events: none;
  z-index: 0;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 160px;
  }
}

.timer-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 3px 8px; */
  border-radius: 9999px;
  /* border: 1px solid; */
  font-weight: bold;
  font-size: 10px;
  /* min-height: 2rem; */
  /* min-width: 100px; */
}

.retry-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: retry-fade-in 0.25s ease-in;
}

.retry-modal-wrapper {
  padding: 20px;
  width: 100%;
  max-width: 420px;
}

.retry-modal-header {
  text-align: center;
  margin-bottom: 24px;
}

.retry-modal-title {
  font-size: 22px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}

.retry-modal-description {
  font-size: 15px;
  color: #6b7280;
  line-height: 1.5;
}

.retry-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.retry-modal-btn {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.retry-modal-btn-outline {
  background-color: #f3f4f6;
  color: #374151;
}

.retry-modal-btn-outline:hover {
  background-color: #e5e7eb;
}

.retry-modal-btn-primary {
  background-color: #ef4444;
  color: #fff;
}

.retry-modal-btn-primary:hover {
  background-color: #dc2626;
}

@keyframes retry-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes retry-slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.customRightBorder {
  border-right: none;
}

@media (min-width: 768px) {
  .customRightBorder {
    border-right: 2px solid #dee2e6;
  }
}

.retry-modal-btn-outline-danger {
  background-color: transparent;
  border: 1.5px solid #ef4444;
  color: #ef4444;
}

.retry-modal-btn-outline-danger:hover {
  background-color: #fee2e2;
  border-color: #dc2626;
  color: #b91c1c;
}

.retry-modal-card {
  position: relative;
  /* ✅ Needed for the close button to position correctly */
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  padding: 28px 24px;
  animation: retry-slide-up 0.3s ease-out;
  transition: all 0.3s ease-in-out;
}

.retry-modal-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  font-size: 24px;
  font-weight: bold;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.2s ease;
}

.retry-modal-close-btn:hover {
  color: #6b7280;
}

.reply-preview-container {
  position: relative;
  top: auto;
  width: 100%;
  padding: 0;
  background-color: transparent;
  flex-shrink: 0;
  z-index: 2;
}

.reply-preview-container-mesage {
  margin-bottom: 10px;
}

.reply-preview {
  background: #eef3fb;
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  font-family: "Euclid Circular B", sans-serif;
  border-left: 4px solid #5a8de0;
  position: relative;
}

.reply-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.reply-sender {
  font-size: 12px;
  font-weight: 600;
  color: #8a9bbf;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
}

.reply-text {
  font-size: 15px;
  color: #2d3a55;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

.reply-close {
  background: none;
  border: none;
  color: #9baabf;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  margin-left: auto;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  pointer-events: auto;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.reply-close:hover {
  background: rgba(0, 0, 0, 0.06);
  color: #667085;
}

.reply-text-content {
  font-size: 14px;
  color: #2d3a55;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Instagram comments */
.instagram_comment {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 16px 16px;
  position: relative;
}

.ig-comment-list {
  max-width: 42rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ig-comment-item {
  position: relative;
}

.ig-comment-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ig-comment-row--reply {
  margin-top: 12px;
}

.ig-comment-body {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.ig-comment-header {
  margin-bottom: 2px;
}

.ig-comment-username {
  font-size: 14px;
  font-weight: 600;
  color: #101828;
}

.ig-comment-text {
  font-size: 14px;
  line-height: 1.45;
  color: #344054;
  word-break: break-word;
}

.ig-comment-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.ig-comment-time {
  font-size: 12px;
  color: #667085;
  font-weight: 400;
}

.ig-comment-action-btn {
  background: none;
  border: none;
  padding: 2px 0;
  font-size: 12px;
  font-weight: 600;
  color: #667085;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 2;
  line-height: 1.2;
}

.ig-comment-action-btn:hover,
.ig-comment-action-btn--active {
  color: var(--ig-c-text, #c13584);
}

.ig-comment-view-replies:hover {
  color: var(--ig-c-text, #c13584);
}

.ig-comment-replies {
  margin-top: 8px;
  padding-left: 12px;
  border-left: 1px solid #eaecf0;
}

.ig-comment-reply-box {
  margin-top: 10px;
}

.ig-comment-reply-label {
  margin: 0 0 6px;
  font-size: 11px;
  color: #667085;
}

.ig-comment-inline-composer {
  margin: 0;
}

.ig-comment-composer {
  flex-shrink: 0;
  z-index: 10;
}

.ig-comment-composer .chat-composer {
  align-items: center;
}

.ig-comment-view-replies {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  font-weight: 600;
  color: #667085;
  cursor: pointer;
}

.ig-comment-send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  height: 36px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  background: var(--ig-c-primary, #e4405f);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}

.ig-comment-send-btn:hover:not(:disabled) {
  background: var(--ig-c-text, #c13584);
}

.ig-comment-send-btn:disabled {
  background: #d0d5dd;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .mid-content.conversation.ig-comments-themed .instagram_comment {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }

  .ig-comment-composer.mob-reply {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e8ecf0;
  }
}

/* Instagram comments header */
.ig-comments-themed {
  --ig-c-primary: #e4405f;
  --ig-c-text: #c13584;
  --ig-c-light: rgba(228, 64, 95, 0.12);
  --ig-c-border: rgba(228, 64, 95, 0.35);
}

.user-details-box.ig-comments-themed {
  overflow: hidden;
}

.user-details-box.ig-comments-themed > .side-one {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.user-details-box.ig-comments-themed .side-one > .right-side {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.ig-comments-themed .chat-composer__send {
  background: var(--ig-c-primary);
}

.ig-comments-themed .chat-composer__send:hover {
  background: var(--ig-c-text);
}

/* Instagram post list (sidebar) */
.ig-post-list.sideBar {
  padding: 10px 10px 24px;
  background: #ffffff;
  border: none;
}

.ig-post-list__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ig-post-list__loader {
  display: flex;
  justify-content: center;
  padding: 14px 0 6px;
}

.ig-post-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.ig-post-card:hover:not(.ig-post-card--active) {
  border-color: #d0d5dd;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.07);
  transform: translateY(-1px);
}

.ig-post-card--active {
  border-color: var(--ig-c-primary, #e4405f);
  background: linear-gradient(
    135deg,
    #fff 0%,
    var(--ig-c-light, rgba(228, 64, 95, 0.08)) 100%
  );
  box-shadow: 0 4px 14px rgba(228, 64, 95, 0.1);
}

.ig-post-card--active:hover {
  border-color: var(--ig-c-primary, #e4405f);
  transform: translateY(-1px);
}

.ig-post-card__check {
  flex-shrink: 0;
  cursor: pointer;
}

.ig-post-card__thumb {
  position: relative;
  flex-shrink: 0;
  width: 88px;
  height: 66px;
  border-radius: 10px;
  overflow: hidden;
  background: #e5e7eb;
}

.ig-post-card__media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.ig-post-card__badge {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  pointer-events: none;
}

.ig-post-card__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 2px;
}

.ig-post-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.ig-post-card__stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.ig-post-card__stats span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #344054;
  line-height: 1;
}

.ig-post-card__stats svg {
  width: 14px;
  height: 14px;
  color: #667085;
}

.ig-post-card__time {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  color: #98a2b3;
  line-height: 1.2;
  white-space: nowrap;
}

.ig-post-card__caption {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  color: #344054;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.ig-post-card__caption--empty {
  color: #98a2b3;
  font-style: italic;
  font-weight: 400;
  -webkit-line-clamp: 1;
}

.ig-post-card--active .ig-post-card__caption:not(.ig-post-card__caption--empty) {
  color: #1d2939;
}

.ig-post-card__pill {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.ig-post-card__pill--pending {
  color: var(--ig-c-text, #c13584);
  background: var(--ig-c-light, rgba(228, 64, 95, 0.1));
  border: 1px solid var(--ig-c-border, rgba(228, 64, 95, 0.28));
}

.ig-post-card__pill--done {
  color: #667085;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  font-weight: 500;
}

.ig-post-card--active .ig-post-card__pill--pending {
  background: #fff;
}

.ig-post-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 8px 12px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.ig-post-toolbar--ig {
  background: #ffffff;
}

.ig-post-toolbar__left,
.ig-post-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ig-post-toolbar__label {
  font-size: 13px;
  font-weight: 600;
  color: #344054;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
}

.ig-post-toolbar--ig .ig-post-toolbar__label {
  color: #101828;
}

.ig-post-toolbar__check {
  flex-shrink: 0;
  cursor: pointer;
}

.ig-post-toolbar__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.ig-post-toolbar__icon-btn:hover {
  background: #f2f4f7;
  color: #344054;
}

.ig-comments-themed .ig-post-toolbar__icon-btn:hover {
  background: var(--ig-c-light, rgba(228, 64, 95, 0.12));
  color: var(--ig-c-text, #c13584);
}

.ig-post-toolbar__icon-btn--close {
  color: #ef4444;
}

.ig-post-toolbar__icon-btn--close:hover {
  background: #fef2f2;
  color: #dc2626;
}

.ig-sync-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  background: #fff;
  border-bottom: 1px solid #f0f2f5;
}

.ig-sync-bar__time {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 11px;
  color: #667085;
  line-height: 1.3;
}

.ig-sync-bar__time span:last-child {
  color: #475467;
  font-weight: 500;
}

.ig-sync-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid var(--ig-c-border, rgba(228, 64, 95, 0.35));
  border-radius: 8px;
  background: #fff;
  color: var(--ig-c-text, #c13584);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease;
}

.ig-sync-bar__btn:hover {
  background: var(--ig-c-light, rgba(228, 64, 95, 0.12));
}

/* Instagram reel-style post preview */
.ig-reel-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 12px 0 4px;
}

.ig-reel-card {
  width: 100%;
  max-width: 300px;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.12);
}

.ig-reel-caption {
  padding: 10px 12px 12px;
  background: #fff;
  border-top: 1px solid #f2f4f7;
}

.ig-reel-caption__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
  color: #344054;
  word-break: break-word;
  white-space: pre-wrap;
}

.ig-reel-caption__text--clamped {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ig-reel-caption__text:not(.ig-reel-caption__text--clamped) {
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.ig-reel-caption__user {
  font-weight: 700;
  color: #101828;
  margin-right: 6px;
}

.ig-reel-caption__more {
  margin-top: 6px;
  padding: 0;
  border: none;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--ig-c-text, #c13584);
  cursor: pointer;
}

.ig-reel-caption__more:hover {
  text-decoration: underline;
}

.ig-reel-stage {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ig-post-ratio, 1);
  max-height: min(520px, 72vh);
  background: #0a0a0a;
  overflow: hidden;
}

.ig-reel-stage--landscape {
  max-height: 280px;
}

.ig-reel-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: #0a0a0a;
}

.ig-reel-stage > span {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.ig-reel-stage--feed .ig-reel-media {
  -o-object-fit: cover;
     object-fit: cover;
}

.ig-reel-gradient {
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}

.ig-reel-gradient--top {
  top: 0;
  height: 28%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}

.ig-reel-gradient--bottom {
  bottom: 0;
  height: 36%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
}

.ig-reel-top {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ig-reel-avatar {
  flex-shrink: 0;
}

.ig-reel-username {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ig-reel-bottom {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.ig-reel-bottom__stats {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.ig-reel-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  cursor: default;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

button.ig-reel-stat {
  cursor: pointer;
  transition: opacity 0.15s ease;
}

button.ig-reel-stat:hover {
  opacity: 0.75;
}

.ig-reel-stat__icon {
  font-size: 20px;
  color: #fff;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.ig-reel-stat__icon--liked {
  color: #ff3040;
  filter: drop-shadow(0 1px 3px rgba(255, 48, 64, 0.45));
}

.ig-reel-bottom__date {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.ig-reel-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #fff;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  padding-left: 4px;
}

.ig-reel-play-btn--hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.9);
}

.ig-reel-tap-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: none;
  background: transparent;
  cursor: pointer;
}

.ig-reel-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}

.ig-reel-progress__fill {
  height: 100%;
  background: #fff;
  transition: width 0.1s linear;
}

.ig-reel-dots {
  position: absolute;
  bottom: 44px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
}

.ig-reel-dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition:
    transform 0.15s ease,
    background 0.15s ease;
}

.ig-reel-dot--active {
  background: #fff;
  transform: scale(1.15);
}

.ig-reel-nav {
  position: absolute;
  top: 50%;
  z-index: 6;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
  opacity: 0.85;
  transition:
    transform 0.15s ease,
    background 0.15s ease,
    opacity 0.15s ease;
  padding: 0;
}

@media (hover: hover) {
  .ig-reel-nav {
    opacity: 0;
  }

  .ig-reel-stage:hover .ig-reel-nav {
    opacity: 1;
  }
}

.ig-reel-nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.04);
}

.ig-reel-nav:active {
  transform: translateY(-50%) scale(0.96);
}

.ig-reel-nav--prev {
  left: 8px;
}

.ig-reel-nav--next {
  right: 8px;
}

.ig-reel-counter {
  position: absolute;
  bottom: 44px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  pointer-events: none;
}

.ig-reel-card-wrap {
  width: 100%;
}

/* Messenger reel message preview */
.messenger-reel-msg {
  width: 268px;
  min-width: 268px;
  max-width: 268px;
  flex-shrink: 0;
}

.messenger-reel-msg__card {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e4e6eb;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.messenger-reel-msg__card:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.12);
}

.messenger-reel-msg__preview {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  background: #111827;
}

.messenger-reel-msg__preview-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 132, 255, 0.42) 0%, transparent 46%),
    radial-gradient(circle at 82% 24%, rgba(24, 119, 242, 0.38) 0%, transparent 44%),
    linear-gradient(165deg, #1e293b 0%, #0f172a 48%, #020617 100%);
}

.messenger-reel-msg__preview-bg--post {
  background:
    radial-gradient(circle at 20% 20%, rgba(24, 119, 242, 0.4) 0%, transparent 44%),
    radial-gradient(circle at 78% 28%, rgba(66, 103, 178, 0.36) 0%, transparent 42%),
    linear-gradient(165deg, #1a2744 0%, #111827 52%, #0f172a 100%);
}

.messenger-reel-msg__preview-bg--link {
  background:
    radial-gradient(circle at 22% 22%, rgba(24, 119, 242, 0.34) 0%, transparent 44%),
    radial-gradient(circle at 78% 30%, rgba(0, 132, 255, 0.3) 0%, transparent 42%),
    linear-gradient(165deg, #1a2744 0%, #111827 52%, #0f172a 100%);
}

.messenger-reel-msg__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.messenger-reel-msg__preview-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.18) 0%,
    rgba(0, 0, 0, 0.08) 45%,
    rgba(0, 0, 0, 0.35) 100%
  );
  pointer-events: none;
}

.messenger-reel-msg__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  z-index: 4;
}

.messenger-reel-msg__play svg {
  margin-left: 3px;
}

.messenger-reel-msg__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.52);
  border-radius: 999px;
  padding: 5px 10px;
}

.messenger-reel-msg__body {
  position: relative;
  z-index: 6;
  padding: 12px 14px 14px;
  background: #fff;
}

.messenger-reel-msg__title {
  margin: 0 0 8px;
  color: #101828;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.messenger-reel-msg__link {
  display: inline-block;
  color: #0084ff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.messenger-reel-msg__link--action {
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.messenger-reel-msg__link--action:hover {
  text-decoration: underline;
}

.messenger-reel-msg__link--static {
  cursor: default;
}

.messenger-reel-msg__meta {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
  padding-right: 2px;
  width: 100%;
}

.messenger-reel-msg__meta .messenger-message-meta {
  color: #65676b;
}

.messenger-reel-msg--instagram .messenger-reel-msg__preview-bg--post {
  background:
    radial-gradient(circle at 18% 20%, rgba(225, 48, 108, 0.35) 0%, transparent 42%),
    radial-gradient(circle at 82% 24%, rgba(88, 81, 216, 0.32) 0%, transparent 40%),
    linear-gradient(165deg, #1f1428 0%, #111827 52%, #0f172a 100%);
}

.messenger-reel-msg--instagram .messenger-reel-msg__preview-bg--reel {
  background:
    radial-gradient(circle at 22% 18%, rgba(131, 58, 180, 0.42) 0%, transparent 44%),
    radial-gradient(circle at 78% 26%, rgba(225, 48, 108, 0.38) 0%, transparent 42%),
    linear-gradient(165deg, #1a1028 0%, #111827 52%, #0f172a 100%);
}

.messenger-reel-msg--instagram .messenger-reel-msg__preview-bg--story {
  background:
    radial-gradient(circle at 20% 18%, rgba(225, 48, 108, 0.45) 0%, transparent 44%),
    radial-gradient(circle at 80% 28%, rgba(131, 58, 180, 0.42) 0%, transparent 42%),
    radial-gradient(circle at 50% 80%, rgba(252, 175, 69, 0.28) 0%, transparent 40%),
    linear-gradient(165deg, #2d0b1f 0%, #1a1028 50%, #0f172a 100%);
}

.messenger-reel-msg__card--instagram {
  border-color: #f3d0df;
}

.messenger-reel-msg__badge--instagram {
  background: rgba(193, 53, 132, 0.72);
}

.messenger-reel-msg__link--instagram {
  color: #c13584;
}

.messenger-reel-msg__link--muted {
  color: #98a2b3;
}

.messenger-reel-msg__carousel-nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 999px;
  background: rgba(16, 24, 40, 0.62);
  color: #fff;
  transform: translateY(-50%);
  cursor: pointer;
}

.messenger-reel-msg__carousel-nav--prev {
  left: 10px;
}

.messenger-reel-msg__carousel-nav--next {
  right: 10px;
}

.messenger-reel-msg__carousel-count {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 4;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(16, 24, 40, 0.62);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.messenger-reel-msg__card--expired {
  cursor: default;
  opacity: 0.92;
}

.messenger-reel-msg__thumb--expired {
  filter: grayscale(0.85);
  opacity: 0.55;
}

.messenger-reel-msg__thumb--inline-media {
  -o-object-fit: cover;
     object-fit: cover;
  background: #000;
}

.messenger-reel-msg__expired-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  text-align: center;
  color: #fff;
  background: rgba(16, 24, 40, 0.58);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.ig-comments-header__back {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: #667085;
  font-size: 18px;
  cursor: pointer;
}

.ig-comments-header__transfer.conversation-desktop-only {
  display: flex;
}

.ig-comments-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  padding: 0 12px;
  background: #fff;
  border-bottom: 1px solid #e8ecf0;
  flex-shrink: 0;
}

.ig-comments-header__tabs {
  display: flex;
  align-items: stretch;
  gap: 2px;
  min-width: 0;
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
}

.ig-comments-header__tabs::-webkit-scrollbar {
  display: none;
}

.ig-comments-header__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 12px 14px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #667085;
  white-space: nowrap;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

.ig-comments-header__tab:hover {
  color: #344054;
}

.ig-comments-header__tab--active {
  color: var(--ig-c-text, #c13584);
  border-bottom-color: var(--ig-c-primary, #e4405f);
  font-weight: 600;
}

.ig-comments-header__tab-count {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 1px solid #d0d5dd;
  color: inherit;
}

.ig-comments-header__tab--active .ig-comments-header__tab-count {
  background: var(--ig-c-light, rgba(228, 64, 95, 0.12));
  border-color: var(--ig-c-border, rgba(228, 64, 95, 0.35));
  color: var(--ig-c-text, #c13584);
}

.ig-comments-header__transfer {
  position: relative;
  flex-shrink: 0;
}

.ig-comments-header__transfer-label {
  position: absolute;
  top: -5px;
  left: 4px;
  z-index: 2;
  padding: 0 4px;
  font-size: 10px;
  line-height: 1;
  color: #6b7280;
  background: #fff;
}

.ig-comments-header__transfer-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: 130px;
  padding: 6px 10px !important;
  background: #fff !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 6px !important;
  cursor: pointer;
}

.ig-comments-header__transfer-value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #344054;
  text-align: left;
}

.ig-comments-header__transfer-caret {
  flex-shrink: 0;
  font-size: 10px;
  color: #9ca3af;
}

@media (max-width: 767px) {
  .ig-comments-header {
    padding: 0 8px;
    gap: 8px;
  }

  .ig-comments-header__tab {
    padding: 14px 8px 12px;
    font-size: 13px;
    gap: 6px;
  }

  .ig-comments-header__tab-count {
    min-width: 20px;
    height: 20px;
    font-size: 11px;
  }
}

/* ============================================================
   Profile v2 — modern hero + stat tiles + contact rows
   ============================================================ */
.profile-v2 {
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 14px;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.profile-v2::-webkit-scrollbar {
  width: 6px;
}
.profile-v2::-webkit-scrollbar-thumb {
  background: #c4c9d2;
  border-radius: 6px;
}

/* Hero card — vertical, centered */
.profile-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 18px;
  background:
    radial-gradient(
      120% 80% at 50% -20%,
      rgba(16, 24, 40, 0.04) 0%,
      transparent 60%
    ),
    linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
  border: 1px solid #e4e7ec;
  padding: 18px 14px 14px;
  text-align: center;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 4px 14px rgba(16, 24, 40, 0.04);
}

.profile-hero__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 50%;
  background: #e4e7ec;
  margin: 0 auto 10px;
  flex-shrink: 0;
}

/* AI Webchat: no extra outer ring — avatar already carries brand color */
.profile-hero__avatar--wc {
  padding: 0;
  background: transparent;
}

.profile-hero__avatar > .user-dp,
.profile-hero__avatar > .user-icon {
  display: inline-flex;
  background: #ffffff;
  border-radius: 50%;
}

.profile-hero__avatar-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 0 2px #ffffff,
    0 2px 4px rgba(16, 24, 40, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 2;
}

.profile-hero__avatar-badge img,
.profile-hero__avatar-badge span img {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  display: block;
}

.profile-hero__name {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: #475467;
  letter-spacing: -0.01em;
  line-height: 1.35;
  word-break: break-word;
  text-align: center;
}

.profile-hero__since {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0 auto 12px;
  font-size: 11px;
  color: #667085;
  font-weight: 500;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
  padding: 4px 10px 4px 8px;
  border-radius: 999px;
  text-align: center;
  white-space: nowrap;
}

.profile-hero__since svg {
  width: 12px;
  height: 12px;
  color: #667085;
  flex-shrink: 0;
}

/* Quick action chips */
.profile-hero__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px dashed #eaecf0;
}

.profile-quick-btn {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 6px;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    transform 0.1s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.profile-quick-btn:hover:not(:disabled) {
  background: rgba(30, 163, 132, 0.08);
  border-color: rgba(30, 163, 132, 0.45);
  color: #1ea384;
}

.profile-quick-btn:active:not(:disabled) {
  transform: scale(0.97);
}

.profile-quick-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.profile-quick-btn svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

/* Stats grid */
.profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.profile-stat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 9px;
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
  min-width: 0;
  overflow: hidden;
}

.profile-stat:hover {
  transform: translateY(-1px);
  border-color: #d0d5dd;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
}

.profile-stat__icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(30, 163, 132, 0.1);
  color: #1ea384;
}

.profile-stat__icon svg {
  width: 13px;
  height: 13px;
}

.profile-stat__icon--green {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #067647;
}

.profile-stat__icon--blue {
  background: linear-gradient(135deg, #eff8ff 0%, #dbeafe 100%);
  color: #1570ef;
}

.profile-stat__icon--purple {
  background: linear-gradient(135deg, #f4f3ff 0%, #ebe9fe 100%);
  color: #6938ef;
}

.profile-stat__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  width: 100%;
}

.profile-stat__value {
  font-size: 13px;
  font-weight: 500;
  color: #667085;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-stat__label {
  font-size: 11px;
  color: #98a2b3;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Section card frame */
.profile-section {
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

.profile-section__title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: #667085;
}

.profile-section__title svg {
  width: 13px;
  height: 13px;
  color: #1ea384;
}

.profile-section__title--inline {
  margin: 0;
}

/* Contact rows */
.profile-contact {
  display: flex;
  flex-direction: column;
}

.profile-contact__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px dashed #eaecf0;
  min-width: 0;
}

.profile-contact__row:first-child {
  border-top: none;
  padding-top: 4px;
}

.profile-contact__row:last-child {
  padding-bottom: 4px;
}

.profile-contact__icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: rgba(30, 163, 132, 0.1);
  color: #1ea384;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.profile-contact__icon svg {
  width: 14px;
  height: 14px;
}

.profile-contact__icon--phone {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #067647;
}

.profile-contact__icon--email {
  background: linear-gradient(135deg, #eff8ff 0%, #dbeafe 100%);
  color: #1570ef;
}

.profile-contact__icon--addr {
  background: linear-gradient(135deg, #fef6ee 0%, #fee4d2 100%);
  color: #b93815;
}

.profile-contact__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.profile-contact__label {
  font-size: 11px;
  color: #98a2b3;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}

.profile-contact__value {
  font-size: 12.5px;
  color: #667085;
  font-weight: 500;
  word-break: break-word;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-contact__value--multiline {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.profile-contact__copy {
  background: transparent;
  border: 1px solid transparent;
  color: #98a2b3;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.profile-contact__copy:hover {
  background: rgba(30, 163, 132, 0.08);
  color: #1ea384;
  border-color: rgba(30, 163, 132, 0.25);
}

.profile-contact__copy svg {
  width: 13px;
  height: 13px;
}

/* Last order */
.profile-last-order__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
}

.profile-last-order__head:hover .profile-last-order__cta {
  filter: brightness(1.04);
}

.profile-last-order__head:active .profile-last-order__cta {
  transform: scale(0.98);
}

.profile-last-order__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px 6px 12px;
  background: linear-gradient(180deg, #22b894 0%, #1ea384 100%);
  color: #ffffff;
  border: none;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.08),
    0 1px 3px rgba(30, 163, 132, 0.2);
  transition:
    filter 0.15s ease,
    transform 0.1s ease;
  max-width: min(100%, 220px);
}

.profile-last-order__cta-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-last-order__cta svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.profile-last-order__details {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #eaecf0;
  animation: profileFadeIn 0.22s ease-out;
}

.profile-last-order__details .card-right-last-order-details {
  margin-top: 0 !important;
}

@keyframes profileFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================
   Tags / Agent History / Notes — modern look inside profile-v2
   ============================================================ */

.profile-v2 .card-right,
.profile-v2 .agent_history_mm,
.profile-v2 .agent_notes_mm {
  background: #ffffff !important;
  border: 1px solid var(--ch-border, #eceef1) !important;
  border-radius: 14px !important;
  padding: 12px !important;
  margin-bottom: 0 !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
  font-weight: 400;
}

.profile-v2 .agent_history_mm__tab--active {
  color: var(--ch-primary, #1ea384) !important;
  border-bottom-color: var(--ch-primary, #1ea384) !important;
}

.profile-v2 .agent_history_mm--ig .agent_history_mm__tab--active {
  color: var(--ch-text, var(--ch-primary, #e4405f)) !important;
  border-bottom-color: var(--ch-primary, #e4405f) !important;
}

/* ============================================================
   Tags card (new structure)
   ============================================================ */
.profile-v2 .tags-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.profile-v2 .tags-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.profile-v2 .tags-card__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475467;
}

.profile-v2 .tags-card__title svg {
  color: #1ea384;
  font-size: 13px;
}

.profile-v2 .tags-card__title-info,
.profile-v2 .tags-card__tab-info {
  color: #98a2b3;
  font-size: 11px;
  margin-left: 4px;
  flex-shrink: 0;
  vertical-align: middle;
}

.panel-info-tooltip,
.tag-info-tooltip {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  max-width: min(260px, calc(100vw - 16px));
  opacity: 0;
  transition: opacity 0.05s ease;
}

.panel-info-tooltip--ready {
  opacity: 1;
}

.panel-info-tooltip__inner,
.tag-info-tooltip__inner {
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  color: #ffffff;
  background: #1f2937;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.18);
  word-break: break-word;
}

.panel-info-tooltip__arrow,
.tag-info-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
}

.panel-info-tooltip__trigger,
.tag-info-tooltip__trigger {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  flex-shrink: 0;
}

.profile-v2 .tags-card__switch {
  display: inline-flex;
  padding: 2px;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.03);
}

.profile-v2 .tags-card__switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #667085;
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.profile-v2 .tags-card__switch-btn:hover {
  color: #1ea384;
}

.profile-v2 .tags-card__switch-btn--active,
.profile-v2 .tags-card__switch-btn--active:hover {
  background: #ffffff;
  color: #1ea384;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),
    inset 0 0 0 1px rgba(30, 163, 132, 0.2);
}

/* Form row */
.profile-v2 .tags-card__form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.profile-v2 .tags-card__form-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.profile-v2 .tags-card__select {
  flex: 1 1 auto;
  font-size: 12.5px;
}

.profile-v2 .tags-card__input {
  flex: 1 1 auto;
  background: #ffffff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  padding: 0 10px;
  height: 36px;
  font-size: 12.5px;
  color: #101828;
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.profile-v2 .tags-card__input::-moz-placeholder {
  color: #98a2b3;
}

.profile-v2 .tags-card__input::placeholder {
  color: #98a2b3;
}

.profile-v2 .tags-card__input:focus {
  border-color: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12);
}

.profile-v2 .tags-card__add {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f2f4f7;
  color: #98a2b3;
  font-size: 12px;
  font-weight: 700;
  cursor: not-allowed;
  transition:
    filter 0.15s ease,
    transform 0.1s ease,
    box-shadow 0.15s ease;
}

.profile-v2 .tags-card__add svg {
  font-size: 14px;
}

.profile-v2 .tags-card__add--active {
  background: linear-gradient(180deg, #22b894 0%, #1ea384 100%);
  color: #ffffff;
  border-color: transparent;
  cursor: pointer;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.08),
    0 1px 3px rgba(30, 163, 132, 0.2);
}

.profile-v2 .tags-card__add--active:hover {
  filter: brightness(1.04);
}

.profile-v2 .tags-card__add--active:active {
  transform: scale(0.98);
}

.profile-v2 .tags-card__error {
  margin: 0;
  font-size: 11px;
  color: #b42318;
}

.profile-v2 .tags-card__success {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-size: 11px;
  color: #067647;
}

/* react-select inside tags card */
.profile-v2 .tags-card__select .select__control {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.profile-v2 .tags-card__select .select__control:hover {
  border-color: #d0d5dd !important;
}

.profile-v2 .tags-card__select .select__control--is-focused {
  border-color: #1ea384 !important;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12) !important;
}

.profile-v2 .tags-card__select .select__placeholder {
  color: #98a2b3 !important;
}

.profile-v2 .tags-card__select .select__indicator-separator {
  display: none;
}

.profile-v2 .tags-card__select .select__indicator {
  padding: 4px;
  color: #98a2b3 !important;
}

/* Chip list */
.profile-v2 .tags-card__list {
  min-height: 0;
}

.profile-v2 .tags-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 2px 0;
  max-height: 110px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.profile-v2 .tags-card__chips::-webkit-scrollbar {
  width: 6px;
}
.profile-v2 .tags-card__chips::-webkit-scrollbar-thumb {
  background: #d0d5dd;
  border-radius: 6px;
}

.profile-v2 .tags-card__empty {
  margin: 0;
  padding: 6px 0;
  font-size: 11.5px;
  color: #98a2b3;
  font-style: italic;
}

/* Generic tag chip */
.profile-v2 .tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px 4px 3px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.profile-v2 .tag-chip__text {
  line-height: 1.4;
  padding: 1px 0;
}

.profile-v2 .tag-chip__remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  padding: 0;
  margin-left: 2px;
  opacity: 0.65;
  transition:
    background 0.15s ease,
    opacity 0.15s ease,
    color 0.15s ease;
}

.profile-v2 .tag-chip__remove svg {
  width: 14px;
  height: 14px;
}

.profile-v2 .tag-chip__remove:hover {
  background: rgba(180, 35, 24, 0.12);
  color: #b42318;
  opacity: 1;
}

.profile-v2 .tag-chip--custom {
  background: rgba(30, 163, 132, 0.1);
  color: #067647;
  border: 1px solid rgba(30, 163, 132, 0.28);
}

.profile-v2 .tag-chip--shopify {
  background: rgba(64, 123, 255, 0.1);
  color: #1849a9;
  border: 1px solid rgba(64, 123, 255, 0.25);
  padding: 3px 10px;
}

/* AgentHistory tab strip (segmented control — kept as before) */
.profile-v2 .agent_history_mm > .flex.items-center.justify-center {
  display: flex !important;
  gap: 3px !important;
  padding: 3px !important;
  background: #f2f4f7 !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 10px !important;
  border-bottom: 1px solid #e4e7ec !important;
  margin: 0 0 12px !important;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.03);
}

.profile-v2 .agent_history_mm > .flex.items-center.justify-center h6 {
  flex: 1 1 0 !important;
  padding: 7px 8px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: none !important;
  background: transparent !important;
  font-size: 12px !important;
  color: #475467 !important;
  font-weight: 600 !important;
  text-align: center !important;
  width: auto !important;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}

.profile-v2
  .agent_history_mm
  > .flex.items-center.justify-center
  h6.text-\[\#1DA384\],
.profile-v2
  .agent_history_mm
  > .flex.items-center.justify-center
  h6[class*="border-[#1DA384]"] {
  background: #ffffff !important;
  color: #1ea384 !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),
    inset 0 0 0 1px rgba(30, 163, 132, 0.2);
}

/* ----- Agent History log list ----- */
.profile-v2 .agent_history_mm .overflow-auto {
  border: 1px solid #eceef1;
  background: #fafbfc;
  border-radius: 10px;
  padding: 8px 10px;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.profile-v2 .agent_history_mm .overflow-auto::-webkit-scrollbar {
  width: 6px;
}
.profile-v2 .agent_history_mm .overflow-auto::-webkit-scrollbar-thumb {
  background: #d0d5dd;
  border-radius: 6px;
}

.profile-v2 .agent_history_mm .overflow-auto p {
  position: relative;
  margin: 0;
  padding: 8px 10px 8px 18px;
  font-size: 11.5px;
  color: #475467;
  line-height: 1.45;
  border-bottom: 1px dashed #eaecf0;
}

.profile-v2 .agent_history_mm .overflow-auto p:last-child {
  border-bottom: none;
}

.profile-v2 .agent_history_mm .overflow-auto p::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1ea384;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.15);
}

.profile-v2 .agent_history_mm .overflow-auto p strong {
  color: #101828;
  font-weight: 700;
}

/* ----- Notes section ----- */
.profile-v2 .agent_notes_mm > .flex.items-center.justify-center {
  display: flex !important;
  margin-bottom: 10px !important;
}

.profile-v2 .agent_notes_mm > .flex.items-center.justify-center h6 {
  width: 100% !important;
  padding: 0 0 8px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid #eceef1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #475467 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.profile-v2 .agent_notes_mm > .flex.items-center.justify-center h6 i {
  color: #1ea384;
  font-size: 13px !important;
}

.profile-v2 .agent_notes_mm .overflow-auto {
  border-radius: 10px;
  scrollbar-width: thin;
  scrollbar-color: #c4c9d2 transparent;
}

.profile-v2 .agent_notes_mm .overflow-auto::-webkit-scrollbar {
  width: 6px;
}
.profile-v2 .agent_notes_mm .overflow-auto::-webkit-scrollbar-thumb {
  background: #d0d5dd;
  border-radius: 6px;
}

/* Note bubbles — original markup uses bg-[#D4E9E5] p-2 rounded-lg mb-2 */
.profile-v2 .agent_notes_mm .overflow-auto > div[class*="bg-[#D4E9E5]"] {
  background: linear-gradient(180deg, #ffffff 0%, #f6fbf9 100%) !important;
  border: 1px solid rgba(30, 163, 132, 0.18) !important;
  border-left: 3px solid #1ea384 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  margin-bottom: 8px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03);
}

.profile-v2 .agent_notes_mm .overflow-auto > div[class*="bg-[#D4E9E5]"] > p {
  font-size: 12.5px;
  color: #101828;
  line-height: 1.5;
  margin: 0 0 6px !important;
  word-break: break-word;
}

.profile-v2
  .agent_notes_mm
  .overflow-auto
  > div[class*="bg-[#D4E9E5]"]
  > .flex
  small {
  font-size: 10.5px !important;
  color: #667085 !important;
  font-weight: 500 !important;
  padding: 0 !important;
}

.profile-v2
  .agent_notes_mm
  .overflow-auto
  > div[class*="bg-[#D4E9E5]"]
  > .flex
  small.text-gray-900 {
  color: #1ea384 !important;
  font-weight: 700 !important;
  margin-right: 4px;
}

/* Notes input + send button */
.profile-v2 .agent_notes_mm .mt-3 {
  margin-top: 10px !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.profile-v2 .agent_notes_mm .mt-3 textarea {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  color: #101828 !important;
  outline: none !important;
  min-height: 36px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.profile-v2 .agent_notes_mm .mt-3 textarea::-moz-placeholder {
  color: #98a2b3 !important;
}

.profile-v2 .agent_notes_mm .mt-3 textarea::placeholder {
  color: #98a2b3 !important;
}

.profile-v2 .agent_notes_mm .mt-3 textarea:focus {
  border-color: #1ea384 !important;
  box-shadow: 0 0 0 3px rgba(30, 163, 132, 0.12) !important;
}

.profile-v2 .agent_notes_mm .mt-3 button.tag-add-btn {
  flex-shrink: 0;
  height: auto !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition:
    filter 0.15s ease,
    transform 0.1s ease;
}

.profile-v2 .agent_notes_mm .mt-3 button.tag-add-btn.bg-\[\#1DA384\] {
  background: linear-gradient(180deg, #22b894 0%, #1ea384 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.08),
    0 1px 3px rgba(30, 163, 132, 0.2);
}

.profile-v2 .agent_notes_mm .mt-3 button.tag-add-btn.bg-\[\#1DA384\]:hover {
  filter: brightness(1.04);
}

.profile-v2 .agent_notes_mm .mt-3 button.tag-add-btn.bg-\[\#BDBDBD\] {
  background: #f2f4f7 !important;
  color: #98a2b3 !important;
  cursor: not-allowed !important;
}

/* Empty-state image inside Agent History / Notes */
.profile-v2 .agent_history_mm .overflow-auto p.flex.items-center.justify-center,
.profile-v2 .agent_notes_mm .overflow-auto p.flex.items-center.justify-center {
  background: transparent;
  border: none !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  font-style: normal !important;
  min-height: 90px;
  height: auto !important;
}

.profile-v2
  .agent_history_mm
  .overflow-auto
  p.flex.items-center.justify-center::before,
.profile-v2
  .agent_notes_mm
  .overflow-auto
  p.flex.items-center.justify-center::before {
  display: none;
}

.profile-v2
  .agent_history_mm
  .overflow-auto
  p.flex.items-center.justify-center
  img,
.profile-v2
  .agent_notes_mm
  .overflow-auto
  p.flex.items-center.justify-center
  img {
  width: 64px !important;
  height: 64px !important;
  opacity: 0.55;
}

/* Load-more note button polish */
.profile-v2 .agent_notes_mm .load-more-note-button {
  background: #ffffff !important;
  color: #1ea384 !important;
  border: 1px solid rgba(30, 163, 132, 0.3) !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin: 4px auto 8px !important;
  transition: background 0.15s ease;
}

.profile-v2 .agent_notes_mm .load-more-note-button:hover {
  background: rgba(30, 163, 132, 0.08) !important;
}

/* Stats already use a robust 3-column grid that auto-fits */

.training-insights {
  border-left: 1px solid #e8ecf0;
  background: #f8fafc;
}

.training-insights--themed {
  --ti-primary: #1da384;
  --ti-text: #0f766e;
  --ti-light: rgba(29, 163, 132, 0.09);
  --ti-border: rgba(29, 163, 132, 0.28);
  --ti-icon-bg: rgba(29, 163, 132, 0.14);
}

.training-insights__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 0 14px 0 16px;
  background: #fff;
  border-bottom: 1px solid #e8ecf0;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: visible;
}

.conversation-panel-header,
.sidebar-channel-header,
.user-details-panel-header-bar,
.training-insights__header {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.training-insights__collapse {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  color: #667085;
  cursor: pointer;
  padding: 0;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.training-insights__collapse:hover {
  border-color: var(--ti-border);
  background: var(--ti-light);
  color: var(--ti-text);
}

.training-insights__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}

.training-insights__header-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--ti-text);
  background: var(--ti-light);
  border: 1px solid var(--ti-border);
  box-sizing: border-box;
  line-height: 0;
}

.training-insights__header-icon svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  display: block;
}

.training-insights__title {
  font-size: 14px;
  font-weight: 650;
  color: #101828;
  line-height: 1.2;
}

.training-insights__subtitle {
  margin-top: 2px;
  font-size: 11px;
  color: #667085;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.training-insights__close {
  border: 0;
  background: transparent;
  padding: 8px;
  border-radius: 8px;
  color: #667085;
  line-height: 0;
  flex-shrink: 0;
}

.training-insights__close:hover {
  background: #f2f4f7;
  color: #344054;
}

.training-insights__body {
  padding: 16px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.training-insights__status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

.training-insights__status-pill {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
  padding: 4px 10px;
  border-radius: 999px;
  color: #15803d;
  background: #dcfce7;
  border: 1px solid rgba(21, 128, 61, 0.2);
}

.training-insights__status-pill--warn {
  color: #b45309;
  background: #fef3c7;
  border-color: rgba(180, 83, 9, 0.25);
}

.training-insights__status-hint {
  font-size: 11px;
  color: #98a2b3;
}

.training-insights__card {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.04);
}

.training-insights__card--accent {
  border-color: var(--ti-border);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--ti-light) 65%, #fff) 0%,
    #fff 52%
  );
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 10px 24px color-mix(in srgb, var(--ti-primary) 8%, transparent);
}

.training-insights__card-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #344054;
  margin: 0 0 10px;
}

.training-insights__intent-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.training-insights__intent-wrap .intent-chip {
  max-width: 100%;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}

.training-insights__muted {
  font-size: 12px;
  color: #98a2b3;
}

.training-insights__source-row {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fcfcfd;
  padding: 10px 12px;
}

.training-insights__empty-source {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--ti-light);
  color: #667085;
  font-size: 12px;
  border: 1px dashed var(--ti-border);
}

.training-insights__icon-btn {
  border: 0;
  background: transparent;
  padding: 6px;
  border-radius: 8px;
  color: var(--ti-primary);
  line-height: 0;
}

.training-insights__icon-btn:hover {
  background: var(--ti-light);
}

.training-insights__product-btn {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
  text-align: left;
  transition: border-color 0.15s, background 0.15s;
}

.training-insights__product-btn:hover {
  border-color: var(--ti-border);
  background: var(--ti-light);
}

.training-insights__product-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  aspect-ratio: 1 / 1;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--ti-text);
  background: var(--ti-icon-bg);
  box-sizing: border-box;
  line-height: 0;
}

.training-insights__product-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}

.training-insights__tag {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-weight: 500;
}

.training-insights__cta-card {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05);
}

.training-insights__cta-card .training-insights__card-label {
  margin-bottom: 6px;
}

.training-insights__primary-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #fff !important;
  background: var(--ti-primary) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08),
    0 4px 12px color-mix(in srgb, var(--ti-primary) 22%, transparent);
  cursor: pointer;
}

.training-insights__primary-btn:hover {
  filter: brightness(0.96);
}

.training-insights__tip {
  display: flex;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid var(--ti-border);
  background: var(--ti-light);
  padding: 12px 14px;
  margin-top: 4px;
}

.training-insights__tip-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--ti-text);
  background: var(--ti-icon-bg);
  line-height: 0;
}

.training-insights__tip-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

.training-insights--themed .bg-indigo-50,
.training-insights--themed .bg-indigo-100 {
  background: var(--ti-light) !important;
  color: var(--ti-text) !important;
}

.training-insights--themed .text-indigo-700 {
  color: var(--ti-text) !important;
}

.training-insights--themed .!border-\[\#1DA3844D\],
.training-insights--themed [class*="border-[#1DA384"] {
  border-color: var(--ti-border) !important;
}

/* Training Insights modals — match bulk-assign / set-status popups */
.training-insights-modal__backdrop {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  opacity: 0.45 !important;
}

.training-insights-modal .training-insights-modal__dialog {
  max-width: 480px;
  margin: 1rem auto;
}

.training-insights-modal__content {
  overflow: visible !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(16, 24, 40, 0.16) !important;
  background: #fff !important;
}

.training-insights-modal__inner {
  position: relative;
  padding: 20px 20px 18px;
  max-height: min(88vh, 720px);
  overflow-x: hidden;
  overflow-y: auto;
}

.training-insights-modal__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}

.training-insights-modal__brand {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

.training-insights-modal__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  line-height: 0;
}

.training-insights-modal__icon svg {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}

.training-insights-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.training-insights-modal__close:hover:not(:disabled) {
  background: #f2f4f7;
  color: #475467;
}

.training-insights-modal__close:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.training-insights-modal__heading {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  line-height: 1.25;
}

.training-insights-modal__desc {
  margin: 2px 0 0;
  font-size: 12px;
  color: #667085;
  line-height: 1.4;
}

.training-insights-modal__label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #101828 !important;
  opacity: 1 !important;
}

.training-insights-modal__input {
  border-radius: 8px !important;
  border: 1px solid #d0d5dd !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  color: #101828 !important;
  box-shadow: none !important;
  background: #fff !important;
  outline: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.training-insights-modal__input:not(.training-insights-modal__input--readonly) {
  padding-right: 56px !important;
}

.training-insights-modal__textarea {
  min-height: 120px !important;
  resize: vertical;
  padding-bottom: 28px !important;
  padding-right: 12px !important;
}

.training-insights-modal__input--readonly {
  background: #f9fafb !important;
  cursor: default !important;
  padding-right: 12px !important;
}

/* Override global `.form-control:focus { border: none }` which collapses the
   1px border and makes the modal jump on click/focus. */
.training-insights-modal .form-control:focus,
.training-insights-modal__input:focus,
.training-insights-modal__input:focus-visible {
  border: 1px solid var(--ti-primary, #1da384) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--ti-primary, #1da384) 18%, transparent) !important;
}

.training-insights-modal__field {
  position: relative;
  /* Room for the focus ring so it never clips or pushes siblings */
  margin: 0;
}

.training-insights-modal .form-group {
  margin-bottom: 16px !important;
}

.training-insights-modal__counter {
  position: absolute;
  font-size: 11px;
  color: #98a2b3;
  pointer-events: none;
  line-height: 1;
}

.training-insights-modal__counter--input {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.training-insights-modal__counter--textarea {
  right: 12px;
  bottom: 10px;
  background: #fff;
  padding-left: 6px;
}

.training-insights-modal__tip-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #475467;
}

.training-insights-modal__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #f0f2f5;
}

.training-insights-modal__cancel,
.training-insights-modal__submit {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition:
    background 0.15s ease,
    opacity 0.15s ease;
}

.training-insights-modal__cancel {
  background: #fff;
  border: 1px solid #d0d5dd;
  color: #475467;
}

.training-insights-modal__cancel:hover:not(:disabled) {
  background: #f9fafb;
}

.training-insights-modal__submit {
  border: none;
  color: #fff;
  min-width: 120px;
}

.training-insights-modal__submit:hover:not(:disabled) {
  opacity: 0.92;
}

.training-insights-modal__cancel:disabled,
.training-insights-modal__submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.training-insights-modal label.form-label,
.training-insights-modal label {
  background: transparent !important;
  border-radius: 0 !important;
  color: #101828 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  opacity: 1 !important;
}

/* Reusable skeleton shimmer (see components/Common/skeletons/ShimmerBone.js) */
@keyframes cw-shimmer-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(400%);
  }
}

.shimmer-bone {
  position: relative;
  overflow: hidden;
  background-color: rgba(208, 213, 221, 0.55);
}

.shimmer-bone__band {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.96) 50%,
    transparent 100%
  );
  animation: cw-shimmer-sweep 1.35s linear infinite;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .shimmer-bone__band {
    animation: none;
  }
}

/* Messenger message meta (time + ticks) */
.messenger-message-meta svg {
  width: 16px !important;
  height: 16px !important;
}

.messenger-message-meta .messenger-tick--pending {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  min-height: 11px !important;
  opacity: 0.85;
}

.messenger-message-meta .messenger-tick--read {
  color: #0084ff !important;
}

.messenger-message-meta--sent:not(.messenger-message-meta--sent-read)
  .messenger-tick--sent,
.messenger-message-meta--sent:not(.messenger-message-meta--sent-read)
  .messenger-tick--delivered {
  color: #8a8d91 !important;
}

.messenger-message-meta--sent-read .messenger-tick--read {
  color: #0078f2 !important;
  opacity: 1;
}

.messenger-file-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 200px;
  max-width: 280px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(15, 23, 42, 0.08);
  text-decoration: none;
  color: inherit;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.messenger-file-card:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 120, 242, 0.22);
  color: inherit;
}

.messenger-file-card__icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.messenger-file-card__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.messenger-file-card__name {
  font-size: 13px;
  font-weight: 600;
  color: #050505;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messenger-file-card__ext {
  font-size: 11px;
  font-weight: 500;
  color: #65676b;
  letter-spacing: 0.03em;
}

/* ============================================================
   Right panel — channel theme (CSS vars from UserDetails.js)
   --ch-primary, --ch-text, --ch-light, --ch-border, --ch-icon-bg
   ============================================================ */

.user-details-collapsed.side,
.user-details-collapsed.user-details-themed {
  width: 0 !important;
  flex: 0 0 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 100 !important;
}

.user-details-collapsed .user-details-collapsed-inner {
  position: relative !important;
  width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

.user-details-themed .user-details-collapse-btn:hover,
.user-details-themed .user-details-panel-header-bar__toggle:hover {
  border-color: var(--ch-border) !important;
  color: var(--ch-text) !important;
  background: var(--ch-light) !important;
}

/* Header expanding tabs */
.user-details-themed
  .user-details-panel-header
  .user-details-tabs__btn::before {
  background: var(--ch-primary);
}

.user-details-themed
  .user-details-panel-header
  .user-details-tabs__btn:hover:not(.user-details-tabs__btn--active) {
  color: var(--ch-text);
  border-color: var(--ch-border);
  background: var(--ch-light);
}

.user-details-themed
  .user-details-panel-header
  .user-details-tabs__btn--active {
  border-color: var(--ch-primary);
}

/* Legacy tabs in right-body */
.user-details-themed .right-body .user-details-tabs__btn::before {
  background: var(--ch-primary);
}

.user-details-themed
  .right-body
  .user-details-tabs__btn:hover:not(.user-details-tabs__btn--active) {
  color: var(--ch-text);
  border-color: var(--ch-border);
  background: var(--ch-light);
}

.user-details-themed .right-body .user-details-tabs__btn:focus-visible {
  outline-color: var(--ch-primary);
}

.user-details-themed .right-body .user-details-tabs__btn--active {
  box-shadow: 0 2px 6px color-mix(in srgb, var(--ch-primary) 28%, transparent);
}

.user-details-themed .user-details-tabs-wrap {
  background:
    linear-gradient(180deg, var(--ch-light) 0%, transparent 80%), #ffffff;
}

/* Profile hero */
.user-details-themed .profile-hero {
  background:
    radial-gradient(120% 80% at 50% -20%, var(--ch-light) 0%, transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
}

.user-details-themed .profile-hero__avatar:not(.profile-hero__avatar--wc) {
  background: var(--ch-primary);
}

.user-details-themed .profile-hero__since {
  background: var(--ch-light);
  border-color: var(--ch-border);
}

.user-details-themed .profile-hero__since svg {
  color: var(--ch-primary);
}

.user-details-themed .profile-quick-btn:hover:not(:disabled) {
  background: var(--ch-light);
  border-color: var(--ch-border);
  color: var(--ch-text);
}

.user-details-themed .profile-stat__icon {
  background: var(--ch-icon-bg);
  color: var(--ch-primary);
}

.user-details-themed .profile-stat__icon--green {
  background: var(--ch-icon-bg);
  color: var(--ch-primary);
}

.user-details-themed .profile-section__title svg {
  color: var(--ch-primary);
}

.user-details-themed .profile-contact__copy:hover {
  background: var(--ch-light);
  color: var(--ch-primary);
  border-color: var(--ch-border);
}

.user-details-themed .profile-last-order__cta {
  background: var(--ch-primary);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

/* Tags card */
.user-details-themed .profile-v2 .tags-card__title svg {
  color: var(--ch-primary);
}

.user-details-themed .profile-v2 .tags-card__switch-btn:hover {
  color: var(--ch-text);
}

.user-details-themed .profile-v2 .tags-card__switch-btn--active,
.user-details-themed .profile-v2 .tags-card__switch-btn--active:hover {
  background: #ffffff !important;
  color: var(--ch-text) !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),
    inset 0 0 0 1px var(--ch-border);
}

.user-details-themed .profile-v2 .tags-card__input:focus,
.user-details-themed
  .profile-v2
  .tags-card__select
  .select__control--is-focused {
  border-color: var(--ch-primary) !important;
  box-shadow: 0 0 0 3px var(--ch-light) !important;
}

.user-details-themed
  .profile-v2
  .tags-card__select
  .select__option--is-selected {
  background-color: var(--ch-primary) !important;
  color: #fff !important;
}

.user-details-themed
  .profile-v2
  .tags-card__select
  .select__option--is-focused:not(.select__option--is-selected) {
  background-color: var(--ch-light) !important;
  color: #101828 !important;
}

.user-details-themed .profile-v2 .tags-card__add--active {
  background: var(--ch-primary);
  border-color: transparent;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.user-details-themed .profile-v2 .tags-card__success {
  color: var(--ch-text);
}

.user-details-themed .profile-v2 .tag-chip--custom {
  background: var(--ch-light);
  color: var(--ch-text);
  border: 1px solid var(--ch-border);
}

.user-details-themed .profile-v2 .tag-chip--custom .tag-chip__remove:hover {
  background: rgba(180, 35, 24, 0.12);
  color: #b42318;
}

/* Empty states */
.user-details-themed .user-details-empty__icon {
  background: var(--ch-icon-bg);
  color: var(--ch-primary);
}

/* Orders panel (WhatsApp tab) */
.user-details-themed .orders-panel__scope:not(.orders-panel__scope--filter) {
  background: var(--ch-light);
  border-color: var(--ch-border);
}

.user-details-themed .orders-panel__scope:not(.orders-panel__scope--filter) svg,
.user-details-themed .orders-toolbar__scope-icon,
.user-details-themed .orders-toolbar__scope .orders-panel__scope-info:hover {
  color: var(--ch-primary);
}

.user-details-themed .orders-toolbar__trigger {
  background: var(--ch-icon-bg);
  color: var(--ch-primary);
}

.user-details-themed .orders-toolbar__trigger:hover {
  background: var(--ch-light);
}

.user-details-themed .orders-toolbar__field:focus-within,
.user-details-themed .orders-search__input:focus {
  border-color: var(--ch-primary);
  box-shadow: 0 0 0 3px var(--ch-light);
}

.user-details-themed .orders-card:hover,
.user-details-themed .orders-card--selected {
  border-color: var(--ch-border);
}

.user-details-themed .orders-card__status--open,
.user-details-themed .orders-card__badge--success {
  background: var(--ch-light);
  color: var(--ch-text);
  border-color: var(--ch-border);
}

.user-details-themed .orders-load-more,
.user-details-themed .shop-toolbar__cart {
  background: var(--ch-icon-bg);
  color: var(--ch-primary);
  border-color: var(--ch-border);
}

.user-details-themed .orders-load-more:hover,
.user-details-themed .shop-toolbar__cart:hover {
  background: var(--ch-light);
}

.user-details-themed .shop-toolbar__cart-badge {
  background: var(--ch-primary);
}

.user-details-themed .shop-panel__section-title svg,
.user-details-themed .shop-toolbar__back:hover,
.user-details-themed .shop-products-header__back:hover {
  color: var(--ch-primary);
}

.user-details-themed .shop-product-card:hover {
  border-color: var(--ch-border);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ch-primary) 10%, transparent);
}

.user-details-themed .shop-product-card__add,
.user-details-themed .shop-cart__checkout,
.user-details-themed .shop-cart-item__qty-btn:hover {
  background: var(--ch-primary);
  border-color: var(--ch-primary);
}

.user-details-themed .shop-product-card__add:hover,
.user-details-themed .shop-cart__checkout:hover {
  filter: brightness(1.05);
}

.user-details-themed .shop-cart__checkout:disabled {
  background: #98a2b3;
  border-color: #98a2b3;
}

/* Agent history / notes tabs */
.user-details-themed
  .profile-v2
  .agent_history_mm
  > .flex.items-center.justify-center
  h6.text-\[\#1DA384\],
.user-details-themed
  .profile-v2
  .agent_history_mm
  > .flex.items-center.justify-center
  h6[class*="border-[#1DA384]"] {
  color: var(--ch-primary) !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.06),
    inset 0 0 0 1px var(--ch-border);
}

.user-details-themed .profile-v2 .agent_history_mm .overflow-auto p::before {
  background: var(--ch-primary);
  box-shadow: 0 0 0 3px var(--ch-light);
}

.user-details-themed
  .profile-v2
  .agent_notes_mm
  > .flex.items-center.justify-center
  h6
  i {
  color: var(--ch-primary);
}

/* Add New Number modal */
.add-contact-modal__backdrop {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  opacity: 0.45 !important;
}

.add-contact-modal .add-contact-modal__dialog {
  max-width: 400px;
  margin: 1rem auto;
}

.add-contact-modal__content {
  overflow: visible !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(16, 24, 40, 0.16) !important;
  background: #fff !important;
}

.add-contact-modal__inner {
  position: relative;
  padding: 18px 18px 16px;
  overflow: visible;
}

.add-contact-modal__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.add-contact-modal__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.add-contact-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.add-contact-modal__close:hover {
  background: #f2f4f7;
  color: #475467;
}

.add-contact-modal__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.add-contact-modal__heading {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  line-height: 1.25;
}

.add-contact-modal__desc {
  margin: 2px 0 0;
  font-size: 12px;
  color: #667085;
  line-height: 1.35;
}

.add-contact-modal__field {
  margin-bottom: 14px;
}

.add-contact-modal__label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #344054;
  background: none;
  padding: 0;
}

.add-contact-modal__label em {
  font-style: normal;
  color: #f04438;
}

.add-contact-modal__phone-shell {
  border: 1px solid #d0d5dd;
  border-radius: 9px;
  background: #fff;
  overflow: visible;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.add-contact-modal__phone-shell:focus-within {
  border-color: #25d366;
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.1);
}

.add-contact-phone {
  width: 100%;
}

.add-contact-phone.react-tel-input {
  display: flex;
  align-items: stretch;
}

.add-contact-phone .add-contact-phone__input {
  flex: 1;
  width: 100% !important;
  height: 40px !important;
  padding-left: 50px !important;
  font-size: 14px !important;
  color: #101828 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 9px 9px 0 !important;
  box-shadow: none !important;
}

.add-contact-phone .add-contact-phone__input::-moz-placeholder {
  color: #98a2b3;
}

.add-contact-phone .add-contact-phone__input::placeholder {
  color: #98a2b3;
}

.add-contact-phone .add-contact-phone__input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.add-contact-phone .add-contact-phone__flag-btn {
  background: #f9fafb !important;
  border: none !important;
  border-right: 1px solid #eaecf0 !important;
  border-radius: 9px 0 0 9px !important;
}

.add-contact-phone .add-contact-phone__flag-btn:hover,
.add-contact-phone .add-contact-phone__flag-btn.open {
  background: #f2f4f7 !important;
}

.add-contact-phone .selected-flag {
  width: 50px !important;
  padding: 0 0 0 11px !important;
  border-radius: 9px 0 0 9px !important;
}

.add-contact-phone .selected-flag:hover,
.add-contact-phone .selected-flag:focus {
  background: transparent !important;
}

.add-contact-phone .selected-flag .arrow {
  left: 22px !important;
  border-top-color: #667085 !important;
}

.add-contact-phone .add-contact-phone__dropdown {
  width: 280px !important;
  margin-top: 4px !important;
  border-radius: 9px !important;
  border: 1px solid #eaecf0 !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.12) !important;
  z-index: 999999 !important;
}

.add-contact-phone .country-list {
  z-index: 999999 !important;
}

.add-contact-phone .add-contact-phone__dropdown .search-box {
  padding: 8px !important;
}

.add-contact-phone .add-contact-phone__dropdown .search-box input {
  width: 100% !important;
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #101828 !important;
}

.add-contact-phone .country-list .country {
  padding: 7px 10px !important;
  font-size: 13px !important;
}

.add-contact-phone .country-list .country.highlight {
  background: rgba(37, 211, 102, 0.08) !important;
}

.add-contact-modal__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid #f0f2f5;
}

.add-contact-modal__cancel,
.add-contact-modal__submit {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition:
    background 0.15s ease,
    opacity 0.15s ease;
}

.add-contact-modal__cancel {
  background: #fff;
  border: 1px solid #d0d5dd;
  color: #475467;
}

.add-contact-modal__cancel:hover:not(:disabled) {
  background: #f9fafb;
}

.add-contact-modal__submit {
  border: none;
  color: #fff;
  min-width: 132px;
}

.add-contact-modal__submit:hover:not(:disabled) {
  opacity: 0.92;
}

.add-contact-modal__cancel:disabled,
.add-contact-modal__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Bulk Tickets Assign modal */
.bulk-assign-modal__backdrop {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  opacity: 0.45 !important;
}

.bulk-assign-modal .bulk-assign-modal__dialog {
  max-width: 420px;
  margin: 1rem auto;
}

.bulk-assign-modal__content {
  overflow: hidden !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(16, 24, 40, 0.16) !important;
  background: #fff !important;
}

.bulk-assign-modal__inner {
  position: relative;
  padding: 18px 18px 16px;
}

.bulk-assign-modal__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.bulk-assign-modal__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.bulk-assign-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.bulk-assign-modal__close:hover {
  background: #f2f4f7;
  color: #475467;
}

.bulk-assign-modal__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bulk-assign-modal__heading {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  line-height: 1.25;
}

.bulk-assign-modal__desc {
  margin: 2px 0 0;
  font-size: 12px;
  color: #667085;
  line-height: 1.35;
}

.bulk-assign-modal__search {
  width: 100%;
  padding: 8px 10px 8px 32px;
  font-size: 13px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  background-color: #fff;
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/search.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-bottom: 10px;
  color: #101828;
}

.bulk-assign-modal__search:focus {
  border-color: #d0d5dd;
  box-shadow: 0 0 0 3px rgba(16, 24, 40, 0.04);
}

.bulk-assign-modal__search::-moz-placeholder {
  color: #98a2b3;
}

.bulk-assign-modal__search::placeholder {
  color: #98a2b3;
}

.bulk-assign-modal__list {
  min-height: 220px;
  max-height: 280px;
  overflow-y: auto;
  padding: 2px;
  margin-bottom: 4px;
}

.bulk-assign-modal__agent {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  color: #344054;
  font-size: 13px;
  transition: background 0.15s ease;
}

.bulk-assign-modal__agent:hover {
  background: #f9fafb;
}

.bulk-assign-modal__agent--active:hover {
  background: inherit;
}

.bulk-assign-modal__radio-input {
  width: 16px;
  height: 16px;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.bulk-assign-modal__agent-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bulk-assign-modal__empty {
  padding: 24px 10px;
  text-align: center;
  font-size: 13px;
  color: #98a2b3;
}

.bulk-assign-modal__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid #f0f2f5;
}

.bulk-assign-modal__cancel,
.bulk-assign-modal__submit {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition:
    background 0.15s ease,
    opacity 0.15s ease;
}

.bulk-assign-modal__cancel {
  background: #fff;
  border: 1px solid #d0d5dd;
  color: #475467;
}

.bulk-assign-modal__cancel:hover:not(:disabled) {
  background: #f9fafb;
}

.bulk-assign-modal__submit {
  border: none;
  color: #fff;
  min-width: 132px;
}

.bulk-assign-modal__submit:hover:not(:disabled) {
  opacity: 0.92;
}

.bulk-assign-modal__cancel:disabled,
.bulk-assign-modal__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Set Status modal */
.set-status-modal__backdrop {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  opacity: 0.45 !important;
}

.set-status-modal .set-status-modal__dialog {
  max-width: 400px;
  margin: 1rem auto;
}

.set-status-modal__content {
  overflow: hidden !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 40px -12px rgba(16, 24, 40, 0.16) !important;
  background: #fff !important;
}

.set-status-modal__inner {
  position: relative;
  padding: 18px 18px 16px;
}

.set-status-modal__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.set-status-modal__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.set-status-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.set-status-modal__close:hover {
  background: #f2f4f7;
  color: #475467;
}

.set-status-modal__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.set-status-modal__heading {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #101828;
  line-height: 1.25;
}

.set-status-modal__desc {
  margin: 2px 0 0;
  font-size: 12px;
  color: #667085;
  line-height: 1.35;
}

.set-status-modal__list {
  padding: 2px;
  margin-bottom: 4px;
}

.set-status-modal__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  color: #344054;
  font-size: 13px;
  transition: background 0.15s ease;
}

.set-status-modal__option:hover {
  background: #f9fafb;
}

.set-status-modal__option--active:hover {
  background: inherit;
}

.set-status-modal__radio-input {
  width: 16px;
  height: 16px;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.set-status-modal__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.set-status-modal__label {
  flex: 1;
  min-width: 0;
}

.set-status-modal__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid #f0f2f5;
}

.set-status-modal__cancel,
.set-status-modal__submit {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition:
    background 0.15s ease,
    opacity 0.15s ease;
}

.set-status-modal__cancel {
  background: #fff;
  border: 1px solid #d0d5dd;
  color: #475467;
}

.set-status-modal__cancel:hover:not(:disabled) {
  background: #f9fafb;
}

.set-status-modal__submit {
  border: none;
  color: #fff;
  min-width: 120px;
}

.set-status-modal__submit:hover:not(:disabled) {
  opacity: 0.92;
}

.set-status-modal__cancel:disabled,
.set-status-modal__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* WA reply button — inside bubble, never outside */
.chat-list li.out .message-bubble-wrap,
.chat-list li.in .message-bubble-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.chat-message--replyable {
  position: relative;
  padding-top: 26px !important;
}

.message-menu-trigger--in-bubble {
  top: 4px !important;
  right: 4px !important;
  left: auto !important;
  transform: none !important;
}

.chat-list .out .message-menu-trigger,
.chat-list .in .message-menu-trigger {
  left: auto !important;
  right: 4px !important;
}

.message-bubble-wrap {
  max-width: 100%;
}

.chat-list .out .chat-body {
  max-width: 92%;
}

@media (max-width: 900px) {
  .chat-list .out .chat-body {
    margin-left: 0 !important;
    max-width: 90% !important;
  }

  .conversation .message {
    overflow-x: clip;
  }
}

/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@import "https://fonts.googleapis.com/css2?family=Inter&display=swap";@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:rotateX(0);--tw-rotate-y:rotateY(0);--tw-rotate-z:rotateZ(0);--tw-skew-x:skewX(0);--tw-skew-y:skewY(0);--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-50:oklch(98.5% .002 247.839);--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-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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)}}@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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.inset-0{inset:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.-top-3{top:calc(var(--spacing)*-3)}.top-1\/2{top:50%}.top-\[-8px\]{top:-8px}.top-\[9px\]{top:9px}.top-\[100px\]{top:100px}.top-\[130px\]{top:130px}.top-\[155px\]{top:155px}.-right-1{right:calc(var(--spacing)*-1)}.-right-3{right:calc(var(--spacing)*-3)}.right-\[-3px\]{right:-3px}.right-\[8px\]{right:8px}.right-\[10px\]{right:10px}.\!bottom-\[10px\]{bottom:10px!important}.left-1\/2{left:50%}.left-\[-3px\]{left:-3px}.left-\[5px\]{left:5px}.left-\[8px\]{left:8px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-\[1000\]{z-index:1000}.z-\[99999999\]{z-index:99999999}.col-1{grid-column:1}.col-2{grid-column:2}.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)}.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-4{margin-block:calc(var(--spacing)*4)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.\!me-\[2px\]{margin-inline-end:2px!important}.me-2{margin-inline-end:calc(var(--spacing)*2)}.\!mt-\[-4px\]{margin-top:-4px!important}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.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-\[34px\]{margin-top:34px}.\!mr-2{margin-right:calc(var(--spacing)*2)!important}.mr-2{margin-right:calc(var(--spacing)*2)}.\!mb-2{margin-bottom:calc(var(--spacing)*2)!important}.\!mb-6{margin-bottom:calc(var(--spacing)*6)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.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-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.\!h-\[30px\]{height:30px!important}.\!h-full{height:100%!important}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.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-64{height:calc(var(--spacing)*64)}.h-100{height:calc(var(--spacing)*100)}.h-\[10px\]{height:10px}.h-\[11px\]{height:11px}.h-\[14px\]{height:14px}.h-\[18px\]{height:18px}.h-\[24px\]{height:24px}.h-\[30px\]{height:30px}.h-\[45px\]{height:45px}.h-\[60px\]{height:60px}.h-\[65px\]{height:65px}.h-\[70px\]{height:70px}.h-\[300px\]{height:300px}.h-\[640px\]{height:640px}.h-auto{height:auto}.h-full{height:100%}.\!max-h-\[350px\]{max-height:350px!important}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\[200px\]{max-height:200px}.max-h-\[250px\]{max-height:250px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.\!min-h-\[16px\]{min-height:16px!important}.\!min-h-\[300px\]{min-height:300px!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.\!w-\[30px\]{width:30px!important}.\!w-\[350px\]{width:350px!important}.\!w-full{width:100%!important}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-7{width:calc(var(--spacing)*7)}.w-12{width:calc(var(--spacing)*12)}.w-24{width:calc(var(--spacing)*24)}.w-100{width:calc(var(--spacing)*100)}.w-\[4px\]{width:4px}.w-\[10px\]{width:10px}.w-\[11px\]{width:11px}.w-\[18px\]{width:18px}.w-\[24px\]{width:24px}.w-\[60px\]{width:60px}.w-\[65\%\]{width:65%}.w-\[80px\]{width:80px}.w-\[85\%\]{width:85%}.w-\[130px\]{width:130px}.w-\[180px\]{width:180px}.w-\[330px\]{width:330px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[55\%\]{max-width:55%}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-\[220px\]{max-width:220px}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.\!min-w-\[16px\]{min-width:16px!important}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[0\.85\]{scale:.85}.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-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-end{align-content:flex-end}.\!items-center{align-items:center!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.\!justify-between{justify-content:space-between!important}.\!justify-center{justify-content:center!important}.\!justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.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-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.\!rounded-lg{border-radius:var(--radius-lg)!important}.\!rounded-xl{border-radius:var(--radius-xl)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-tr-none{border-top-right-radius:0}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-solid{--tw-border-style:solid!important;border-style:solid!important}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-\[\#1DA384\]{border-color:#1da384!important}.\!border-\[\#1DA3844D\]{border-color:#1da3844d!important}.\!border-amber-500\/30{border-color:#f99c004d!important}@supports (color:color-mix(in lab, red, red)){.\!border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500)30%,transparent)!important}}.\!border-green-500\/30{border-color:#00c7584d!important}@supports (color:color-mix(in lab, red, red)){.\!border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)!important}}.\!border-indigo-300\/30{border-color:#a4b3ff4d!important}@supports (color:color-mix(in lab, red, red)){.\!border-indigo-300\/30{border-color:color-mix(in oklab,var(--color-indigo-300)30%,transparent)!important}}.border-\[\#1DA384\]{border-color:#1da384}.border-\[\#212529\]{border-color:#212529}.border-\[\#909090\]{border-color:#909090}.border-\[\#D0D5DD\]{border-color:#d0d5dd}.border-\[\#E4E7EC\]{border-color:#e4e7ec}.border-\[\#E8E9EB\]{border-color:#e8e9eb}.border-\[\#EAECF0\]{border-color:#eaecf0}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-pink-200{border-color:var(--color-pink-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-yellow-200{border-color:var(--color-yellow-200)}.\!bg-\[\#1DA384\]{background-color:#1da384!important}.\!bg-\[\#FFFFFF\]{background-color:#fff!important}.\!bg-\[\#bdbdbd\]{background-color:#bdbdbd!important}.\!bg-\[\#f1f2f5\]{background-color:#f1f2f5!important}.\!bg-amber-500\/10{background-color:#f99c001a!important}@supports (color:color-mix(in lab, red, red)){.\!bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)!important}}.\!bg-green-500\/10{background-color:#00c7581a!important}@supports (color:color-mix(in lab, red, red)){.\!bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)!important}}.\!bg-indigo-300\/10{background-color:#a4b3ff1a!important}@supports (color:color-mix(in lab, red, red)){.\!bg-indigo-300\/10{background-color:color-mix(in oklab,var(--color-indigo-300)10%,transparent)!important}}.\!bg-white{background-color:var(--color-white)!important}.bg-\[\#1DA384CC\]{background-color:#1da384cc}.bg-\[\#1DA384\]{background-color:#1da384}.bg-\[\#1DA3840D\]{background-color:#1da3840d}.bg-\[\#BDBDBD\]{background-color:#bdbdbd}.bg-\[\#D4E9E5\]{background-color:#d4e9e5}.bg-\[\#E1E1E1\]{background-color:#e1e1e1}.bg-\[\#EFF7FF\]{background-color:#eff7ff}.bg-\[\#F3FAF9\]{background-color:#f3faf9}.bg-\[\#F5F5F5\]{background-color:#f5f5f5}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FEE2E2\]{background-color:#fee2e2}.bg-\[\#fff\]{background-color:#fff}.bg-\[rgba\(0\,0\,0\,0\.8\)\]{background-color:#000c}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-none{background-image:none}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:calc(var(--spacing)*2)!important}.\!p-\[6px\]{padding:6px!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-6{padding:calc(var(--spacing)*6)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.\!px-6{padding-inline:calc(var(--spacing)*6)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.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)}.\!pt-8{padding-top:calc(var(--spacing)*8)!important}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.align-top{vertical-align:top}.\!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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.\!text-\[12px\]{font-size:12px!important}.\!text-\[13px\]{font-size:13px!important}.\!text-\[14px\]{font-size:14px!important}.\!text-\[16px\]{font-size:16px!important}.\!text-\[20px\]{font-size:20px!important}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[25px\]{font-size:25px}.text-\[28px\]{font-size:28px}.text-\[40px\]{font-size:40px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#0A37EE\]{color:#0a37ee!important}.\!text-\[\#1DA384\]{color:#1da384!important}.\!text-\[\#344054\]{color:#344054!important}.\!text-\[\#bdbdbd\]{color:#bdbdbd!important}.\!text-amber-700{color:var(--color-amber-700)!important}.\!text-gray-500{color:var(--color-gray-500)!important}.\!text-gray-700{color:var(--color-gray-700)!important}.\!text-green-700{color:var(--color-green-700)!important}.\!text-indigo-700{color:var(--color-indigo-700)!important}.text-\[\#000\]{color:#000}.text-\[\#1DA384\]{color:#1da384}.text-\[\#1fa283\]{color:#1fa283}.text-\[\#98A2B3\]{color:#98a2b3}.text-\[\#155EEF\]{color:#155eef}.text-\[\#101828\]{color:#101828}.text-\[\#111827\]{color:#111827}.text-\[\#212529\]{color:#212529}.text-\[\#475467\]{color:#475467}.text-\[\#647491\]{color:#647491}.text-\[\#667085\]{color:#667085}.text-\[\#808080\]{color:gray}.text-\[\#909090\]{color:#909090}.text-\[\#DC2626\]{color:#dc2626}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.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-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-pink-500{color:var(--color-pink-500)}.text-pink-600{color:var(--color-pink-600)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.\!no-underline{text-decoration-line:none!important}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.\!shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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;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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:\!flex:is(:where(.group):hover *){display:flex!important}.group-hover\:\!bg-\[\#0f100f57\]:is(:where(.group):hover *){background-color:#0f100f57!important}.group-hover\:\!bg-red-400:is(:where(.group):hover *){background-color:var(--color-red-400)!important}.hover\:\!bg-\[\#168e72\]:hover{background-color:#168e72!important}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:\!text-\[\#1DA384\]:hover{color:#1da384!important}.hover\:\!text-\[\#1ea384\]:hover{color:#1ea384!important}.hover\:\!text-\[\#168e72\]:hover{color:#168e72!important}.hover\:text-\[\#1DA384\]:hover{color:#1da384}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:underline:hover{text-decoration-line:underline}}.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-emerald-400:focus{--tw-ring-color:var(--color-emerald-400)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-end{justify-content:flex-end}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-\[14px\]{font-size:14px}}@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--bp_fold:330;--bp_mobile:600;--bp_tablet:780;--bp_desktop:1100}html,body{margin:0;padding:0;font-family:Euclid Circular B,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}.calendar-table{color:#000!important}.daterangepicker .drp-calendar.left,.daterangepicker .drp-calendar.right{height:auto!important;min-height:0!important;color:inherit!important;text-align:left!important;flex:none!important;flex-direction:unset!important;align-items:unset!important;justify-content:unset!important;background:0 0!important;border-right:none!important;border-radius:0!important;margin:0!important;padding:8px!important;display:block!important}.daterangepicker .calendar-table table{border-collapse:collapse!important;width:100%!important;display:table!important}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{display:table-cell!important}.daterangepicker td.start-date,.daterangepicker td.end-date{color:#fff!important;background:#189e83!important;border-radius:50%!important}.daterangepicker td.off{color:#999!important;background:#fff!important}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{width:40px!important;height:35px!important}@media (min-width:769px){.drp-selected{position:relative!important;left:20px!important}.cancelBtn{border:1px solid #000!important;border-radius:5px!important;margin-left:270px!important}}.applyBtn{background-color:#189e83!important;border:1px solid #000!important}.custom_dateRangePicker input{border:1px solid #ccc;border-radius:4px;transition:border-color .2s ease-in-out}.custom_dateRangePicker input:focus{box-shadow:none!important;border:1px solid #189e83!important;outline:none!important}.custom_dateRangePicker--mobile input{color:#101828;width:100%;padding-right:34px;font-size:14px}.custom_dateRangePicker--mobile{width:100%}@media (max-width:900px){.daterangepicker{max-width:min(320px,100vw - 24px);transform:translate(-50%);z-index:100000001!important;width:min(320px,100vw - 24px)!important;padding:0!important;display:block!important;left:50%!important;right:auto!important}.daterangepicker .ranges{float:none!important;width:100%!important;margin:0!important}.daterangepicker .drp-calendar{float:none!important;clear:both!important;width:100%!important;max-width:100%!important}.daterangepicker .drp-calendar.right{display:none!important}.daterangepicker .drp-calendar.left .calendar-table{width:100%;border:1px solid #ddd!important;border-radius:4px!important}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{width:36px!important;height:32px!important;font-size:12px!important}.daterangepicker .drp-buttons{text-align:center;background:#fff;border-top:1px solid #e2e8f0;clear:both!important;width:100%!important;padding:10px 12px 12px!important;display:block!important}.daterangepicker .drp-selected{text-align:center;font-size:12px;line-height:1.4;width:100%!important;margin:0!important;padding:0 0 8px!important;display:block!important;position:static!important;left:auto!important}.daterangepicker .drp-buttons .btn,.daterangepicker .cancelBtn,.daterangepicker .applyBtn{min-width:88px;float:none!important;width:auto!important;margin:0 4px!important;display:inline-block!important}.daterangepicker .cancelBtn{margin-left:0!important}}.drp-mobile-backdrop{z-index:100000002;touch-action:none;-webkit-tap-highlight-color:transparent;background:#10182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.drp-mobile-sheet{touch-action:manipulation;background:#fff;border-radius:12px;width:100%;max-width:340px;padding:18px 16px 14px;box-shadow:0 12px 40px #1018282e}.drp-mobile-sheet__title{color:#101828;margin-bottom:16px;font-size:16px;font-weight:600}.drp-mobile-sheet__field{margin-bottom:12px}.drp-mobile-sheet__label{color:#667085;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.drp-mobile-sheet__input{color:#101828;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.drp-mobile-sheet__input:focus{border-color:#189e83;outline:none;box-shadow:0 0 0 3px #189e8326}.drp-mobile-sheet__error{color:#d92d20;margin-bottom:4px;font-size:12px}.drp-mobile-sheet__actions{border-top:1px solid #e8ecf0;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.drp-mobile-sheet__btn{cursor:pointer;touch-action:manipulation;border-radius:8px;min-width:88px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:500}.drp-mobile-sheet__btn--cancel{color:#344054;background:#fff;border:1px solid #d0d5dd}.drp-mobile-sheet__btn--apply{color:#fff;background:#189e83;border:1px solid #189e83}.drp-mobile-sheet__btn--apply:active{background:#14896f}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:none!important}.ql-editor{box-shadow:none!important;border:none!important}.side-one::-webkit-scrollbar{width:4px}.side-one::-webkit-scrollbar-track{background:0 0}.side-one::-webkit-scrollbar-thumb{background:#1ea38440;border-radius:2px}.side-one::-webkit-scrollbar-thumb:hover{background:#1ea38480}.search-input-modern{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;font-size:13px!important}.search-input-modern:focus{box-shadow:none!important;border:none!important;outline:none!important}.channel-item-hover:hover{background:#f8fafc!important}.dropdown-menu-modern{border:1px solid #e2e8f0!important;border-radius:12px!important;padding:4px!important;box-shadow:0 8px 24px #0000001a!important}.sideBar-body{transition:background .15s!important}.sideBar-body:hover{background:#f8fafc!important}.gmail_drive_chip{all:unset;margin:6px 0;display:block}.gmail_drive_chip a{color:#2563eb;font-family:Euclid Circular B,sans-serif;font-size:14px;text-decoration:none}.gmail_drive_chip a span{color:#2563eb}.gmail_drive_chip img{display:none}.reply-menu{border-radius:10px;padding:6px 0;position:relative;box-shadow:0 4px 12px #00000026;z-index:10000!important;background:#fff!important}.message-bubble-wrap{vertical-align:top;max-width:100%;display:inline-block;position:relative}.chat-list li.out .message-bubble-wrap,.chat-list li.in .message-bubble-wrap{padding-left:0;padding-right:0}.chat-message--replyable{padding-top:26px!important}.message-menu-trigger{z-index:25;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;transition:opacity .12s,visibility .12s;display:flex;position:absolute}.message-menu-trigger--in-bubble{top:4px;right:4px;transform:none;left:auto!important}.message-menu-trigger--visible,.message-bubble-wrap:hover .message-menu-trigger{opacity:1;visibility:visible;pointer-events:auto}.message-reply-btn-wrap{line-height:0;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.message-reply-btn{color:#667085;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 1px 4px #10182814}.message-reply-btn:hover{color:#1a9d58;background:#f0fdf4;border-color:#bbf7d0;transform:scale(1.06);box-shadow:0 2px 8px #1a9d5824}@media (max-width:900px){.conversation .message,.mid-content.conversation .message{overflow-x:clip}.chat-list .message-box{max-width:100%;overflow:hidden}.chat-list .chat-body{width:auto!important;max-width:calc(100% - 4px)!important}.chat-list .out .chat-body{max-width:90%!important;margin-left:0!important}.chat-list li.in .message-bubble-wrap,.chat-list li.out .message-bubble-wrap{max-width:100%}.chat-list .chat-message,.chat-list .sentMediaClass{max-width:100%;overflow:hidden}.message-reply-btn{width:24px;height:24px}.ai-message-nudge__row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.ai-message-nudge__sentby{text-align:left;width:100%;white-space:normal!important}}.reply-item{color:#1a1a1a;cursor:pointer;letter-spacing:-.01em;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;border-radius:10px;justify-content:center;align-items:center;width:110px;padding:8px 20px;font-size:12px;font-weight:500;transition:box-shadow .15s,transform .12s;display:flex;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;background-color:#fff!important}.reply-item:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026,0 2px 6px #0000001a;background-color:#fff!important}.reply-item:active{transform:scale(.97);box-shadow:0 1px 4px #0000001a;background-color:#fff!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;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
.inputRow {
    margin-bottom: 32px;
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.inputRowAutoFill {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.inputRowSmall {
    margin-bottom: 32px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}

.inputRowColumn {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
}

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

.positionRelative {
    position: relative;
}

.cursorPointer {
    cursor: pointer;
}

.textAlignCenter {
    text-align: center;
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexRowCenter {
    display: flex;
    align-items: center;
}

.flexRowCenterWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

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

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

.onelinerText {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 0;
}
@charset "UTF-8";/*!
 * Bootstrap  v5.3.0-alpha3 (https://getbootstrap.com/)
 * Copyright 2011-2023 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-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-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:#adb5bd;--bs-body-color-rgb:173,181,189;--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(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173,181,189;--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-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-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,inherit)}.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;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;font-size:calc(1.275rem + .3vw);line-height:inherit}@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]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::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-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@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))}.rowsss{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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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.3333333333%}.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.6666666667%}.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:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px 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-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--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:#cbccce;--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:#bcd0c7;--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:#badce3;--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:#e6dbb9;--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:#dfc2c4;--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:#dfe0e1;--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:#373b3e;--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);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;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::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.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::file-selector-button{transition:none}}.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::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.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::file-selector-button{padding:.5rem 1rem;margin:-.5rem -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);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;-webkit-appearance:none;-moz-appearance:none;appearance:none}@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='%23adb5bd' 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);width:1em;height:1em;margin-top:.25em;vertical-align:top;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-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-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;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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;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;-webkit-appearance:none;appearance:none}@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-tertiary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;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;-moz-appearance:none;appearance:none}@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-tertiary-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));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;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::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:not(:-moz-placeholder), .form-floating>.form-control:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.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}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.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{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-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>.form-control:not(:-moz-placeholder)~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>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~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>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.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(var(--bs-border-width) * -1);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.1z'/%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.1z'/%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.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:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--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(var(--bs-border-width) * -1)}.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(var(--bs-border-width) * -1)}.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~.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{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-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.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:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.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-basis:0;flex-grow:1;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-basis:100%;flex-grow:1;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{--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='%23212529'%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-.708z'/%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='%23052c65'%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-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--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;border-color:var(--bs-accordion-btn-focus-border-color);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-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-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-collapse{border-width:0}.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-button,.accordion-flush .accordion-item .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-.708z'/%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-.708z'/%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(var(--bs-border-width) * -1)}.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:1rem}}.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-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action: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:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.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-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.414z'/%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;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);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;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{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.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:-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: ;--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:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--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{transition:transform .3s ease-out;transform:translate(0,-50px)}@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;justify-content:space-between;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:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) 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:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.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:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--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%;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;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 0z'/%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-.708z'/%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:#fff;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:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.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:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--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%)}}@media (max-width:575.98px){.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%)}}@media (max-width:575.98px){.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%)}}@media (max-width:575.98px){.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%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.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%)}}@media (max-width:767.98px){.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%)}}@media (max-width:767.98px){.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%)}}@media (max-width:767.98px){.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%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.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%)}}@media (max-width:991.98px){.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%)}}@media (max-width:991.98px){.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%)}}@media (max-width:991.98px){.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%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.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%)}}@media (max-width:1199.98px){.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%)}}@media (max-width:1199.98px){.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%)}}@media (max-width:1199.98px){.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%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.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%)}}@media (max-width:1399.98px){.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%)}}@media (max-width:1399.98px){.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%)}}@media (max-width:1399.98px){.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%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.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;justify-content:space-between;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))}.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(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1));text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))}.link-secondary{color:RGBA(var(--bs-secondary-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1));text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))}.link-success{color:RGBA(var(--bs-success-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1));text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))}.link-info{color:RGBA(var(--bs-info-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1));text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))}.link-warning{color:RGBA(var(--bs-warning-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1));text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))}.link-danger{color:RGBA(var(--bs-danger-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1));text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))}.link-light{color:RGBA(var(--bs-light-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1));text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))}.link-dark{color:RGBA(var(--bs-dark-rgb,var(--bs-link-opacity,1)));text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1));text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1));text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75));text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))}.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;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;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:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{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}.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:1px;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:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!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: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;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;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}}
.status{
	background:#49C858;
	border-radius:15px;	
	width:10px;
	height:10px;
	position:absolute;
	top:30px;
	LEFT:30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
:root {
    --sh_heading: #000000;
    --sh_subHeading: #a4b6cb;
    --sh_light_text: #343639;
    --sh_mint_green: #2bd6b8;
    --sh_input_border: #2ce38f;
    --sh_link: #2e83d8;
}