﻿:root {
  --btn-animation:
    visibility 0.2s ease, opacity 0.615s ease, top 0.25s cubic-bezier(0.025, 0.025, 0.5, 1);
}

/* DEFAULT (no-scroll-bars) */
.signedin-holder {
  width: 100%;
  padding: 12px 0 0 0;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 100;
  display: grid;
}
.signedin-button {
  width: max-content;
  min-width: 70%;
  height: 32px;
  line-height: 16px;
  resize: none;
  border: none;
  color: #fff;
  background-color: #2d3745;
  background-image: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  transition: var(--btn-animation);
  touch-action: manipulation;
  border-radius: 8px;
  text-align: center;
  z-index: 100;
  margin: auto;
}
.signedin-divider {
  background-color: #00000043;
  box-shadow: 0px 3px 3px -1px rgba(35, 43, 54, 0.1);
  opacity: 0.35;
  width: 70%;
  height: 1px;
  display: block;
  margin: 25px auto 0 auto;
  border: none;
}
.texts-container {
  padding: 25px 0;
}
.texts-container:has(+ .conversation-timestamp-header) {
  padding-bottom: 0px;
}
.signedin-thanks-joining-strong,
.signedin-thanks-joining {
  color: #69778b;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.signedin-thanks-joining-strong {
  text-transform: uppercase;
  font-weight: 700;
}
.signedin-thanks-joining {
  font-weight: 400;
  width: 293px;
}
/* DEFAULT */

/* STICKY (has-scroll-bars) */
.sticky.signedin-holder {
  padding: 12px 0;
  position: fixed;
  box-shadow: 0px 3px 3px -1px rgba(35, 43, 54, 0.1);
}
.sticky.signedin-thanks-joining-strong {
  margin: 60px auto 0 auto;
}
/* STICKY */

/* ----------------------------- */
/* Start of Widget Default Rules Override */
/* ----------------------------- */
#header {
  z-index: 300;
  cursor: default;
  display: flex;
  position: relative;
  pointer-events: none;
}

.header-icon {
  display: none;
}

.header-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.header-title img {
  height: 100%;
}

.close-handle {
  z-index: 350;
  right: 16px;
  cursor: pointer;
  position: absolute;
  pointer-events: all;
}

#settings-handle {
  display: none !important;
}

.conversation-description {
  text-align: center;
}

#sunco-natives-btn:disabled {
  opacity: 0.8 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

#footer .input-container .message-input.single-line {
  overflow-y: auto;
}

/* Principal containers and holders */
iframe html,
iframe body,
iframe #mount,
iframe .widget-lg,
iframe .widget-md {
  width: max-content !important;
}

.widget-lg #container #wrapper,
.widget-md #container #wrapper {
  width: 100% !important;
}

#container {
  padding: 0 !important;
}

.messages {
  display: grid;
}

.unread-badge {
  display: none !important;
}

#container #webview {
  z-index: 2000;
}

#container #wrapper {
  height: 100vh !important;
}

#header .header-content {
  margin-left: 0 !important;
}

.scroll-container {
  max-width: 100vw !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.carousel-container > :last-child {
  right: 8px !important;
}

.banner-container {
  width: 100% !important;
  z-index: 100000 !important;
  margin: 12px 0 0 0 !important;
}

.connection-error-container {
  z-index: 100000000;
}
/* ----------------------------- */
/* End of Widget Default Rules Override */
/* ----------------------------- */
