/* SDG Live, the shopper's bubble (live.js): above the dock, the person's photo and name, the message, quick replies and
   a short answer. Black and white like the dock; red only for Send. Resets use :where() and never touch :hover or
   :focus (tests/lint/unset-states.py). */
.sdg-lv{--ink:#191919;--muted:#6b6b6b;--line:#ebe5df;--beige:#cab29f;--red:#e32c2b;position:fixed;z-index:99990;right:max(16px,env(safe-area-inset-right,0px));bottom:var(--sdg-lv-bottom,16px);width:360px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:14px 14px 12px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(14,14,14,.22),0 2px 8px rgba(14,14,14,.08);font-family:inherit;font-size:14.5px;line-height:1.45;opacity:0;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.2,1)}
.sdg-lv.is-in{opacity:1;transform:none}
.sdg-lv.is-busy{pointer-events:none}
.sdg-lv.is-busy .sdg-lv__send{opacity:.6}
.sdg-lv__head{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.sdg-lv__av{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--ink);color:#fff;font-weight:800;font-size:16px}
.sdg-lv__av img{display:block;width:100%;height:100%;object-fit:cover}
.sdg-lv__av::after{content:"";position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;background:#2fb36d;border:2px solid #fff}
.sdg-lv__who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.sdg-lv__who strong{font-size:14.5px;font-weight:800;line-height:1.2}
.sdg-lv__who small{color:var(--muted);font-size:12px}
.sdg-lv .sdg-lv__x:where(*){all:unset}
.sdg-lv .sdg-lv__x{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#8a8580;cursor:pointer;transition:background-color .15s,color .15s}
.sdg-lv .sdg-lv__x svg{width:18px;height:18px;fill:currentColor}
.sdg-lv .sdg-lv__x:hover{background:#f3efeb;color:var(--ink)}
.sdg-lv .sdg-lv__x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.sdg-lv .sdg-lv__msg{margin:0 0 10px;padding:11px 14px;border-radius:4px 18px 18px 18px;background:#f4f1ee;font-size:15px;line-height:1.45;cursor:default}
.sdg-lv__chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.sdg-lv .sdg-lv__chip:where(*){all:unset}
.sdg-lv .sdg-lv__chip{box-sizing:border-box;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}
.sdg-lv .sdg-lv__chip:hover{background:var(--ink);color:#fff}
.sdg-lv .sdg-lv__chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-lv__form{display:flex;flex-direction:column;gap:8px;margin:0}
.sdg-lv__line{display:flex;gap:8px}
.sdg-lv .sdg-lv__in,.sdg-lv .sdg-lv__mail{flex:1 1 auto;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:16px;box-shadow:none}
.sdg-lv .sdg-lv__in:focus,.sdg-lv .sdg-lv__mail:focus{border-color:var(--ink);outline:none}
.sdg-lv .sdg-lv__send:where(*){all:unset}
.sdg-lv .sdg-lv__send{box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s}
.sdg-lv .sdg-lv__send:hover{background:#c52524}
.sdg-lv .sdg-lv__send:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sdg-lv__acts{display:flex;justify-content:flex-end}
.sdg-lv .sdg-lv__go:where(*){all:unset}
.sdg-lv .sdg-lv__go{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s,transform .15s}
.sdg-lv .sdg-lv__go:hover{background:#000}
.sdg-lv .sdg-lv__go:active{transform:scale(.98)}
.sdg-lv .sdg-lv__go:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-lv .sdg-lv__err{margin:0;color:var(--red);font-size:13px}
@media (max-width:600px){
  .sdg-lv{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;max-width:none;transform-origin:bottom center}
}
@media (prefers-reduced-motion:reduce){.sdg-lv,.sdg-lv *{transition:none!important}}
html.sdg-hp-open .sdg-lv{display:none}