chat-ui{display:contents}.chat-ui__dimmer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:198;background-color:#0006;opacity:0;transition:opacity .3s ease;pointer-events:none}@media(max-width:767.98px){.chat-ui__dimmer{display:block}[data-open=true] .chat-ui__dimmer{opacity:1;pointer-events:auto}}.chat-panel{position:fixed;z-index:201;display:flex;flex-direction:column;background-color:var(--color-background);border:.0625rem solid var(--color-neutral-light);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}[data-open=true] .chat-panel{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}@media(min-width:768px){.chat-panel{right:1.25rem;bottom:0;width:19.0625rem;height:29.375rem;transform:translateY(.75rem)}[data-open=true] .chat-panel{transform:translateY(0)}}@media(max-width:767.98px){.chat-panel{left:0;right:0;bottom:0;width:100%;height:29.375rem;max-height:80vh;transform:translateY(100%)}[data-open=true] .chat-panel{transform:translateY(0)}}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--spacing-l) var(--spacing-xl)}.chat-panel__title{font-family:var(--font-body);font-size:var(--text-3xs);font-weight:400;line-height:1.6;text-transform:uppercase;letter-spacing:0;color:var(--color-foreground);margin:0}.chat-panel__minimize{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;border:none;cursor:pointer;color:var(--color-foreground);flex-shrink:0}.chat-panel__minimize svg{width:1rem;height:1rem;fill:currentcolor}.chat-panel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:none}.chat-panel__channel-list{display:flex;flex-direction:column;transition:none}.chat-panel__welcome-row{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-l);border-bottom:.0625rem solid var(--color-neutral-light)}.chat-panel__welcome{font-family:var(--font-body);font-size:var(--text-3xs);font-weight:400;line-height:1.6;text-transform:uppercase;letter-spacing:0;color:var(--color-foreground);margin:0}.chat-panel__channel-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:var(--spacing-m) var(--spacing-xl);background:none;border:none;border-bottom:.0625rem solid var(--color-neutral-light);cursor:pointer;text-align:left;-webkit-text-decoration:none;text-decoration:none;color:var(--color-foreground)}.chat-panel__channel-row:last-child{border-bottom:none}.chat-panel__channel-icon{display:flex;align-items:center;flex-shrink:0;width:1rem;height:1rem;color:var(--color-foreground)}.chat-panel__channel-icon svg{width:100%;height:100%}.chat-panel__channel-label{position:relative;margin-right:auto;font-family:var(--font-body);font-size:var(--text-3xs);font-weight:400;line-height:1.6;text-transform:uppercase;letter-spacing:0;white-space:nowrap}.chat-panel__channel-label:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background-color:var(--color-foreground);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.chat-panel__channel-row:hover .chat-panel__channel-label:after,.chat-panel__channel-row:focus-visible .chat-panel__channel-label:after{transform:scaleX(1)}.chat-panel__channel-caret{display:flex;align-items:center;flex-shrink:0;width:.75rem;height:.75rem;color:var(--color-foreground)}.chat-panel__channel-caret svg{width:100%;height:100%;fill:currentcolor}
/*# sourceMappingURL=/cdn/shop/t/3/assets/chat-ui.css.map */