@charset "utf-8";

:root { --eswIconFillColor: #FFF; --eswIconFontSize: 16px; --eswButtonBottom: 25px; --eswButtonRight: 30px; }

.embeddedMessagingFrame { height: 0px; width: 0px; position: fixed; background: transparent; border: none; outline: none; border-radius: 8px 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 20px; }

.embedded-messaging-inline { height: 100%; width: 100%; }

.embeddedMessagingFrameInline { position: relative; height: 100%; width: 100%; }

.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] { bottom: var(--eswButtonBottom,25px); right: var(--eswButtonRight,30px); margin: 0px; height: 62px; width: 62px; box-shadow: none; display: inline-block; visibility: visible; border-radius: 50%; }

.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"][dir~="rtl"] { right: 0px; left: var(--eswButtonRight,30px); }

.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"][dir~="rtl"][class~="eswExperienceSite"] { right: calc(-7em + 100vw); }

.embedded-service ~ .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] { bottom: 22px; right: 27px; }

.embedded-messaging > .embeddedMessagingFrame[class~="hasMinimizedNotification"]:not(.isMaximized) { height: 215px; width: 206px; border-radius: 0px; }

.embeddedMessagingFrame, .embeddedMessagingConversationButtonWrapper { z-index: 999; }

.embeddedMessagingPreventScrolling { overflow: hidden; position: fixed; width: 100%; height: 100%; }

