chat-widget{--chat-accent: var(--color-accent);--chat-accent-fg: var(--color-accent-contrast);--chat-gap: 1rem;--chat-size: 3.5rem;--chat-sticky: 0px;--chat-banner-offset: 0px;--chat-cookie: 0px;--chat-bottom: calc(var(--chat-gap) + env(safe-area-inset-bottom, 0px) + var(--chat-sticky) + var(--chat-banner-offset) + var(--chat-cookie));--chat-ease: var(--ease-soft, cubic-bezier(.33, 1, .68, 1));--chat-spring: var(--ease-spring, cubic-bezier(.34, 1.36, .64, 1));display:contents}chat-widget.chat--cocoa{--chat-accent: var(--color-dark);--chat-accent-fg: var(--color-oat)}chat-widget.chat--blush{--chat-accent: var(--color-blush);--chat-accent-fg: var(--color-text)}html.has-sticky-atc chat-widget{--chat-sticky: var(--sticky-atc-height, 4.5rem)}@media(max-width:749px){body.has-cookie-banner chat-widget{--chat-sticky: 0px;--chat-cookie: var(--cookie-banner-h, 0px)}}@media(min-width:750px){body.has-cookie-banner--center chat-widget,html.has-chat--left body.has-cookie-banner--left chat-widget,html.has-chat--right body.has-cookie-banner--right chat-widget{--chat-cookie: calc(var(--cookie-banner-h, 0px) + .75rem)}}@media(max-width:749px){chat-widget[data-hide-mobile]{display:none}}@media(min-width:990px){chat-widget{--chat-gap: 1.5rem}}.chat__launcher{position:fixed;z-index:85;inset-block-end:var(--chat-bottom);inset-inline-end:var(--chat-gap);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-inline-size:var(--chat-size);block-size:var(--chat-size);padding:0;border:0;border-radius:var(--radius-pill, 999px);background:linear-gradient(180deg,#ffffff38,#fff0 60%),var(--chat-accent);color:var(--chat-accent-fg);font-family:var(--font-body-family);font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000014,0 1px 2px rgb(var(--shadow-rgb) / .12),0 8px 16px -6px rgb(var(--shadow-rgb) / .22),0 22px 40px -18px rgb(var(--shadow-rgb) / .4);opacity:0;transform:translate3d(0,.75rem,0) scale(.92);transition:opacity calc(.36s * var(--motion-scale, 1)) var(--chat-ease),transform calc(.52s * var(--motion-scale, 1)) var(--chat-spring),box-shadow calc(.24s * var(--motion-scale, 1)) var(--chat-ease),inset-block-end var(--duration-base, .28s) var(--chat-ease);-webkit-tap-highlight-color:transparent}.chat__launcher[hidden]{display:none}chat-widget[data-side=left] .chat__launcher{inset-inline:var(--chat-gap) auto}chat-widget.is-ready .chat__launcher{opacity:1;transform:none}chat-widget.is-ready.is-obscured .chat__launcher{opacity:0;transform:translate3d(0,.5rem,0) scale(.9);pointer-events:none}@media(hover:hover){chat-widget.is-ready .chat__launcher:hover{transform:translate3d(0,-2px,0);box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000014,0 2px 4px rgb(var(--shadow-rgb) / .12),0 12px 22px -8px rgb(var(--shadow-rgb) / .26),0 30px 50px -20px rgb(var(--shadow-rgb) / .44)}}chat-widget.is-ready .chat__launcher:active{transform:translate3d(0,1px,0) scale(.97);box-shadow:inset 0 2px 4px #0000001f,0 1px 2px rgb(var(--shadow-rgb) / .14),0 4px 10px -6px rgb(var(--shadow-rgb) / .3);transition-duration:calc(90ms * var(--motion-scale, 1))}.chat__launcher:focus-visible{outline:2px solid var(--color-focus, var(--chat-accent));outline-offset:3px}.chat__launcher-icon{display:grid;place-items:center;inline-size:var(--chat-size);block-size:var(--chat-size);flex:none}.chat__launcher-icon svg{inline-size:1.5rem;block-size:1.5rem}.chat__launcher-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:990px){.chat__launcher{padding-inline-end:1.4rem}.chat__launcher-icon{inline-size:2.75rem;margin-inline-start:.5rem}.chat__launcher-label{position:static;inline-size:auto;block-size:auto;overflow:visible;clip-path:none}}.chat__launcher-dot{position:absolute;inset-block-start:.55rem;inset-inline-start:2.15rem;inline-size:.6rem;block-size:.6rem;border:2px solid var(--chat-accent);border-radius:50%;background:var(--color-oat, #fff);opacity:0;transform:scale(.4);transition:opacity var(--duration-base, .28s) var(--chat-ease),transform var(--duration-base, .28s) var(--chat-spring)}@media(min-width:990px){.chat__launcher-dot{inset-inline-start:2.2rem}}chat-widget.has-dot .chat__launcher-dot{opacity:1;transform:none}chat-widget.has-dot .chat__launcher-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--color-oat, #fff);opacity:0}@media(prefers-reduced-motion:no-preference){chat-widget.has-dot .chat__launcher-dot:after{animation:chat-pulse calc(2.4s * var(--motion-scale, 1)) var(--chat-ease) infinite}}@keyframes chat-pulse{0%{opacity:.8;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.8)}}@media(max-width:749px){html.has-chat--right sales-popup{inset-inline-end:calc(var(--sp-gap) + 3.5rem + .75rem)}html.has-chat--left sales-popup{inset-inline-start:calc(var(--sp-gap) + 3.5rem + .75rem)}}@media(min-width:750px){html.has-chat--right sales-popup[data-side=bottom-right]{inset-inline-end:calc(var(--sp-gap) + 13rem)}html.has-chat--left sales-popup:not([data-side=bottom-right]){inset-inline-start:calc(var(--sp-gap) + 13rem)}}.chat__panel{position:fixed;inset:auto 0 0;box-sizing:border-box;inline-size:100%;max-inline-size:100%;block-size:min(86dvh,40rem);max-block-size:calc(100dvh - 1rem);margin:0;padding:0;overflow:hidden;border:0;border-radius:1.5rem 1.5rem 0 0;background:transparent;color:var(--color-text);font-family:var(--font-body-family);font-size:var(--text-sm);line-height:1.5}.chat__panel[open]{display:flex}.chat__panel::backdrop{background:var(--color-overlay, rgb(0 0 0 / .3));opacity:1}@media(max-width:749px){html:has(.chat__panel[open]){overflow:hidden}}@media(min-width:750px){.chat__panel{inset:auto var(--chat-gap) calc(var(--chat-bottom) + var(--chat-size) + .875rem) auto;inline-size:min(23.5rem,calc(100vw - 2 * var(--chat-gap)));block-size:min(38rem,calc(100dvh - var(--chat-bottom) - var(--chat-size) - 2.5rem));border-radius:1.5rem}chat-widget[data-side=left] .chat__panel{inset-inline:var(--chat-gap) auto}.chat__panel::backdrop{background:rgb(var(--shadow-rgb) / .06)}}.chat__sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;flex:1;min-block-size:0;inline-size:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-block-end:0;border-radius:inherit;background:radial-gradient(120% 60% at 100% 0%,color-mix(in srgb,var(--color-blush) 55%,transparent),transparent 70%),var(--color-oat);box-shadow:var(--shadow-inset),0 -2px 6px rgb(var(--shadow-rgb) / .05),0 -18px 40px -20px rgb(var(--shadow-rgb) / .35)}@media(min-width:750px){.chat__sheet{border-block-end:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:var(--shadow-inset),0 1px 2px rgb(var(--shadow-rgb) / .06),0 12px 24px -10px rgb(var(--shadow-rgb) / .16),0 40px 70px -30px rgb(var(--shadow-rgb) / .45)}}@media(prefers-reduced-motion:no-preference){.chat__panel[open] .chat__sheet{animation:chat-sheet-in calc(.42s * var(--motion-scale, 1)) var(--chat-spring) both;transform-origin:100% 100%}chat-widget[data-side=left] .chat__panel[open] .chat__sheet{transform-origin:0 100%}.chat__panel.is-closing .chat__sheet{animation:chat-sheet-out calc(.24s * var(--motion-scale, 1)) var(--chat-ease) both}.chat__panel[open]::backdrop{animation:chat-fade calc(.3s * var(--motion-scale, 1)) var(--chat-ease) both}.chat__panel.is-closing::backdrop{animation:chat-fade calc(.24s * var(--motion-scale, 1)) var(--chat-ease) reverse both}}@keyframes chat-sheet-in{0%{opacity:0;transform:translate3d(0,2rem,0) scale(.98)}}@keyframes chat-sheet-out{to{opacity:0;transform:translate3d(0,1.5rem,0) scale(.98)}}@keyframes chat-fade{0%{opacity:0}}.chat__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1.1rem .75rem 1rem 1.25rem;border-block-end:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.chat__avatar{position:relative;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;background:linear-gradient(160deg,#ffffff14,#fff0 70%),var(--color-blush);color:var(--color-dark);box-shadow:inset 0 1px #ffffff1a,0 4px 10px -4px rgb(var(--shadow-rgb) / .25)}.chat__avatar .icon{inline-size:1.4rem;block-size:1.4rem}.chat__avatar-img{inline-size:100%;block-size:100%;border-radius:50%;object-fit:cover}.chat__avatar-status{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:.7rem;block-size:.7rem;border:2px solid var(--color-oat);border-radius:50%;background:#7e9a76}.chat__head-copy{min-inline-size:0}.chat__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--text-lg);line-height:1.2;letter-spacing:var(--font-heading-letter-spacing, 0)}.chat__subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .4rem;margin:.15rem 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.chat__reply-time{display:inline-flex;align-items:center;gap:.25rem}.chat__reply-time .icon{inline-size:.85rem;block-size:.85rem}.chat__close{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast, .16s) var(--chat-ease)}.chat__close:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.chat__close .icon{inline-size:1.25rem;block-size:1.25rem}.chat__log{display:flex;flex-direction:column;gap:.5rem;min-block-size:0;padding:1.25rem 1.25rem .75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat__log:focus-visible,.chat__close:focus-visible,.chat__chip:focus-visible,.chat__send:focus-visible,.chat__submit:focus-visible,.chat__back:focus-visible,.chat__link:focus-visible{outline:2px solid var(--color-focus, var(--chat-accent));outline-offset:2px}.chat__msg{display:flex;max-inline-size:100%}.chat__msg--user{justify-content:flex-end}@media(prefers-reduced-motion:no-preference){.chat__msg{animation:chat-msg-in calc(.38s * var(--motion-scale, 1)) var(--chat-ease) both}}@keyframes chat-msg-in{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.chat__bubble{max-inline-size:86%;padding:.7rem .95rem;border-radius:1.15rem 1.15rem 1.15rem .35rem;background:var(--color-surface);overflow-wrap:anywhere;white-space:pre-line;box-shadow:inset 0 1px #ffffff14,0 1px 1px rgb(var(--shadow-rgb) / .04),0 6px 14px -8px rgb(var(--shadow-rgb) / .18)}.chat__msg--bot .chat__bubble{white-space:normal}.chat__msg--user .chat__bubble{border-radius:1.15rem 1.15rem .35rem;background:color-mix(in srgb,var(--chat-accent) 16%,var(--color-surface))}.chat__msg--action .chat__bubble{padding:0;background:transparent;box-shadow:none}.chat__bubble p,.chat__rte>*{margin:0}.chat__rte>*+*{margin-block-start:.5em}.chat__rte a{color:inherit;text-underline-offset:.2em}.chat__bubble>*+.chat__link,.chat__bubble>*+.chat__links{margin-block-start:.6rem}.chat__links{display:flex;flex-wrap:wrap;gap:.4rem}.chat__link{display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.75rem;max-inline-size:100%;padding:.35rem .95rem;border:1px solid color-mix(in srgb,var(--chat-accent) 45%,var(--color-border));border-radius:var(--radius-pill, 999px);background:color-mix(in srgb,var(--chat-accent) 8%,transparent);color:var(--color-text);font:inherit;font-weight:var(--font-body-weight-medium);text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--duration-fast, .16s) var(--chat-ease),transform var(--duration-fast, .16s) var(--chat-ease)}.chat__link:hover{background:color-mix(in srgb,var(--chat-accent) 16%,transparent)}.chat__link .icon{flex:none;inline-size:1rem;block-size:1rem}.chat__dots{display:inline-flex;gap:.28rem;padding-block:.3rem}.chat__dots i{inline-size:.4rem;block-size:.4rem;border-radius:50%;background:var(--color-muted);opacity:.5}@media(prefers-reduced-motion:no-preference){.chat__dots i{animation:chat-typing 1.1s var(--chat-ease) infinite}.chat__dots i:nth-child(2){animation-delay:.15s}.chat__dots i:nth-child(3){animation-delay:.3s}}@keyframes chat-typing{0%,70%,to{opacity:.35;transform:none}35%{opacity:.9;transform:translate3d(0,-.2rem,0)}}.chat__chips{display:flex;flex-wrap:wrap;gap:.45rem;max-block-size:10.5rem;padding:.75rem 1.25rem 1rem;overflow-y:auto;overscroll-behavior:contain;border-block-start:1px solid color-mix(in srgb,var(--color-border) 45%,transparent)}.chat__chips[hidden]{display:none}.chat__chip{min-block-size:2.75rem;max-inline-size:100%;padding:.45rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 90%,var(--color-text) 6%);border-radius:var(--radius-pill, 999px);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 2px 6px -3px rgb(var(--shadow-rgb) / .14);transition:transform var(--duration-fast, .16s) var(--chat-ease),box-shadow var(--duration-fast, .16s) var(--chat-ease),border-color var(--duration-fast, .16s) var(--chat-ease)}@media(hover:hover){.chat__chip:hover{transform:translate3d(0,-1px,0);border-color:color-mix(in srgb,var(--chat-accent) 55%,var(--color-border));box-shadow:inset 0 1px #ffffff14,0 6px 14px -6px rgb(var(--shadow-rgb) / .22)}}.chat__chip:active{transform:translate3d(0,1px,0)}.chat__chip[aria-pressed=true]{border-color:var(--chat-accent)}.chat__composer{display:grid;gap:.6rem;padding:.9rem 1.25rem .75rem;border-block-start:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.chat__composer[hidden],.chat__step[hidden],.chat__error[hidden]{display:none}.chat__composer[data-step=busy]{opacity:.6;pointer-events:none}.chat__hp{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}.chat__step{display:grid;gap:.4rem}.chat__fields{display:grid;gap:.6rem}@media(min-width:380px){.chat__fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.chat__field{display:grid;gap:.3rem;min-inline-size:0}.chat__label{color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.02em}.chat__row{display:flex;align-items:flex-end;gap:.5rem}.chat__input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:2.75rem;padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-input, .75rem);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:max(16px,var(--text-sm));transition:border-color var(--duration-fast, .16s) var(--chat-ease),box-shadow var(--duration-fast, .16s) var(--chat-ease)}.chat__input--area{flex:1;resize:none;max-block-size:8rem;line-height:1.4}.chat__input:focus-visible{outline:none;border-color:var(--chat-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 22%,transparent)}.chat__input[aria-invalid=true]{border-color:#b4533f}.chat__send,.chat__submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:2.75rem;border:0;background:linear-gradient(180deg,#fff3,#fff0 60%),var(--chat-accent);color:var(--chat-accent-fg);font:inherit;font-weight:var(--font-body-weight-medium);cursor:pointer;box-shadow:inset 0 1px #ffffff40,0 6px 14px -8px rgb(var(--shadow-rgb) / .4);transition:transform var(--duration-fast, .16s) var(--chat-ease)}.chat__send:active,.chat__submit:active{transform:translate3d(0,1px,0) scale(.98)}.chat__send{flex:none;inline-size:2.75rem;border-radius:50%}.chat__submit{inline-size:100%;margin-block-start:.2rem;padding:.6rem 1.25rem;border-radius:var(--radius-button, 999px)}.chat__send .icon,.chat__submit .icon{inline-size:1.1rem;block-size:1.1rem}.chat__error{margin:0;color:#f29a80;font-size:var(--text-xs)}.chat__back{justify-self:start;display:inline-flex;align-items:center;gap:.25rem;min-block-size:2.75rem;padding:0 .5rem 0 0;border:0;background:none;color:var(--color-muted);font:inherit;font-size:var(--text-xs);cursor:pointer}.chat__back .icon{inline-size:1rem;block-size:1rem}.chat__back:hover{color:var(--color-text)}.chat__foot{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;padding:.6rem 1.25rem calc(.75rem + env(safe-area-inset-bottom,0px));color:var(--color-muted);font-size:var(--text-xs);text-align:center}.chat__foot .icon{flex:none;inline-size:.9rem;block-size:.9rem}@media(min-width:750px){.chat__foot{padding-block-end:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/chat-widget.css.map */