.support-chat{--support-chat-offset: 2.4rem;--support-chat-width: 38rem;--support-chat-height: 64rem;--support-chat-radius: 1.2rem;--support-chat-font-size: 1.4rem;--support-chat-logo-height: 2.8rem;--support-chat-shadow: 0 1rem 3rem rgba(var(--color-shadow, 0, 0, 0), .25);position:static}.support-chat__launcher{position:fixed;right:var(--support-chat-offset);bottom:var(--support-chat-offset);z-index:998;display:inline-flex;align-items:center;gap:.8rem;min-height:5.6rem;padding:0 2rem;--buttons-radius: 2.8rem;--buttons-radius-outset: 2.8rem;box-shadow:var(--support-chat-shadow);cursor:pointer}.support-chat--icon-only .support-chat__launcher{width:5.6rem;min-width:5.6rem;padding:0;justify-content:center}.support-chat--icon-only .support-chat__launcher span{display:none}.support-chat--left .support-chat__launcher{right:auto;left:var(--support-chat-offset)}.support-chat__launcher svg{width:2.2rem;height:2.2rem;flex-shrink:0}.support-chat__launcher[hidden]{display:none}.support-chat__panel{position:fixed;right:var(--support-chat-offset);bottom:var(--support-chat-offset);z-index:999;display:flex;flex-direction:column;width:var(--support-chat-width);max-width:calc(100vw - 2 * var(--support-chat-offset));height:var(--support-chat-height);max-height:calc(100vh - 2 * var(--support-chat-offset));max-height:calc(100dvh - 2 * var(--support-chat-offset));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--support-chat-radius);box-shadow:var(--support-chat-shadow);overflow:hidden;font-family:var(--font-body-family);font-style:var(--font-body-style)}.support-chat--left .support-chat__panel{right:auto;left:var(--support-chat-offset)}.support-chat__panel[hidden]{display:none}@media screen and (max-width:749px){.support-chat--icon-only-mobile .support-chat__launcher{width:5.6rem;min-width:5.6rem;padding:0;justify-content:center}.support-chat--icon-only-mobile .support-chat__launcher span{display:none}.support-chat--text-mobile .support-chat__launcher{width:auto;min-width:calc(12rem + var(--buttons-border-width) * 2);padding:0 2rem;justify-content:center}.support-chat--text-mobile .support-chat__launcher span{display:inline}.support-chat__panel,.support-chat--left .support-chat__panel{top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border-radius:0;border:0}}.support-chat__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;background:var(--support-chat-header-bg, transparent);border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.support-chat__brand{flex:1 1 auto;display:flex;align-items:center;gap:1.2rem;min-width:0}.support-chat__header--align-center .support-chat__brand{justify-content:center}.support-chat__header--align-right .support-chat__brand{justify-content:flex-end}.support-chat__header--align-spread .support-chat__brand{justify-content:space-between}.support-chat__logo-wrap{display:flex;min-width:0;max-width:60%}.support-chat__logo{display:block;height:var(--support-chat-logo-height);width:auto;max-width:60%;object-fit:contain}.support-chat__logo-wrap .support-chat__logo{max-width:100%}.support-chat__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:1.8rem;line-height:1.3;color:var(--support-chat-header-text, rgb(var(--color-foreground)))}.support-chat__close{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:transparent;border:none;border-radius:50%;color:var(--support-chat-header-text, rgba(var(--color-foreground), .75));cursor:pointer}.support-chat__close:hover{background-color:rgba(var(--color-foreground),.1);background-color:color-mix(in srgb,currentColor 12%,transparent);color:var(--support-chat-header-text, rgb(var(--color-foreground)))}.support-chat__close:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.support-chat__close svg{width:1.6rem;height:1.6rem}.support-chat__transcript{flex:1 1 auto;overflow-y:auto;padding:1.6rem;display:flex;flex-direction:column;gap:1rem;overscroll-behavior:contain}.support-chat__intro{margin:0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.support-chat__turn,.support-chat__greeting{position:relative;--support-chat-turn-max: 88%;max-width:var(--support-chat-turn-max);padding:1rem 1.4rem;border-radius:var(--support-chat-radius);font-size:var(--support-chat-font-size);line-height:1.5;overflow-wrap:anywhere}.support-chat__copy-turn,.support-chat__copy-value{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;background:transparent;border:none;border-radius:50%;color:rgb(var(--color-foreground));opacity:.55;cursor:pointer}.support-chat__turn{--support-chat-control-bottom: calc(1rem + var(--support-chat-font-size) * .75 - 1.2rem)}.support-chat__turn:has(.support-chat__code:last-child){--support-chat-control-bottom: calc(1.8rem + var(--support-chat-font-size) * .93 * .75 - 1.2rem)}.support-chat__copy-turn{bottom:var(--support-chat-control-bottom)}.support-chat__turn--assistant>.support-chat__copy-turn{left:calc(100% + .4rem)}.support-chat__vote{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;background:transparent;border:none;border-radius:50%;color:rgb(var(--color-foreground));opacity:.55;cursor:pointer}.support-chat__turn--assistant>.support-chat__vote{bottom:var(--support-chat-control-bottom)}.support-chat__turn--assistant>.support-chat__vote--down{left:calc(100% + .4rem + 2.8rem)}.support-chat__turn--assistant>.support-chat__vote--up{left:calc(100% + 6rem)}.support-chat__turn--assistant:has(.support-chat__vote--down){max-width:calc(var(--support-chat-turn-max) - 2.8rem)}.support-chat__turn--assistant:has(.support-chat__vote--up){max-width:calc(var(--support-chat-turn-max) - 5.6rem)}.support-chat__vote svg{width:1.4rem;height:1.4rem}.support-chat__vote:hover,.support-chat__vote:focus-visible{opacity:1}.support-chat__vote:disabled{opacity:.3;cursor:default}.support-chat__vote[aria-pressed=true]{opacity:1;color:rgb(var(--color-button))}.support-chat__feedback{margin-top:.8rem}.support-chat__feedback-form{display:flex;gap:.6rem;align-items:center}.support-chat__feedback-reason{flex:1;min-width:0;padding:.5rem .8rem;font:inherit;font-size:.93em;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.6rem}.support-chat__feedback-send{padding:0;background:none;border:none;font:inherit;font-size:.93em;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.support-chat__feedback-thanks{margin:0;font-size:.93em;opacity:.75}.support-chat__rating{display:flex;align-items:center;gap:.4rem;margin-top:.6rem}.support-chat__rating-prompt{margin-right:.4rem}.support-chat__rating .support-chat__vote{position:static}.support-chat__turn--customer>.support-chat__copy-turn{right:calc(100% + .4rem)}.support-chat__copy-value{top:.4rem;right:.4rem;color:inherit}.support-chat__copy-turn:hover,.support-chat__copy-turn:focus-visible,.support-chat__copy-value:hover,.support-chat__copy-value:focus-visible{opacity:1}.support-chat__copy-turn:focus-visible,.support-chat__copy-value:focus-visible{outline:.2rem solid currentColor;outline-offset:.1rem}.support-chat__copy-turn svg,.support-chat__copy-value svg{width:1.4rem;height:1.4rem}.support-chat__copy-turn--done{opacity:1;transform:scale(1.15);transition:transform .15s ease}.support-chat__turn p,.support-chat__greeting p{margin:0 0 .8rem;white-space:pre-line;font-family:var(--font-body-family);font-style:var(--font-body-style);color:inherit}.support-chat__turn p:last-child,.support-chat__greeting p:last-child{margin-bottom:0}.support-chat__code{position:relative;margin:0 0 .8rem}.support-chat__code:last-child{margin-bottom:0}.support-chat__code pre{margin:0;padding:.8rem 3.4rem .8rem 1rem;background:rgba(var(--color-foreground),.08);background:color-mix(in srgb,currentColor 8%,transparent);border-radius:.6rem;font-size:.93em;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.support-chat__code pre,.support-chat__code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.support-chat__code code{font-size:inherit}.support-chat__turn a{color:inherit;text-decoration:underline;text-underline-offset:.2rem;overflow-wrap:anywhere}.support-chat__turn .support-chat__link{margin-top:.4rem}.support-chat__turn--customer{align-self:flex-end;background:var(--support-chat-customer-bg, rgb(var(--color-button)));color:var(--support-chat-customer-text, rgb(var(--color-button-text)));border-bottom-right-radius:.3rem}.support-chat__turn--assistant,.support-chat__greeting{align-self:flex-start;background:var(--support-chat-assistant-bg, rgba(var(--color-foreground), .06));color:var(--support-chat-assistant-text, rgb(var(--color-foreground)));border-bottom-left-radius:.3rem}.support-chat__turn--note{align-self:center;max-width:100%;padding:.6rem 1rem;background:transparent;color:rgba(var(--color-foreground),.7);font-size:1.3rem;text-align:center}.support-chat__turn--error{align-self:stretch;max-width:100%;background:transparent;border:.1rem solid rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground))}.support-chat__typing{align-self:flex-start;display:inline-flex;gap:.5rem;padding:1.2rem 1.6rem;border-radius:var(--support-chat-radius);background:var(--support-chat-assistant-bg, rgba(var(--color-foreground), .06))}.support-chat__typing[hidden]{display:none}.support-chat__typing span{width:.7rem;height:.7rem;border-radius:50%;background:var(--support-chat-assistant-text, rgba(var(--color-foreground), .5));animation:support-chat-dot 1.2s infinite ease-in-out}.support-chat__typing span:nth-child(2){animation-delay:.2s}.support-chat__typing span:nth-child(3){animation-delay:.4s}@keyframes support-chat-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-.3rem)}}.support-chat__form{display:flex;align-items:flex-end;gap:.8rem;padding:1.2rem 1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.support-chat__input{flex:1 1 auto;min-height:4.4rem;max-height:14rem;padding:1rem 1.2rem;resize:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.6rem}.support-chat__input:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.support-chat__send{flex-shrink:0;min-height:4.4rem}.support-chat__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;padding:0 1.6rem 1.2rem;padding:0 1.6rem calc(1.2rem + env(safe-area-inset-bottom,0px))}.support-chat__action{padding:.4rem .8rem;background:transparent;border:none;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.3rem;text-decoration:underline;cursor:pointer}.support-chat__action:hover{color:rgb(var(--color-foreground))}.support-chat__action[disabled]{opacity:.5;cursor:default;pointer-events:none}.support-chat__action:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.support-chat__input[disabled]{opacity:.5;cursor:not-allowed}@media screen and (max-width:749px){.support-chat--hide-mobile{display:none}}@media(prefers-reduced-motion:reduce){.support-chat__typing span{animation:none;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/support-chat.css.map */