/* Readable on both white manager bubbles and dark visitor bubbles. */
.support-chat{z-index:110;min-height:0;background:var(--support-chat-surface);-webkit-backdrop-filter:none;backdrop-filter:none}
.support-chat__header{position:absolute;z-index:3;inset:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:12px 12px 32px;border-bottom:0;background:linear-gradient(180deg,#fff 0%,rgb(255 255 255 / 92%) 56%,rgb(255 255 255 / 14%) 84%,rgb(255 255 255 / 0%) 100%);pointer-events:none}
.support-chat__heading{display:flex;grid-column:2;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px 14px;border:1px solid rgb(222 221 218 / 68%);border-radius:999px;background:rgb(255 255 255 / 62%);-webkit-backdrop-filter:saturate(120%) blur(14px);backdrop-filter:saturate(120%) blur(14px);box-shadow:0 4px 16px rgb(23 23 23 / 5%);text-align:left;pointer-events:auto}
.support-chat__heading-avatar{width:28px;height:28px;flex:none;margin-right:9px;border-radius:50%;object-fit:cover}
.support-chat__heading-copy{min-width:0}
.support-chat__header .support-chat__heading h2{overflow:hidden;max-width:100%;margin:0;font-size:15px;line-height:18px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
.support-chat__heading-copy span{display:block;overflow:hidden;color:#747471;font-size:11px;line-height:14px;text-overflow:ellipsis;white-space:nowrap}
.support-chat__close{grid-column:3;justify-self:end}
.support-chat__sound{grid-column:1;justify-self:start}
.support-chat__close,.support-chat__sound{display:grid;width:44px;height:44px;margin:0;padding:0;place-items:center;border:1px solid rgb(222 221 218 / 68%);border-radius:50%;background:rgb(255 255 255 / 62%);-webkit-backdrop-filter:saturate(120%) blur(14px);backdrop-filter:saturate(120%) blur(14px);box-shadow:0 4px 16px rgb(23 23 23 / 5%);color:#171717;cursor:pointer;pointer-events:auto;transition:background-color 160ms ease,transform 160ms ease}
.support-chat__close:hover,.support-chat__sound:hover{background:rgb(255 255 255 / 84%)}
.support-chat__close:active,.support-chat__sound:active{transform:scale(.94)}
.support-chat__sound span{display:grid;place-items:center}
.support-chat__sound span[hidden]{display:none}
.chat-peek{z-index:109}
.wave-chat-attachment{display:flex;flex-direction:column;gap:8px;min-width:0;margin-top:10px;padding:10px;border:1px solid #DEDDDA;border-radius:14px;background:#F7F6F4;color:#171717!important;text-decoration:none;white-space:normal;overflow:hidden;max-width:100%;font-size:14px;line-height:22px}
.wave-chat-attachment:hover{background:#E9EFFB;color:#0C358B!important}
.wave-chat-attachment:focus-visible{outline:2px solid #2D64D6;outline-offset:3px}
.wave-chat-attachment--image{width:260px;max-width:100%;padding:6px}
.wave-chat-attachment img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:10px;background:#fff}
.wave-chat-attachment__label{display:block;overflow-wrap:anywhere;padding:2px 4px;font-size:14px;line-height:22px}
.support-chat__messages{padding-top:6.25rem;background:var(--support-chat-canvas)}
.support-chat__messages[hidden],.support-chat__composer[hidden]{display:none}
.support-chat__day{align-self:center;margin:6px 0;color:#747471;font-size:11px;line-height:18px;text-align:center}
.support-chat__message .support-chat__bubble{min-width:0;max-width:100%;padding:10px 12px;border:1px solid #DEDDDA;border-radius:16px 16px 16px 5px;background:#fff;color:#171717}
.support-chat__message--user .support-chat__bubble{border-color:#171717;border-radius:16px 16px 5px 16px;background:#171717;color:#fff}
.support-chat__message .support-chat__author{margin:0 0 3px;color:#2D64D6;font-size:12px;font-weight:600;line-height:18px}
.support-chat__message--user .support-chat__author{color:#BFD1F7}
.support-chat__message .support-chat__text{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:15px;line-height:22px;white-space:pre-wrap;overflow-wrap:anywhere}
.support-chat__message .support-chat__text:empty{display:none}
.support-chat__message .support-chat__bubble time{display:block;margin:4px 0 0;color:#747471;font-size:11px;line-height:16px;text-align:right}
.support-chat__message--user .support-chat__bubble time{color:#B9B9B6}
.support-chat__message.is-continuation{margin-top:-9px}
.support-chat__message--support.is-continuation{padding-left:44px}
.support-chat__message.is-continuation .support-chat__bubble{border-top-left-radius:10px}
.support-chat__message--user.is-continuation .support-chat__bubble{border-top-left-radius:16px;border-top-right-radius:10px}
.support-chat__offline{position:absolute;z-index:2;inset:0;display:grid;align-content:start;gap:10px;overflow-y:auto;padding:6.25rem 22px 22px;background:#FCFAF8}
.support-chat__offline[hidden]{display:none}
.support-chat__offline h3{margin:0;color:#171717;font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.015em}
.support-chat__offline p{margin:4px 0 8px;color:#666;font-size:14px;line-height:22px}
.support-chat__offline label{color:#171717;font-size:13px;line-height:20px;font-weight:500}
.support-chat__offline input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #DEDDDA;border-radius:14px;background:#F7F6F4;color:#171717;font:inherit;font-size:16px;line-height:24px}
.support-chat__offline input::placeholder{color:#747471}
.support-chat__offline button{min-height:48px;margin-top:4px;border:0;border-radius:999px;background:#171717;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.support-chat__offline button:hover{background:#2A2A2A}.support-chat__offline button:disabled{opacity:.5;cursor:wait}
.support-chat__offline-status{min-height:18px!important;margin:0!important;color:#666!important;font-size:12px!important;line-height:18px!important}
.support-chat__sound[aria-pressed=false]{color:#747471;background:#F3F2F0}
.support-chat__sound:focus-visible{outline:2px solid #2D64D6;outline-offset:3px}
.chat-peek[hidden]{display:none}
.chat-peek{position:fixed;z-index:81;right:max(24px,env(safe-area-inset-right));bottom:calc(94px + env(safe-area-inset-bottom));width:min(300px,calc(100vw - 32px));display:flex;gap:10px;align-items:center;padding:14px 16px;text-align:left;border:1px solid #DEDDDA;border-radius:20px 20px 4px 20px;background:#FCFAF8;color:#171717;box-shadow:0 8px 30px rgb(23 23 23 / 10%);font:inherit;cursor:pointer}
.chat-peek img{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover}
.chat-peek__copy{min-width:0;flex:1;display:block}
.chat-peek strong{display:block;font-size:12px;font-weight:600;line-height:18px;color:#2D64D6}
.chat-peek__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:22px}
.chat-peek:focus-visible{outline:2px solid #2D64D6;outline-offset:3px}
@media(max-width:767px){.chat-peek{right:max(16px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}.support-chat__header{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:10px 10px 30px}.support-chat__heading{padding-inline:10px}.support-chat__messages{padding-top:5.75rem}.support-chat__offline{padding-top:5.75rem}}

/* On phones the conversation becomes a true app-like, edge-to-edge screen. */
@media(max-width:599px){
  body:has(.support-chat.is-open){overflow:hidden}
  .support-chat{
    inset:0;
    width:100vw;
    max-width:none;
    height:100dvh;
    max-height:none;
    min-height:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    transform:translateY(1rem);
    transform-origin:center bottom;
  }
  .support-chat.is-open{transform:translateY(0)}
  .support-chat__header{
    padding-top:max(10px,env(safe-area-inset-top));
    padding-right:max(10px,env(safe-area-inset-right));
    padding-left:max(10px,env(safe-area-inset-left));
  }
  .support-chat__messages{
    padding-right:max(16px,env(safe-area-inset-right));
    padding-bottom:16px;
    padding-left:max(16px,env(safe-area-inset-left));
  }
  .support-chat__offline{
    padding-right:max(22px,env(safe-area-inset-right));
    padding-bottom:max(22px,env(safe-area-inset-bottom));
    padding-left:max(22px,env(safe-area-inset-left));
  }
  .support-chat__composer{
    padding-right:max(.85rem,env(safe-area-inset-right));
    padding-bottom:max(.75rem,env(safe-area-inset-bottom));
    padding-left:max(.85rem,env(safe-area-inset-left));
  }
}