:root {
  --lwc-esColorNavBarText: black;
  --lwc-colorTextDefault: black;
  --lwc-esColorBackgroundAlt2Lighten20: #ffc7c2;
  --lwc-esColorNavBarSecondary: black;
  --lwc-colorBrandPrimaryLighten20: #464646;
  --lwc-esColorBackgroundAlt2Darken20: black;
  --lwc-colorBrandPrimaryLighten40: #747474;
  --lwc-fontFamily: 'ECB,Arial,sans-serif' !important;
  --lwc-sidebarHeight: 535px;
  --lwc-colorBrandPrimaryLighten60: #a3a3a3;
  --lwc-esColorBackgroundAlt2Lighten60: #ffe3e1;
  --lwc-esColorBackgroundAlt2Lighten40: #ffd5d1;
  --lwc-esColorBackgroundAlt2Darken60: #664a48;
  --lwc-esColorBackgroundAlt2Darken40: #996f6b;
  --lwc-colorTextDefaultLighten20: #464646;
  --lwc-colorTextDefaultLighten60: #a3a3a3;
  --lwc-colorTextDefaultLighten40: #747474;
  --lwc-colorBrandSecondaryLighten60: #ffe3e1;
  --lwc-colorBrandSecondaryDarken20: #cc948f;
  --lwc-colorBrandSecondaryLighten40: #ffd5d1;
  --lwc-colorBrandSecondaryDarken40: #996f6b;
  --lwc-colorBrandSecondaryLighten20: #ffc7c2;
  --lwc-colorBrandSecondaryDarken60: #664a48;
  --lwc-colorBrandPrimaryDarken20: #131313;
  --lwc-colorBrandPrimary: #181818;
  --lwc-colorBrandPrimaryDarken40: #0e0e0e;
  --lwc-colorBrandSecondary: black;
  --lwc-sidebarWidth: 427px;
  --lwc-colorTextDefaultDarken60: #0a0a0a;
  --lwc-colorBrandSecondaryLuminance4: #59413e;
  --lwc-colorBrandSecondaryLuminance5: #503b38;
  --lwc-colorBrandSecondaryLuminance6: #483532;
  --lwc-esColorBackgroundAlt2: black;
  --lwc-colorBrandPrimaryDarken60: #0a0a0a;
  --lwc-colorTextDefaultDarken20: #131313;
  --lwc-colorBrandSecondaryLuminance0: #87635f;
  --lwc-colorBrandSecondaryLuminance1: #7a5956;
  --lwc-colorTextDefaultDarken40: #0e0e0e;
  --lwc-colorBrandSecondaryLuminance2: #6e504d;
  --lwc-colorBrandSecondaryLuminance3: #634845;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #000000;
  font-family: "ECB", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #000000;
}

