html:not(.sbs-chat-fallback) shopify-chat::part(activator){display:none}.sbs-header-chat{position:relative;display:flex}.sbs-chat-fallback .sbs-header-chat{display:none}.sbs-header-chat__button{border:0;background:none;color:inherit;cursor:pointer}.sbs-header-chat__icon{position:relative;top:2px;display:flex}.sbs-header-chat .sbs-header-chat__button svg.icon{width:23px;height:23px;stroke-width:calc(var(--icon-stroke-width, 2px) * 27 / 23)}.sbs-header-chat__dot{position:absolute;top:-3px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--color-cart-dot);box-shadow:0 0 0 2px var(--color-nav)}.sbs-header-chat__dot[hidden]{display:none}.sbs-header-chat.is-nudging .sbs-header-chat__icon{animation:sbs-chat-hop 1s cubic-bezier(.33,1,.68,1)}@keyframes sbs-chat-hop{0%,to{transform:translateY(0)}20%{transform:translateY(-9px)}40%{transform:translateY(0)}60%{transform:translateY(-5px)}80%{transform:translateY(0)}}.sbs-header-chat__tip{--sbs-tip-line: color-mix(in srgb, var(--color-text-body) 14%, transparent);position:absolute;top:calc(100% + 12px);right:var(--sbs-chat-tip-right, -6px);z-index:10;display:grid;min-width:210px;border:1px solid var(--sbs-tip-line);padding:12px 16px 13px;background:var(--color-card-bg);box-shadow:0 10px 28px color-mix(in srgb,var(--color-text-body) 14%,transparent);color:var(--color-text-body);font-family:var(--type-base-primary),var(--type-base-fallback);letter-spacing:.04em;text-align:left;cursor:pointer;opacity:0;transform-origin:calc(100% - var(--sbs-chat-icon-center, 24px)) -8px}.sbs-header-chat__tip:before{content:"";position:absolute;top:-6px;right:calc(var(--sbs-chat-icon-center, 24px) - 6px);width:11px;height:11px;border-top:1px solid var(--sbs-tip-line);border-left:1px solid var(--sbs-tip-line);background:var(--color-card-bg);transform:rotate(45deg)}.sbs-header-chat__tip.is-shown{animation:sbs-chat-tip-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.sbs-header-chat__tip.is-leaving{animation:sbs-chat-tip-out .25s ease forwards}@keyframes sbs-chat-tip-in{0%{opacity:0;transform:translateY(-6px) scale(.86)}to{opacity:1;transform:none}}@keyframes sbs-chat-tip-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.sbs-header-chat__typing,.sbs-header-chat__tip-text{grid-area:1 / 1;transition:opacity .25s ease,transform .3s ease}.sbs-header-chat__typing{display:inline-flex;align-items:center;gap:4px;height:18px}.sbs-header-chat__typing i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:sbs-chat-typing 1s ease-in-out infinite}.sbs-header-chat__typing i:nth-child(2){animation-delay:.15s}.sbs-header-chat__typing i:nth-child(3){animation-delay:.3s}@keyframes sbs-chat-typing{0%,60%,to{opacity:.35;transform:none}30%{opacity:.9;transform:translateY(-3px)}}.sbs-header-chat__tip-text{opacity:0;transform:translateY(3px)}.sbs-header-chat__tip.is-typed .sbs-header-chat__typing{opacity:0}.sbs-header-chat__tip.is-typed .sbs-header-chat__tip-text{opacity:1;transform:none}.sbs-header-chat__tip-title{display:block;font-family:var(--type-header-primary),var(--type-header-fallback);font-size:16px;font-weight:var(--type-header-weight);letter-spacing:0;line-height:1.2}.sbs-header-chat__tip-sub{display:block;margin-top:3px;color:color-mix(in srgb,var(--color-text-body) 64%,transparent);font-size:12.5px;line-height:1.3;white-space:nowrap}.sbs-header-chat__tip-arrow{display:inline-block;transition:transform .2s ease}.sbs-header-chat__tip:hover .sbs-header-chat__tip-arrow{transform:translate(3px)}.sbs-header-chat__tip-text--reply,.sbs-header-chat__tip.is-reply .sbs-header-chat__tip-text--nudge,.sbs-header-chat__tip.is-reply .sbs-header-chat__typing{display:none}.sbs-header-chat__tip.is-reply .sbs-header-chat__tip-text--reply{display:block}.sbs-header-chat__tip[hidden]{display:none}@media(prefers-reduced-motion:reduce){.sbs-header-chat.is-nudging .sbs-header-chat__icon{animation:none}.sbs-header-chat__tip.is-shown{animation:sbs-chat-tip-fade .3s ease forwards}.sbs-header-chat__typing{display:none}.sbs-header-chat__tip-text{opacity:1;transform:none}}@keyframes sbs-chat-tip-fade{0%{opacity:0}to{opacity:1}}@media(min-width:768px){html.sbs-chat-in-header shopify-chat::part(dialog){top:var(--sbs-chat-top, 16px)!important;bottom:auto!important;max-height:calc(100dvh - var(--sbs-chat-top, 16px) - 16px)!important;transform-origin:right top!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/sbs-header-chat.css.map */