/* New widget styles*/
.mt_engagement {
  position: fixed;
  flex-direction: column;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1001;
  border: 1px solid #004494;
  gap: 16px;
  box-sizing: border-box;
}
.bookings,
.mt_chat,
.mt_engagement {
  display: none;
}
#mt_chat--LP {
  display: block;
  position: fixed;
  z-index: 1001;
}
/*Collapsed widget styles*/
.mt_engagement.collapsed {
  max-width: 100px;
  background: #F2F5F9;
  padding: 20px;
}
#mt_chat--LP.collapsed {
  right: 21px;
}
.mt_engagement.collapsed .mt_engagement__info__btn--collapse,
.mt_engagement.collapsed .mt_engagement__info__header__text,
.mt_engagement.collapsed .mt_engagement__info__body,
.mt_engagement.collapsed .mt_chat__icon__lbl,
.mt_engagement.collapsed .bookings__icon__lbl,
.mt_engagement.collapsed .edemo__icon__lbl,
.mt_engagement.collapsed svg.bookings__icon--small,
.mt_engagement.collapsed svg.edemo__icon--small,
.mt_engagement.collapsed svg.mt_chat__icon--small,
#mt_chat--LP.collapsed .mt_engagement__info__btn--collapse,
#mt_chat--LP.collapsed .mt_engagement__info__header__text,
#mt_chat--LP.collapsed .mt_engagement__info__body,
#mt_chat--LP.collapsed .mt_chat__icon__lbl,
#mt_chat--LP.collapsed .bookings__icon__lbl,
#mt_chat--LP.collapsed svg.bookings__icon--small,
#mt_chat--LP.collapsed svg.mt_chat__icon--small {
  display: none;
}
.mt_engagement.collapsed .mt_engagement__info__btn--expand,
.mt_engagement.collapsed svg.bookings__icon--lg,
.mt_engagement.collapsed svg.mt_chat__icon--lg,
#mt_chat--LP.collapsed .mt_engagement__info__btn--expand,
#mt_chat--LP.collapsed svg.bookings__icon--lg,
#mt_chat--LP.collapsed .mt_engagement__info__btn--expand {
  display: block;
}
.mt_engagement.collapsed .mt_engagement__info__header,
.mt_engagement.collapsed .bookings__icon,
.mt_engagement.collapsed .edemo__icon,
.mt_engagement.collapsed .mt_chat__icon,
#mt_chat--LP.collapsed .mt_engagement__info__header,
#mt_chat--LP.collapsed .bookings__icon,
#mt_chat--LP.collapsed .mt_chat__icon {
  justify-content: center;
}
.mt_engagement.collapsed .bookings__icon,
.mt_engagement.collapsed .edemo__icon,
.mt_engagement.collapsed .mt_chat__icon,
#mt_chat--LP.collapsed .bookings__icon,
#mt_chat--LP.collapsed .mt_chat__icon {
  padding: 10px;
}
.mt_engagement.collapsed .mt_chat.kakao .mt_chat__icon {
  gap: 0;
}
.edemo__icon.btn-edemo {
  width: 100% !important;
}
.edemo__icon.btn-edemo .edemo__icon__lbl {
  padding: 0 !important;
  border: none !important;
}
/*End collapsed widget styles*/
/*Expanded widget styles*/
.mt_engagement.expanded {
  width: 330px;
  padding: 30px;
  background: #fff;
  max-width: 100%;
}
#mt_chat--LP.expanded {
  width: 100%;
  right: 31px;
  max-width: 268px;
}
.mt_engagement.expanded .mt_engagement__info__btn--expand,
.mt_engagement.expanded svg.bookings__icon--lg,
.mt_engagement.expanded svg.edemo__icon--lg,
.mt_engagement.expanded svg.mt_chat__icon--lg,
#mt_chat--LP.expanded .mt_engagement__info__btn--expand,
#mt_chat--LP.expanded svg.bookings__icon--lg,
#mt_chat--LP.expanded svg.mt_chat__icon--lg {
  display: none;
}
.mt_engagement.expanded .mt_engagement__info__btn--collapse,
.mt_engagement.expanded svg.bookings__icon--small,
.mt_engagement.expanded svg.edemo__icon--small,
.mt_engagement.expanded svg.mt_chat__icon--small,
#mt_chat--LP.expanded .mt_engagement__info__btn--collapse,
#mt_chat--LP.expanded svg.bookings__icon--small,
#mt_chat--LP.expanded svg.mt_chat__icon--small {
  display: block;
}
.mt_engagement.expanded .bookings__icon,
.mt_engagement.expanded .edemo__icon,
.mt_engagement.expanded .mt_chat__icon,
#mt_chat--LP.expanded .bookings__icon,
#mt_chat--LP.expanded .mt_chat__icon {
  padding: 10px 16px;
}
#mt_chat--LP.expanded .mt_chat__icon--large {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.mt_engagement.expanded .mt_engagement__info__header,
#mt_chat--LP.expanded .mt_engagement__info__header {
  justify-content: space-between;
}
/*End expanded widget styles*/
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info,
.mt_engagement__info__header,
.mt_engagement__buttons {
  display: flex;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.mt_engagement__buttons,
.mt_engagement__info {
  flex-direction: column;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info__header {
  flex-direction: row;
  align-items: center;
}
.mt_engagement__info__btn--collapse,
.mt_engagement__info__btn--expand {
  cursor: pointer;
  pointer-events: auto;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info {
  gap: 10px;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info__header__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.mt_engagement__info__body {
  font-weight: 400;
}
.mt_engagement__buttons {
  gap: 16px;
}
.bookings__icon,
.edemo__icon,
.mt_chat__icon {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.bookings__icon,
.edemo__icon:not(.btn-primary) {
  border: 1px solid #004494;
  color: #004494;
  background: #fff;
}
.mt_chat__icon {
  color: #fff;
  background: #6BB847;
}
.bookings__icon__btn,
.edemo__icon__btn {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  pointer-events: auto;
}
@media (max-width: 750px) {
  .mt_engagement.expanded {
    margin: 0 25px;
    max-width: 100%;
    width: auto;
  }
  #mt_chat--LP.expanded {
    right: 56px;
    max-width: unset;
  }
  .mt_engagement__overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #mt_chat--LP.collapsed {
    max-width: unset;
  }
}