/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
:root {
  --mSupport-color-primary: #0084ff;
  --mSupport-color-dark-primary: #0d1321;
  --mSupport-color-secondary: #0066ff;
  --mSupport-color-dark-secondary: #161e2e;
  --mSupport-color-active: #26c281;
  --mSupport-color-inactive: #f1a528;
  --mSupport-color-offline: #a4a4a4;
  --mSupport-color-message: #f1f0f0;
  --mSupport-color-light: #fff;
  --mSupport-color-dark: #222;
  --mSupport-color-dark-mode: #006289;
  --mSupport-color-dark-mode2: #0b5572;
  --mSupport-shadow: 0 7px 15px 1px rgb(55 62 70 / 7%);
}

* {
  box-sizing: border-box;
}

.wp-block-create-block-whatsapp-button.desktop {
  display: inline-flex;
}
.wp-block-create-block-whatsapp-button.tablet {
  display: inline-flex;
}
.wp-block-create-block-whatsapp-button.mSupport-mobile-only {
  display: inline-flex;
}
.wp-block-create-block-whatsapp-button.mobile {
  display: inline-flex;
}

[class*=mSupport] * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.mSupport_button.block_btn {
  border: none;
  color: var(--mSupport-text-color);
  border-radius: 5px;
  font-weight: 600;
  display: inline-flex;
  font-size: calc(16px * var(--mSupport-btn-scale, 1));
  gap: 10px;
  align-items: center;
  transition: all 0.5s;
  cursor: pointer;
  text-decoration: none !important;
  border: var(--mSupport-border);
  background-color: var(--mSupport-background);
  padding: var(--mSupport-padding);
  border-radius: var(--mSupport-border-radius);
}
.mSupport_button.block_btn i, .mSupport_button.block_btn span.dashicons {
  font-size: 20px;
  transition: all 0.5s;
  margin-right: -5px;
  color: var(--mSupport-icon-normal-color);
}
.mSupport_button.block_btn:hover {
  background-color: var(--mSupport-hover-background);
  color: var(--mSupport-text-hover-color);
}
.mSupport_button.block_btn:hover .bubble__icon {
  color: var(--mSupport-icon-hover-color);
}
.mSupport_button.block_btn:hover .bubble__icon.icon_bg {
  background-color: var(--mSupport-icon-hover-bg-color);
}
.mSupport_button.block_btn:hover .bubble__icon svg {
  fill: var(--mSupport-icon-hover-color);
}
.mSupport_button.block_btn.mSupport-btn-effect:hover {
  transform: translateY(-10px);
}
.mSupport_button.block_btn.avatar-active img, .mSupport_button.block_btn.avatar-inactive img {
  width: calc(55px * var(--mSupport-btn-scale, 1));
  height: calc(55px * var(--mSupport-btn-scale, 1));
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0;
  border: 1px solid var(--mSupport-color-light) !important;
}
.mSupport_button.block_btn.avatar-active .info-wrapper, .mSupport_button.block_btn.avatar-inactive .info-wrapper {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.mSupport_button.block_btn.avatar-active .info, .mSupport_button.block_btn.avatar-inactive .info {
  font-size: 10px;
  line-height: 1;
}
.mSupport_button.block_btn.avatar-active .mSupport_title, .mSupport_button.block_btn.avatar-inactive .mSupport_title {
  font-weight: 700;
  line-height: 1;
  font-size: 16px;
}
.mSupport_button.block_btn.avatar-active .online,
.mSupport_button.block_btn.avatar-active .offline, .mSupport_button.block_btn.avatar-inactive .online,
.mSupport_button.block_btn.avatar-inactive .offline {
  display: inline-block;
  padding: 5px;
  background-color: var(--mSupport-color-active);
  color: var(--mSupport-color-light) !important;
  font-size: 10px;
  border-radius: 5px;
  line-height: 1;
  margin-bottom: 0;
  max-width: 70px;
  text-align: center;
}
.mSupport_button.block_btn.avatar-active .offline {
  display: none;
}
.mSupport_button.block_btn.avatar-inactive {
  border: none;
}
.mSupport_button.block_btn.avatar-inactive, .mSupport_button.block_btn.avatar-inactive:hover {
  background-color: var(--mSupport-color-offline) !important;
  color: var(--mSupport-color-light) !important;
  cursor: not-allowed;
  border-color: var(--mSupport-color-dark) !important;
}
.mSupport_button.block_btn.avatar-inactive .online, .mSupport_button.block_btn.avatar-inactive:hover .online {
  display: none;
}
.mSupport_button.block_btn.avatar-inactive .offline, .mSupport_button.block_btn.avatar-inactive:hover .offline {
  background-color: var(--mSupport-color-inactive) !important;
}
.mSupport_button.block_btn .bubble__icon {
  width: calc(35px * var(--mSupport-btn-scale, 1));
  height: calc(35px * var(--mSupport-btn-scale, 1));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 999;
  transition: all 0.4s;
  border: none;
  line-height: 0;
  left: -10px;
  color: var(--mSupport-icon-normal-color);
  border-radius: var(--mSupport-icon-border-radius);
  border: var(--mSupport-icon-border);
}
.mSupport_button.block_btn .bubble__icon i {
  font-size: calc(20px * var(--mSupport-btn-scale, 1));
}
.mSupport_button.block_btn .bubble__icon.icon_bg {
  left: 0;
  background-color: var(--mSupport-color-light);
  color: var(--mSupport-color-primary);
}
.mSupport_button.block_btn.mSupport_button_advance img {
  border-radius: var(--mSupport-icon-border-radius);
  border: var(--mSupport-icon-border) !important;
}

@media screen and (max-width: 991px) {
  .desktop {
    display: none;
  }
}

@media screen and (min-width: 991px) {
  .tablet {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .tablet {
    display: none;
  }
}

@media screen and (min-width: 576px) {
  .mSupport-mobile-only {
    display: none;
  }
}

@media screen and (min-width: 991px) {
  .mobile {
    display: none;
  }
}

.avatar-inactive a {
  display: none;
}

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

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

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

.mSupportButtons {
  text-decoration: none;
}

.wp-block-block-course-buttons.block-button-wrapper,
.wp-block-create-block-whatsapp-button.block-button-wrapper {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.wp-block-block-course-buttons .block-button-title,
.wp-block-create-block-whatsapp-button .block-button-title {
  margin: 0;
  flex-grow: 1;
  border: none;
  padding: 15px 20px;
  border-radius: 40px;
  cursor: pointer;
}
.wp-block-block-course-buttons span,
.wp-block-create-block-whatsapp-button span {
  font-size: inherit;
  width: auto;
  height: auto;
}

.button-wrapper {
  margin-bottom: 16px;
}

.mSupport-editor {
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
}

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

.mSupportButtons.avatar-inactive a,
.mSupport.avatar-inactive a {
  display: none;
}
