.pawshade-chat{position:fixed;right:20px;bottom:20px;z-index:9999;font-family:var(--font-body-family, sans-serif)}.pawshade-chat__bubble{width:60px;height:60px;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(var(--color-shadow),.35);transition:transform .15s ease}.pawshade-chat__bubble:hover{transform:scale(1.06)}.pawshade-chat__bubble svg{width:26px;height:26px}.pawshade-chat__bubble img.pawshade-chat__icon-open{width:32px;height:32px;object-fit:contain;display:block}.pawshade-chat__bubble .pawshade-chat__icon-close,.pawshade-chat[data-open=true] .pawshade-chat__icon-open{display:none}.pawshade-chat[data-open=true] .pawshade-chat__icon-close{display:block}.pawshade-chat__panel{position:absolute;right:0;bottom:76px;width:360px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 140px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:18px;box-shadow:0 12px 36px rgba(var(--color-shadow),.28);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.pawshade-chat[data-open=true] .pawshade-chat__panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.pawshade-chat__header{background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:16px 18px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.pawshade-chat__header-row{display:flex;align-items:center;gap:8px}.pawshade-chat__header-logo{width:22px;height:22px;object-fit:contain;border-radius:50%;background:rgb(var(--color-background));padding:3px;flex-shrink:0}.pawshade-chat__header-title{font-weight:600;font-size:15px}.pawshade-chat__header-subtitle{font-size:12px;opacity:.75}.pawshade-chat__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.pawshade-chat__msg{max-width:82%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.pawshade-chat__msg--assistant{align-self:flex-start;background:rgba(var(--color-button),.32);color:rgb(var(--color-foreground));border-bottom-left-radius:4px}.pawshade-chat__msg--user{align-self:flex-end;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-bottom-right-radius:4px}.pawshade-chat__typing{align-self:flex-start;display:flex;gap:4px;padding:10px 13px;background:rgba(var(--color-button),.32);border-radius:14px 14px 14px 4px}.pawshade-chat__typing span{width:6px;height:6px;border-radius:50%;background:rgba(var(--color-foreground),.55);animation:pawshade-chat-bounce 1.2s infinite ease-in-out}.pawshade-chat__typing span:nth-child(2){animation-delay:.15s}.pawshade-chat__typing span:nth-child(3){animation-delay:.3s}@keyframes pawshade-chat-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.pawshade-chat__form{flex-shrink:0;display:flex;gap:8px;padding:12px;border-top:1px solid rgba(var(--color-foreground),.12)}.pawshade-chat__input{flex:1;min-width:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:999px;padding:9px 14px;font-size:16px;font-family:inherit;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.pawshade-chat__input:focus{outline:none;border-color:rgba(var(--color-foreground),.45)}.pawshade-chat__send{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;display:flex;align-items:center;justify-content:center}.pawshade-chat__send:disabled{opacity:.5;cursor:default}.pawshade-chat__send svg{width:16px;height:16px}@media(max-width:480px){.pawshade-chat{right:12px;bottom:12px}.pawshade-chat__panel{position:fixed;left:12px;right:12px;bottom:84px;width:auto;max-width:none;height:min(70vh,560px);max-height:calc(100vh - 150px)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pawshade-support-chat.css.map */