@font-face {
    font-family: Interstate;
    src: url(https://cdn.congstar.de/libraries/@fair/fonts/interstate/interstate-light.woff2) format("woff2"), url(https://cdn.congstar.de/libraries/@fair/fonts/interstate/interstate-light.woff) format("woff");
    font-style: normal;
    font-weight: 300
  }
  
  @font-face {
    font-family: Interstate;
    src: url(https://cdn.congstar.de/libraries/@fair/fonts/interstate/interstate-bold.woff2) format("woff2"), url(https://cdn.congstar.de/libraries/@fair/fonts/interstate/interstate-bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
  }
  
  embeddedmessaging-container {
    font-family: Interstate, Arial, sans-serif !important;
  }
  
  embeddedmessaging-chat-header.containerArea {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    min-height: 56px;
  }
  
  embeddedmessaging-chat-header {
    border-bottom: 2px solid #D8D8D8 !important;
    font-weight: 700 !important;
  }
  
  embeddedmessaging-prechat-state.containerArea {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  
  .chatHeader {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-left: 24px!important;
    padding-right: 24px!important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .slds-input {
    border-radius: 12px;
    border: 2px solid #696969;
    height: 56px;
    color: #696969 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  .submit-button {
    border-radius: 48px !important;
    height: 48px !important;
    transition: opacity 0.3s ease;
  }
  
  .submit-button .submit-button-text {
    font-family: Interstate, Arial, sans-serif !important;
    font-weight: 600 !important;
  }
  
  .submit-button:hover {
    opacity: 0.75;
  }
  
  .submit-button:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none;
  }

  .submit-button:focus-visible {
    outline: 2px solid #000 !important;
    outline-offset: .2rem !important;
    text-shadow: none !important;
  }

  .slds-combobox__input.slds-input_faux.fix-slds-input_faux {
    line-height: max(1.875rem, calc(1.2em - 2px));
    height: 56px;
    border-radius: 12px;
    border: 2px solid #696969;
    align-items: center;
    color: #696969;
  }
  
  .slds-combobox__input.slds-input_faux.fix-slds-input_faux:focus-visible {
    border-color: #5bf !important;
    outline: 2px solid #121212 !important;
    outline-offset: .2rem;
  }
  
  .slds-form-element__label.slds-no-flex abbr {
    display: none;
  }
  
  .slds-form-element__label {
    color: #696969 !important;
    font-size: 16px !important;
    font-weight: 350 !important;
    line-height: 26px !important;
  }
  
  /* Override SLDS error state styling */
  .slds-has-error .slds-input,
  .slds-has-error .slds-combobox_container {
    /* Reset SLDS CSS custom properties */
    --slds-c-input-color-border: #696969 !important;
    --slds-c-input-shadow: none !important;
    --slds-c-input-color-background: white !important;
    --slds-c-input-text-color: #696969 !important;
    --slds-c-input-spacing-inlinestart: 12px !important;
  
    /* Apply consistent styling with your design */
  
    border-radius: 12px !important;
    box-shadow: none !important;
    background-color: white !important;
    background-clip: padding-box;
  }
  
  .slds-input:focus-visible, .slds-input:active, .slds-input:focus {
    border: 2px solid #5bf !important;
    outline: 2px solid #121212 !important;
    outline-offset: .2rem;
  }
  
  .slds-form-element:focus {
    border: 2px solid #5bf !important;
    outline: 2px solid #121212 !important;
    outline-offset: .2rem;
  }
  
  
  .embeddedMessagingInputFooterTextArea.slds-textarea {
    border-radius: 12px;
    border: 2px solid #696969;
    height: 56px;
    color: #696969 !important;
    line-height: 36px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #696969 !important;
    font-family: Interstate, sans-serif !important;
    border: 2px solid #696969 !important;
    padding-top: 14px;
  }
  
  .embeddedMessagingInputFooterTextArea {
    max-width: calc(100% - 50px) !important;
    width: 82% !important;
  }
  
  .embeddedMessagingInputFooterTextArea:focus-visible {
    outline: 0.15rem solid #5bf;
    outline-offset: 2px;
  }
  
  .embeddedMessagingSendButtonWrapper {
    max-width: 100%;
    right: 0 !important;
    bottom: 1.5rem !important;
  }
  
  .embeddedMessagingSendButtonWrapper:hover {
    opacity: 0.75 !important;
  }
  
  .embeddedmessaging-input-footer.slds-button:hover {
    background-color: none !important;
  }
  
  .embeddedmessaging-input-footer.slds-button:active {
    transform: scale(1.01) !important;
  }

  .embeddedMessagingSendButton,
  .embeddedmessaging-input-footer.slds-button {
    height: 48px !important;
    width: 48px !important;
    border-radius: 48px !important;
    background-color: #5bf !important;
  }

  .embeddedMessagingSendButton svg path,
  .embeddedmessaging-input-footer.slds-button svg path,
  .sendButtonIcon svg path {
    fill: #121212 !important;
  }

  .embeddedMessagingSendButton:focus-visible,
  .embeddedmessaging-input-footer.slds-button:focus-visible {
    outline: 2px solid #000 !important;
    outline-offset: 2px !important;
    border-radius: 48px !important;
  }
  
  .slds-chat-list {
    padding: 5px 24px 0 24px !important;
  }
  
  .slds-p-around_small {
    padding: 12px 24px !important;
  }
  
  .embedded-messaging-conversation-entry-listitem {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .slds-chat-message__text_outbound {
    border-radius: 16px !important;
    padding: 16px !important;
  }
  .slds-chat-message__text_inbound {
    border-radius: 16px !important;
    padding: 16px !important;
  }
  
  .headerText {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #121212 !important;
    font-family: Interstate, sans-serif !important;
    font-weight: 700 !important;
    margin-left: 0 !important;
  }
  
  .termsAndConditionsText {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #121212 !important;
    font-family: Interstate, sans-serif !important;
    font-weight: 400 !important;
  
    a {
      color: #121212 !important;
      text-decoration: underline !important;
    }
  }
  
  .slds-p-around_medium {
    padding: 24px !important;
  }
  
  svg.slds-input__icon {
    display: none;
  }
  
  .slds-required {
    display: none;
  }
  
  .optionsMenu {
    width: calc(100vw - 30px) !important;
  }
  
  .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
    bottom: 50px !important;
  }
  
  embeddedmessaging-conversation-state.containerArea {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
  }
  
  .embeddedMessagingInputTextAreaWrapper {
    flex-shrink: 1 !important;
  }
  .fileAttachmentButtonWrapper {
    flex: 1 1 auto !important;
    padding: 1rem 0 1rem 1.75rem !important;    
  }

  .fileAttachmentButtonWrapper:hover {
    opacity: .75 !important;
  }

  .paperClipIconSvg path {
    fill: #121212 !important;  
  } 

  .fileAttachmentButton {
    height: 48px !important;
    width: 48px !important;
    border-radius: 48px !important;
    background-color: #5bf !important;
    bottom: 0 !important;
    padding: 0 !important;
  }

  .fileAttachmentButtonInput:focus-visible + label.fileAttachmentButtonLabel,
  .fileAttachmentButtonInput:focus-visible ~ label.fileAttachmentButtonLabel {
    outline: 2px solid #000 !important;
    border-radius: 48px !important;
    outline-offset: 2px !important;
  }
  
  .slds-theme_success {
    background-color: #00a086 !important;
  }
  
  .confirmation-dialog-button {
    height: 58px;
    border-radius: 58px !important;
    font-weight: 700;
  }

  .confirmation-dialog-body {
    font-weight: 300;
    font-family: Interstate, sans-serif;
  }

  .embedded-messaging-automated-response {
    font-weight: 300 !important; 
    font-family: Interstate, sans-serif !important;
    font-size: .9rem !important;
  }

  .slds-chat-message__text_inbound.embedded-messaging-inbound-chat-message {
    font-size: 1rem;
    font-family: Interstate, sans-serif;
    font-weight: 300;
  }