.cs-uwac__popup-wrapper {
  --cs-uwac-button-height: 56px;
  --cs-uwac-button-margin: 14px;
  --cs-uwac-header-height: 104px;
  --cs-uwac-widget-margin-top-initial: 	20px;
  --cs-uwac-widget-margin-bottom-initial: 95px;
  --cs-uwac-widget-maxheight: calc(100vh - (var(--cs-uwac-button-height) + var(--cs-uwac-button-margin)));
  --cs-uwac-chatbox-bg: var(--cs-uwac-theme_content-bg,white);
  width: 350px;
  max-width: calc(100% - 50px);
  height: auto;
  max-height: var(--cs-uwac-widget-maxheight);
  pointer-events: none;
  position: fixed;
  top: var(--cs-uwac-theme_position-top, initial);
  right: var(--cs-uwac-theme_position-right, 20px);
  bottom: var(--cs-uwac-theme_position-bottom, 95px);
  left: var(--cs-uwac-theme_position-left, initial);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10000000;
  --uwac-btn-icon-display: flex;
  padding-bottom: 70px;
  /**
	 * Widget Button
	 */
  /**
	 * Widget Chat Box
	 */
  /**
	 * Widget Overlay
	 */
}
.cs-uwac__popup-wrapper * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cs-uwac__popup-wrapper a,
.cs-uwac__popup-wrapper strong {
  color: currentColor;
}
.cs-uwac__popup-wrapper.cs-uwac__active .cs-uwac__popup-overlay {
  pointer-events: initial;
  opacity: 1;
  visibility: visible;
}
.cs-uwac__popup-wrapper.cs-uwac__position--bottomright {
  --cs-uwac-widget-margin-top: 20px;
  --cs-uwac-widget-margin-bottom: var(--cs-uwac-theme_position-bottom);
  --cs-uwac-widget-maxheight: calc(100vh - var(--cs-uwac-widget-margin-top));
}
.cs-uwac__popup-wrapper.cs-uwac__position--bottomleft {
  --cs-uwac-widget-margin-top: 20px;
  --cs-uwac-widget-margin-bottom: var(--cs-uwac-theme_position-bottom);
  --cs-uwac-widget-maxheight: calc(100vh - var(--cs-uwac-widget-margin-top));
}
.cs-uwac__popup-wrapper.cs-uwac__position--bottomleft .cs-uwac__popup-btn {
  top: initial;
  right: initial;
  bottom: 0px;
  left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.cs-uwac__popup-wrapper.cs-uwac__popup--hide-label .cs-uwac__popup-btn .cs-uwac__popup-btn_txt {
  display: none !important;
}
.cs-uwac__popup-wrapper.cs-uwac__popup--gdpr-ready .cs-uwac__popup-chatbox_notice-gdpr {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn {
  position: relative;
  z-index: 10;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-icon {
  position: absolute;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-icon span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-icon span svg {
  fill: currentColor;
  color: currentColor;
  width: 100%;
  height: 100%;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-close {
  position: absolute;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-close span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-btn .cs-uwac__popup-btn_icon .cs-uwac__popup-btn_icon-close span svg {
  fill: currentColor;
  color: currentColor;
  width: 100%;
  height: 100%;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox {
  position: relative;
  z-index: 10;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_heading .cs-uwac__popup-chatbox_wazap-icon span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content {
  --cs-uwac-chatbox-height: calc(var(--cs-uwac-header-height) + var(--cs-uwac-widget-margin-top,var(--cs-uwac-widget-margin-top-initial)) + var(--cs-uwac-widget-margin-bottom,var(--cs-uwac-widget-margin-bottom-initial)) + var(--cs-uwac-button-height) + var(--cs-uwac-button-margin));
  overflow: scroll;
  height: calc(100% - 100px);
  max-height: calc(100vh - var(--cs-uwac-chatbox-height));
  /* 
			Los 240px o --cs-uwac-chatbox-height se calcularon asi:
			- 56px => alto del boton circular
			- 20px => margin-top del popup
			- 20px => margin-bottom del popup
			- 104px => alto del header del popup
			- --cs-uwac-wrapperpadding => position personalizada del popup
			- 14px => de margen entre el boton y el popup calculado restando el padding de 70px - 56px
			*/
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list {
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-wazap-icon {
  display: none;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-wazap-icon span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-img {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-img::before {
  content: attr(data-placeholder);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: white;
  color: var(--cs-uwac-account-status);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 0;
  font-size: 16px;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_avatar .cs-uwac__popup-account_avatar-img span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 48px;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_content .cs-uwac__account_name {
  font-size: 14px;
  color: #363c47;
  line-height: 1.188em !important;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_content .cs-uwac__account_label {
  font-size: 11px;
  color: #989b9f;
  padding: 2px 0 0;
  line-height: 1.125em !important;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_content .cs-uwac__account_status {
  color: white;
  font-size: 10px;
  padding: 5px 0 0;
  line-height: 1.125em !important;
  border-radius: 4px;
  background-color: var(--cs-uwac-account-status);
  padding: 3px 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 3px;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_wazap-icon {
  display: none;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-chatbox .cs-uwac__popup-chatbox_content .cs-uwac__popup-chatbox_content-list .cs-uwac__popup-chatbox_content-item .cs-uwac__popup-account .cs-uwac__popup-account_wazap-icon span {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: currentColor;
  fill: currentColor;
}
.cs-uwac__popup-wrapper .cs-uwac__popup-overlay {
  position: fixed;
  background: transparent;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}