.px-widget{--px-widget-width:22.5rem;--px-widget-panel-height:28rem;width:min(100%, var(--px-widget-width));flex-direction:column;align-items:end;gap:.75rem;display:flex}.px-widget[data-stage=hero]{min-height:calc(var(--px-widget-panel-height) + 3.5rem + .75rem);justify-content:end}@media (max-width:959px){.px-widget[data-stage=hero]{--px-widget-width:100%;--px-widget-panel-height:min(22rem, 46dvh);min-height:0}}.px-widget-panel{width:100%;height:var(--px-widget-panel-height);border:1px solid var(--border);border-radius:calc(var(--radius) * 2.2);background:var(--background);box-shadow:var(--demo-shadow);flex-direction:column;display:flex;overflow:hidden}.px-widget:not([data-open]) .px-widget-panel{visibility:hidden;pointer-events:none}.px-widget-head{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.px-widget-face{flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.px-widget-face-pixie{width:2.5rem;height:2.5rem;display:block}.px-widget-face-human{background:var(--primary-soft);width:2.5rem;height:2.5rem;color:var(--primary-soft-foreground);border-radius:9999px;font-size:1rem;font-weight:900}.px-widget-id{flex:1;min-width:0}.px-widget-title{margin:0;font-size:.875rem;font-weight:900}.px-widget-state{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success);border-radius:9999px;align-items:center;margin-top:.15rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.px-widget-scan{border-bottom:1px solid var(--border);background:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem .75rem;display:flex}.px-widget-scan-kicker{color:var(--muted-foreground);font-size:.6875rem;font-weight:700}.px-widget-scan-doc{background:var(--background);color:var(--muted-foreground);border-radius:9999px;padding:.2rem .55rem;font-size:.75rem}.px-widget-scan-doc[data-active]{background:var(--brand-soft);color:var(--brand-soft-foreground);font-weight:700}.px-widget-scan-doc[data-hit]{background:var(--success-soft,var(--brand-soft));color:var(--success)}.px-widget-thread{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.5rem;margin:0;padding:.75rem;list-style:none;display:flex;overflow:auto}.px-widget-thread::-webkit-scrollbar{width:.375rem}.px-widget-thread::-webkit-scrollbar-track{background:0 0}.px-widget-thread::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.px-widget-thread::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.px-widget-row{max-width:85%;display:flex}.px-widget-row[data-role=visitor]{align-self:end}.px-widget-row[data-role=bot],.px-widget-row[data-role=human]{align-self:start}.px-widget-bubble{border-radius:calc(var(--radius) * 1.6);margin:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.55}.px-widget-who{color:var(--muted-foreground);margin:0 0 .2rem;font-size:.6875rem;font-weight:700}.px-widget-row[data-role=visitor] .px-widget-bubble{background:var(--brand-soft);color:var(--brand-soft-foreground)}.px-widget-row[data-role=bot] .px-widget-bubble,.px-widget-row[data-role=human] .px-widget-bubble{background:color-mix(in oklch, var(--primary) 8%, var(--background));color:var(--foreground)}.px-widget-source{color:var(--muted-foreground);margin:.3rem 0 0;font-size:.6875rem}.px-widget-miss{max-width:none;color:var(--muted-foreground);align-self:center;font-size:.75rem}.px-widget-composer{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem;display:flex}.px-widget-composer>:first-child{flex:1;min-width:0}.px-widget-send-btn{flex:none}[dir=rtl] .px-widget-send-btn [data-slot=button-icon]{transform:scaleX(-1)}.px-widget-launcher{width:3.5rem;height:3.5rem;box-shadow:var(--demo-shadow)}.px-widget-launcher-pixie{width:2.5rem;height:2.5rem;display:block}.px-widget-x{width:1rem;height:1rem;display:block;position:relative}.px-widget-x:before,.px-widget-x:after{content:"";inset-inline-start:0;background:currentColor;width:100%;height:1.5px;position:absolute;top:50%}.px-widget-x:before{transform:rotate(45deg)}.px-widget-x:after{transform:rotate(-45deg)}.px-widget-replay{justify-content:center;width:100%;display:flex}.px-widget-caret{vertical-align:-.1em;background:currentColor;width:.12rem;height:.9em;margin-inline-start:.1rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.px-widget[data-open] .px-widget-panel{animation:px-widget-in .42s var(--ease-out-expo,ease) both}.px-widget-row{animation:px-widget-in .38s var(--ease-out-expo,ease) both}.px-widget-caret{animation:.7s step-end infinite px-widget-caret}.px-widget-scan-doc[data-active]{animation:.7s ease-in-out infinite px-widget-pulse}}@keyframes px-widget-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes px-widget-caret{50%{opacity:0}}@keyframes px-widget-pulse{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.px-widget-panel,.px-widget-row,.px-widget-caret,.px-widget-scan-doc{animation:none}}