.embeddedMessagingConversationButtonWrapper { display: block; position: fixed; background: transparent; box-shadow: none; overflow: visible; font-family: sans-serif; top: 0px; left: 0px; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton { position: fixed; bottom: var(--eswButtonBottom,25px); right: var(--eswButtonRight,30px); width: 56px; height: 56px; outline: 0px; border: none; border-radius: 50%; box-shadow: rgba(45, 45, 45, 0.5) 2px 2px 5px 0px; text-align: center; overflow: hidden; pointer-events: all; cursor: pointer; display: block; line-height: normal; padding: 0px; margin: 0px; font-size: var(--eswIconFontSize,16px); box-sizing: border-box; }

.embeddedMessagingGRecaptchaBanner .grecaptcha-badge { bottom: min(calc(var(--eswButtonBottom,25px) + 75px),100vh - 125px) !important; }

.embeddedMessagingGRecaptchaBanner .grecaptcha-badge[class~="isMaximized"] { bottom: min(calc(var(--eswHeight,480px) + 25px),100vh - 125px) !important; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton[dir~="rtl"] { right: 0px; left: var(--eswButtonRight,30px); transform: scaleX(-1); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton[dir~="rtl"][class~="eswExperienceSite"] { right: calc(-7em + 100vw); }

.embeddedMessagingConversationButton { background: var(--eswHeaderColor,#1A1B1E); }

.embeddedMessagingConversationButton:focus { box-shadow: 0 0 3px 3px var(--eswSecondaryColor,#005290); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton:not(.no-hover):hover { opacity: 0.6; outline: 0px; transition: 0.2s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton:active::after { transform: scale(0, 0); opacity: 0.3; transition: all; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton[class~="embeddedMessagingConversationButtonLoading"] { pointer-events: none; cursor: none; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton[class~="embeddedMessagingConversationButtonLoaded"] { box-shadow: rgba(45, 45, 45, 0.5) 2px 2px 5px 2px; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > svg.embeddedMessagingIconChat { width: 100%; height: 100%; max-height: 30px; max-width: 30px; fill: var(--eswIconFillColor); transform: scale(1) translate(0px, 1.5px); overflow: visible; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > img.embeddedMessagingIconChat { width: 100%; height: 100%; border-radius: 50%; object-fit: contain; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > svg.embeddedMessagingIconMinimize { width: 100%; height: 100%; max-height: 30px; max-width: 30px; fill: var(--eswIconFillColor); transform: scale(1.5) translate(7px, 8px); overflow: visible; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > svg.embeddedMessagingIconRefresh { width: 100%; height: 100%; max-height: 30px; max-width: 30px; fill: var(--eswIconFillColor); transform: scale(2) translate(7px, 6.5px); overflow: visible; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner { margin: 12px 17px 6px 6px; width: 40px; height: 40px; position: relative; padding-inline-start: 6px; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle { width: 32px; height: 32px; position: absolute; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle::before { content: ""; display: block; margin: 0px auto; width: 15%; height: 15%; background-color: var(--eswIconFillColor); border-radius: 100%; animation: 1.2s ease-in-out 0s infinite normal both running embeddedmessaging-loading-circle-fade-delay; }

.embeddedMessagingFilePreviewFrame { position: fixed; z-index: 2147483647; height: 100%; width: 100%; top: 0px; left: 0px; background: transparent; display: none; }

.embeddedMessagingFilePreviewFrame[class~="show"] { display: block; }

.embeddedMessagingSiteContextFrame { display: none; }

.embeddedMessagingMinimizedNotification { display: flex; position: fixed; pointer-events: all; text-decoration: none; overflow: visible; cursor: default; bottom: 102px; right: 30px; min-width: 150px; max-width: 275px; min-height: 120px; height: auto; padding: 6px; color: var(--slds-g-color-neutral-base-10,#000); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--slds-g-color-neutral-base-100,#fff); border: 1px solid var(--slds-g-color-neutral-base-90,#dedede); border-radius: 3px; box-shadow: rgba(45, 45, 45, 0.5) 2px 2px 5px 0px; outline: 0px; align-items: center; justify-content: flex-end; flex-flow: column wrap; }

.embeddedMessagingMinimizedNotification[dir~="rtl"] { right: 0px; left: 30px; }

.embeddedMessagingMinimizedNotificationTextWrapper { width: 165px; position: relative; margin: 12px; display: flex; align-items: flex-start; align-self: flex-start; justify-content: left; flex: 1 1 auto; flex-wrap: wrap; white-space: nowrap; text-overflow: ellipsis; }

.embeddedMessagingMinimizedNotificationTextWrapper > .embeddedMessagingMinimizedNotificationText { white-space: normal; text-overflow: ellipsis; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; }

.embeddedMessagingMinimizedNotificationDismissButton { color: var(--slds-g-color-brand-base-30,#005290); background-color: var(--slds-g-color-neutral-base-100,#fff); border: none; cursor: pointer; text-align: center; font-weight: 500; position: fixed; width: 70px; overflow: hidden; text-overflow: ellipsis; border-radius: 3px; align-self: end; margin: 10px; }

.embeddedMessagingMinimizedNotificationDismissButton:focus { outline: 0px; box-shadow: 0 0 3px var(--secondaryColor,#005290); }

.embeddedMessagingMinimizedNotificationDismissButtonText { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.slds-assistive-text { position: absolute !important; margin: -1px !important; border: 0px !important; padding: 0px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; text-transform: none !important; white-space: nowrap !important; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle2 { transform: rotate(30deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle3 { transform: rotate(60deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle4 { transform: rotate(90deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle5 { transform: rotate(120deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle6 { transform: rotate(150deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle7 { transform: rotate(180deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle8 { transform: rotate(210deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle9 { transform: rotate(240deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle10 { transform: rotate(270deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle11 { transform: rotate(300deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle12 { transform: rotate(330deg); }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle2::before { animation-delay: -1.1s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle3::before { animation-delay: -1s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle4::before { animation-delay: -0.9s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle5::before { animation-delay: -0.8s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle6::before { animation-delay: -0.7s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle7::before { animation-delay: -0.6s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle8::before { animation-delay: -0.5s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle9::before { animation-delay: -0.4s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle10::before { animation-delay: -0.3s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle11::before { animation-delay: -0.2s; }

.embeddedMessagingConversationButtonWrapper .embeddedMessagingLoadingSpinner .embeddedMessagingLoadingCircle12::before { animation-delay: -0.1s; }

.embeddedMessagingLiveRegion { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

@keyframes embeddedmessaging-loading-circle-fade-delay { 
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@media only screen and (min-width: 15em) and (max-width: 47.9375em) {
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] { bottom: 0px; right: 0px; margin: 16px; height: 100vh; width: 100vw; max-height: calc(-9em + 100vh); max-width: calc(-2em + 100vw); min-width: 80px; min-height: 120px; display: inline-block; visibility: visible; }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="eswExperienceSite"] { max-height: calc(-11em + 100vh); }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="eswMobilePublisher"] { max-height: calc(-6em + 100vh); }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="eswIsDesktop"] { max-height: calc(-2em + 100vh); }
  #embeddedMessagingModalOverlay[class~="isMaximized"] ~ div.embeddedMessagingConversationButtonWrapper { display: none; }
  .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > div.embeddedMessagingIconLoading { width: 33px; }
  .embedded-messaging > #embeddedMessagingModalOverlay { display: none; }
  .embedded-messaging > #embeddedMessagingModalOverlay.isMaximized { background-color: rgba(51, 51, 51, 0.48); display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; pointer-events: none; cursor: none; overflow: hidden; transition: opacity 400ms ease-in; }
  .embeddedMessagingPreventScrolling { overflow: hidden; cursor: none; }
}

@media only screen and (min-width: 48em) {
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] { bottom: 0px; right: 30px; margin: 0px; display: inline-block; visibility: visible; max-height: calc(-9em + 100vh); max-width: calc(-9em + 100vw); min-width: 80px; min-height: 120px; width: var(--eswWidth,320px); height: var(--eswHeight,480px); }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][dir~="rtl"] { right: 0px; left: 30px; }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][dir~="rtl"][class~="eswExperienceSite"] { right: calc(-29em + 100vw); }
  #embeddedMessagingModalOverlay[class~="isMaximized"] ~ div.embeddedMessagingConversationButtonWrapper { display: block; }
  .embedded-messaging > #esw-modaloverlay, .embedded-messaging > #esw-modaloverlay.isMaximized { display: none; }
  .embeddedMessagingPreventScrolling { pointer-events: auto; cursor: auto; }
}

@media only screen and (min-width: 23.125em) and (max-width: 51em) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] { bottom: 0px; right: 0px; margin: 16px; max-height: calc(-7em + 100vh); max-width: calc(-2em + 100vw); min-width: 80px; min-height: 120px; width: var(--eswWidth,100vw); height: var(--eswHeight,100vh); display: inline-block; visibility: visible; }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="eswExperienceSite"] { max-height: calc(-9em + 100vh); }
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"][class~="eswMobilePublisher"] { max-height: calc(-4em + 100vh); }
  #embeddedMessagingModalOverlay[class~="isMaximized"] ~ div.embeddedMessagingConversationButtonWrapper { display: none; }
  .embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton div[class="embeddedMessagingIconContainer"] > div.embeddedMessagingIconLoading { margin: 12px 0px; }
  .embedded-messaging > #embeddedMessagingModalOverlay { display: none; }
  .embedded-messaging > #embeddedMessagingModalOverlay.isMaximized { background-color: rgba(51, 51, 51, 0.48); display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; pointer-events: none; cursor: none; overflow: hidden; transition: opacity 400ms ease-in; }
  .embeddedMessagingPreventScrolling { overflow: hidden; cursor: none; }
}