@charset "utf-8";

#custom-gladly-chat-button #gladly-not-authenticated { visibility: hidden; }

#custom-gladly-chat-button #gladly-authenticated { visibility: hidden; }

#custom-gladly-chat-button.gladly-show { visibility: visible; }

#custom-gladly-chat-button.gladly-show #gladly-not-authenticated { visibility: hidden; }

#custom-gladly-chat-button.gladly-show.gladly-has-authenticated #gladly-authenticated { visibility: visible; }

.chat-unavailable { width: 254px; height: 108px; flex-shrink: 0; border-radius: 8px; background: var(--primary-light, #fff); box-shadow: rgba(34, 34, 34, 0.2) 0px 6px 10px 0px, rgba(34, 34, 34, 0.05) 0px -4px 10px 0px; color: var(--primary-dark, #222); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

.campaign-message { font-family: var(--webfont-primary, sans-serif); font-weight: 400; font-size: 14px; line-height: 1.42857; color: rgb(34, 34, 34); box-sizing: content-box; position: fixed; width: 167px; bottom: 26px; right: 26px; border-radius: 8px; z-index: 999; cursor: pointer; height: auto; padding-bottom: 30px; }

.campaign-message-close-button { display: inline-flex; width: 10px; height: 10px; padding: 8px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50%; background: var(--primary-dark, #222); cursor: pointer; position: absolute; top: -12px; left: 148px; border: 2px solid var(--primary-dark, #222); }

.campaign-message-text { background-color: var(--primary-light, #fff); color: var(--primary-dark, #222); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 12px 16px; display: block; border-radius: 8px; box-shadow: rgba(34, 34, 34, 0.2) 0px 6px 10px 0px, rgba(34, 34, 34, 0.05) 0px -4px 10px 0px; }

.campaign-message-svg { width: 16px; height: 10px; flex-shrink: 0; fill: var(--primary-light, #fff); bottom: 7px; left: 127px; position: relative; z-index: 104; }

.gladly-text { text-align: center; font-family: var(--webfont-primary, sans-serif); font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; color: var(--primary-light, #fff) !important; }

.unread-dot { display: inline; position: absolute; bottom: 29px; right: 3px; }

#gladlyChat_container button[data-aid="selfService-chatButton"] .overrideStyle-sc-10heg51-0.ewrblv { display: none; }

#gladlyChat_container .animateChatButton-appear-done { display: flex; justify-content: center; }

#gladlyChat_container button[data-aid="selfService-chatButton"], #gladlyChat_container button[data-aid="selfService-chatButton"]:hover { align-items: center; gap: 12px; flex-shrink: 0; background: var(--primary-dark, #222) !important; display: flex !important; width: auto !important; height: auto !important; justify-content: center !important; min-width: 87% !important; min-height: 49px !important; margin: auto 24px 24px !important; box-sizing: border-box !important; }

.chat-button-icon, .chat-button-text { z-index: 2; }

.chat-button-text { text-transform: uppercase; }

#gladlyChat_container button[data-aid="selfService-chatButton"]:focus { border-color: rgb(34, 34, 34); background: rgb(34, 34, 34); color: rgb(255, 255, 255); box-shadow: none; }

#gladlyChat_container button[data-aid="selfService-chatButton"]:focus::before { display: block; content: ""; border-color: rgb(170, 170, 170); border-width: 1px; border-radius: 0px; border-style: solid; position: absolute; inset: 1px; z-index: 1; }

#gladlyChat_container button[data-aid="selfService-chatButton"] div { display: none !important; }

#gladlyChat_container button[data-aid="selfService-chatButton"]::after { content: "Chat With Us"; text-transform: uppercase; color: var(--white, #fff); text-align: center; font-size: 12px; font-style: normal; font-weight: 600; line-height: 12px; letter-spacing: 1px; }

#gladlyChat_container button[data-aid="selfService-chatButton"], #gladlyChat_container button[data-aid="selfService-chatButton"]:focus { padding: 18px 24px; }

#gladlyChat_container .QHDDO { stroke: rgb(34, 34, 34) !important; }

@media screen and (max-width: 768px) {
  .unread-dot { bottom: 25px; }
  .campaign-message { bottom: 20px; right: 17px; padding-bottom: 32px; }
  #custom-gladly-chat-button { padding: 8px 14px; bottom: 24px; right: 16px; }
  #gladlyChat_container button[data-aid="selfService-chatButton"], #gladlyChat_container button[data-aid="selfService-chatButton"]:hover, #gladlyChat_container button[data-aid="selfService-chatButton"]:focus { margin: auto 16px 16px !important; }
  body[data-is-interrupter-on="true"][data-interrupter-variation="collapsed banner"] #custom-gladly-chat-button { bottom: 86px; }
  body[data-is-interrupter-on="true"][data-interrupter-variation="medium banner"] #custom-gladly-chat-button { bottom: 171px; }
  body[data-is-interrupter-on="true"][data-interrupter-variation="collapsed banner"] .campaign-message { bottom: 83px; }
  body[data-is-interrupter-on="true"][data-interrupter-variation="medium banner"] .campaign-message { bottom: 167px; }
}

@media screen and (max-width: 932px) and (orientation: landscape) {
  #gladlyChat_container button[data-aid="selfService-chatButton"], #gladlyChat_container button[data-aid="selfService-chatButton"]:hover, #gladlyChat_container button[data-aid="selfService-chatButton"]:focus { min-width: 95% !important; margin: 24px !important; }
}

#custom-gladly-chat-button { background: var(--primary-dark, #222); border-radius: 1000px; border: 1px solid var(--primary-light, #fff); bottom: 24px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px 0px; cursor: pointer; position: fixed; right: 24px; z-index: 998; display: flex; align-items: center; justify-content: center; padding: 0px; height: 48px !important; width: 48px !important; }

#custom-gladly-chat-button:hover, #custom-gladly-chat-button:focus { transform: scale(1.05); transition: transform 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 10px 0px; }

#custom-gladly-chat-button:hover { background: var(--primary-dark, #222); }

#custom-gladly-chat-button:focus, .campaign-message-close-button:focus { outline: white dotted 1px; outline-offset: -4px; }

#custom-gladly-chat-button .chat-icon-svg { color: var(--primary-light, #fff); display: flex; width: 24px; height: 24px; padding: 2px; justify-content: center; align-items: center; transform: translateY(2px); }