.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send {
  display: flex;
  margin: 0px 8px 0px;
  width: 45px;
  align-items: flex-start;
  flex-direction: column;
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
  border-radius: 0 !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton {
  background: black;
  border-radius: 0;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton:focus {
  box-shadow: none;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
  background-color: black;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton {
  background-color: black !important;
  border-color: black !important;
  border-radius: 0 !important;
  color: white !important;
  text-decoration: none !important;
}

button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton span {
  color: white !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton:not(:disabled):focus,
.embeddedServiceSidebar .embeddedServiceSidebarButton:not(:disabled):hover,
button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton:not(:disabled):hover,
button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton:not(:disabled):focus {
  background-color: #666666 !important;
  text-decoration: underline !important;
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover,
.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
  background-color: black;
  text-decoration: none;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:disabled {
  background: white;
  color: black;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse .label {
  color: black;
}

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover,
.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus {
  background: white;
  text-decoration: underline;
}

.embeddedServiceSidebar .sidebarHeader[embeddedService-chatHeader_chatHeader] {
  padding: 0 20px;
}

.embeddedServiceSidebar [embeddedservice-chatheader_chatheader-host] {
  background-color: white;
  border-bottom: 1px solid #e8e8e8;
}

.embeddedServiceSidebar .headerAnnouncement[embeddedService-chatHeader_chatHeader] {
  background: #f7f7f7;
}

.embeddedServiceSidebar .embeddedServiceSidebarForm.formContent {
  height: calc(100% - 85px);
}

.embeddedServiceSidebar .embeddedServiceSidebarForm.buttonWrapper {
  border-top: 1px solid #e8e8e8;
  padding: 20px;
}

.embeddedServiceSidebar .embeddedServiceSidebarForm .fieldList {
  margin: 24px 20px 20px 8px;
  padding: 0;
}

.embeddedServiceSidebar .embeddedServiceSidebarFormField .slds-style-inputtext,
.embeddedServiceSidebar .embeddedServiceSidebarFormField .slds-style-select {
  border-color: black;
  border-radius: 0;
  font-size: 16px;
  margin-top: 8px;
}

.embeddedServiceSidebar .embeddedServiceSidebarFormField .uiInput .uiLabel-left {
  color: black;
  font-size: 14px;
  line-height: 20px;
}

.embeddedServiceSidebar .embeddedServiceSidebarFormField .uiInput .required {
  color: black;
}

.embeddedServiceSidebar .embeddedServiceSidebarForm .embeddedServiceSidebarFormField {
  margin-bottom: 20px;
}

.embeddedServiceSidebar .embeddedServiceSidebarFormField .slds-style-inputtext:focus,
.embeddedServiceSidebar .embeddedServiceSidebarFormField .slds-style-select:focus {
  border: 1px solid black;
  box-shadow: inherit;
}

.embeddedServiceSidebar .embeddedServiceSidebarFormField .uiInputSelect:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPjxwYXRoIGQ9Ik0xNC4yODYuNjUzbDEuMDQ3Ljk2Mkw4IDguMzQ3LjY2NyAxLjYxNSAxLjcxNC42NTMgOCA2LjQyM2w2LjI4Ni01Ljc3eiIgZmlsbD0iIzAwMCI+PC9wYXRoPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS43MTQgMS4wNDhMOCA2LjgxOGw2LjI4Ni01Ljc3LjYxNy41NjdMOCA3Ljk1MiAxLjA5NiAxLjYxNWwuNjE4LS41Njd6IiBmaWxsPSIjMDAwIj48L3BhdGg+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yODYgMS4yNjhMOCA3LjAzOGwtNi4yODYtNS43Ny0uMzc3LjM0N0w4IDcuNzMybDYuNjYzLTYuMTE3LS4zNzctLjM0N3oiIGZpbGw9IiMwMDAiPjwvcGF0aD48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjUgMS42MTVMOCA4LjUuNSAxLjYxNSAxLjcxNC41IDggNi4yNyAxNC4yODYuNSAxNS41IDEuNjE1ek0xNC4yODYuODA2TDggNi41NzYgMS43MTQuODA3bC0uODguODA5TDggOC4xOTRsNy4xNjYtNi41OC0uODgtLjgwOHptLjc4NC44MDlMOCA4LjEwNS45MyAxLjYxNmwuNzg0LS43Mkw4IDYuNjY0bDYuMjg2LTUuNzcuNzg0Ljcyem0tLjc4NC0uMTk0TDggNy4xOTFsLTYuMjg2LTUuNzctLjIxLjE5NEw4IDcuNTc5bDYuNDk2LTUuOTY0LS4yMS0uMTk0eiIgZmlsbD0iIzAwMCI+PC9wYXRoPjwvc3ZnPg==');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 9px;
  padding: 0;
  right: 16px;
  top: calc(50% + 9px);
  width: 16px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .messageArea:focus {
  border: none;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorControls {
  border-radius: 0;
  height: 44px;
  margin: 20px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorText {
  border: 1px solid black;
  border-radius: 0;
  color: #666666;
  font-size: 16px;
  line-height: 1.3;
  padding: 8px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput {
  color: #666666;
  padding: 10px 16px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .chasitorText.textAreaIsFocused {
  border-color: black;
  color: black;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper {
  background-color: white;
  border-radius: 0 0 8px 8px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer {
  padding: 20px 0;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
  background: #f7f7f7;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatButtonItem {
  background: transparent;
  border: 1px solid black;
  border-radius: 0;
  box-shadow: none;
  margin: 2px 4px 2px 0;
  max-width: 232px;
  min-width: 32px;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage button {
  border-radius: 0;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .rich-button-item,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .rich-menu-item {
  border-radius: 0;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextTwoRows .embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextThreeRows,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextMoreThanThreeRows {
  height: auto;
  min-height: auto;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus {
  background: black;
  border-radius: 0;
  opacity: 1;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover span,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus span {
  color: white;
}

.embeddedServiceSidebar .uiButton--default:disabled {
  background: white;
}

.embeddedServiceSidebar .uiButton--default:disabled .label {
  color: black;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
  border-radius: 0;
  margin: 0 0 0 40px;
  width: calc(100% - 40px);
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type {
  border-color: black;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:active,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover:active,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus:hover {
  color: white;
}

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent li:first-child button.rich-menu-itemOptionIsClicked,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:last-of-type,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatItem .chatContent li:last-child button.rich-menu-itemOptionIsClicked {
  border-radius: 0;
}