.ai-chat{--juniper-motion-open: .28s;--juniper-motion-close: .2s;--juniper-motion-panel-w: min(25.25rem, calc(100vw - 2.5rem) );--juniper-motion-panel-h: min(45rem, calc(100svh - 2.5rem) )}.ai-chat__panel{transform-origin:100% 100%;opacity:1;scale:1 1;rotate:0deg;transform:none;transition:opacity .14s linear,scale .19s var(--ease),transform .22s var(--ease) 60ms,rotate var(--juniper-motion-open) var(--ease),display var(--juniper-motion-open) allow-discrete}.ai-chat__panel[hidden]{display:none;position:absolute;right:0;bottom:0;opacity:0;scale:.4 1;rotate:-3deg;transform:scaleY(.07);pointer-events:none;transition:opacity .11s linear 90ms,scale .15s var(--ease) 50ms,transform .17s var(--ease),rotate var(--juniper-motion-close) var(--ease),display var(--juniper-motion-close) allow-discrete}@starting-style{.ai-chat__panel:not([hidden]){opacity:0;scale:.4 1;rotate:-3deg;transform:scaleY(.07)}}.ai-chat__panel:not([hidden]) .ai-chat__sticker--head{animation:juniper-motion-land .55s var(--ease) .13s backwards}@keyframes juniper-motion-land{0%{scale:1.5;rotate:9deg;opacity:0;filter:drop-shadow(0 14px 10px rgb(47 22 4 / 0%)) blur(3px)}to{scale:1;rotate:-7deg;opacity:1;filter:drop-shadow(0 3px 5px rgb(47 22 4 / 28%)) blur(0)}}.ai-chat__panel:not([hidden])+.ai-chat__launcher{display:none;position:absolute;right:0;bottom:0;transform-origin:0 0;translate:calc(100% - var(--juniper-motion-panel-w) + .4rem) calc(100% - var(--juniper-motion-panel-h) + .3rem);scale:.6;opacity:0;pointer-events:none;transition:translate var(--juniper-motion-open) var(--ease),scale var(--juniper-motion-open) var(--ease),opacity .12s linear 70ms,display var(--juniper-motion-open) allow-discrete}.ai-chat__launcher[hidden]{display:none}.juniper-motion--live .ai-chat__panel[hidden]+.ai-chat__launcher{transition:translate var(--juniper-motion-close) var(--ease),scale var(--juniper-motion-close) var(--ease),opacity .12s linear}@starting-style{.juniper-motion--live .ai-chat__panel[hidden]+.ai-chat__launcher{translate:0 -1.75rem;scale:.85;opacity:0}}.juniper-motion__pill{display:flex;align-items:center;gap:.35rem;width:fit-content;max-width:calc(100vw - 1.5rem);min-height:3.5rem;margin-left:auto;padding:0 .375rem 0 .3rem;border-radius:999px;background:var(--teal);color:var(--cream);box-shadow:0 10px 24px -8px #004c4cb3;transform-origin:100% 100%;transition:translate var(--juniper-motion-open) var(--ease),scale var(--juniper-motion-open) var(--ease),rotate var(--juniper-motion-open) var(--ease),opacity .14s linear,display var(--juniper-motion-open) allow-discrete}.juniper-motion__pill[hidden]{display:none;position:absolute;right:0;bottom:0;scale:.9;opacity:0;pointer-events:none;transition:translate var(--juniper-motion-close) var(--ease),scale var(--juniper-motion-close) var(--ease),opacity .12s linear,display var(--juniper-motion-close) allow-discrete}.ai-chat__panel:not([hidden])~.juniper-motion__pill[hidden]{transform-origin:0 0;translate:calc(100% - var(--juniper-motion-panel-w) + .4rem) calc(100% - var(--juniper-motion-panel-h) + .3rem);scale:.6;transition:translate var(--juniper-motion-open) var(--ease),scale var(--juniper-motion-open) var(--ease),opacity .12s linear 70ms,display var(--juniper-motion-open) allow-discrete}@starting-style{.juniper-motion__pill:not([hidden]){scale:1.06;rotate:1.2deg;opacity:0}}.ai-chat .juniper-motion__pill-open{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:3.5rem;padding:0 .35rem 0 0;border-radius:999px;background:transparent!important;color:var(--cream)!important;font-size:.9rem;font-weight:700;text-align:left}.juniper-motion__halo{position:relative;display:grid;place-items:center;flex:none;width:3rem;height:3rem}.juniper-motion__halo:before{content:"";position:absolute;top:.2rem;right:.2rem;bottom:.2rem;left:.2rem;border:3px solid var(--coral);border-radius:50%;background:#f3675a3d;scale:calc(1 + var(--juniper-level, 0) * .35);opacity:calc(.65 + var(--juniper-level, 0) * .35);transition:scale 90ms linear,opacity 90ms linear}.juniper-motion__pill[data-state=speaking] .juniper-motion__halo:before{scale:calc(1 + var(--juniper-mouth, 0) * .35);opacity:calc(.65 + var(--juniper-mouth, 0) * .35)}.juniper-motion__pill[data-state=thinking] .juniper-motion__halo:before{scale:1;animation:juniper-motion-think 1.2s var(--ease) infinite alternate}@keyframes juniper-motion-think{0%{opacity:.25}to{opacity:.8}}.juniper-motion__wave{display:flex;align-items:center;justify-content:center;flex:none;gap:2px;width:1.9rem;height:1.4rem;margin:0 .1rem}.juniper-motion__wave i{flex:none;width:2px;height:16%;border-radius:1px;background:var(--coral);transition:height 90ms linear}.juniper-motion__pill[data-state=speaking] .juniper-motion__wave i{background:var(--sky)}.juniper-motion__pill[data-state=thinking] .juniper-motion__wave i{height:34%;animation:ai-chat-step 1.2s var(--ease) infinite}.juniper-motion__pill:not([data-state=listening]):not([data-state=hearing]):not([data-state=speaking]):not([data-state=thinking]) .juniper-motion__wave i{height:14%;animation:none}.juniper-motion__pill[data-state=listening] .juniper-motion__wave:not(.juniper-presence--live) i,.juniper-motion__pill[data-state=hearing] .juniper-motion__wave:not(.juniper-presence--live) i{animation:juniper-motion-wave 1.1s ease-in-out infinite}@keyframes juniper-motion-wave{0%,to{height:16%}50%{height:62%}}.juniper-motion__head{position:relative;width:2.7rem;height:2.7rem;margin-top:-.5rem}.juniper-motion__pill-open:hover .juniper-motion__head{rotate:4deg;scale:1.06}.juniper-motion__text{min-width:0;max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.juniper-motion__pill[data-state=hearing] .juniper-motion__text{width:13rem;font-weight:500}.ai-chat .juniper-motion__pill-stop{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--coral)!important;transition:scale .2s var(--ease)}.juniper-motion__pill-stop:hover{scale:1.06}.juniper-motion__pill-stop:active{scale:.96}.juniper-motion__pill-stop i{width:.9rem;height:.9rem;border-radius:.22rem;background:var(--bark)}.ai-chat .juniper-motion__pill-open:focus-visible{outline:3px solid var(--cream);outline-offset:-3px}.ai-chat .juniper-motion__pill-stop:focus-visible{outline:3px solid var(--bark);outline-offset:-3px}@media(max-width:480px){.ai-chat__panel[hidden],.ai-chat__panel:not([hidden]){z-index:1}.ai-chat__panel[hidden]{position:fixed;top:0;right:0;bottom:0;left:0;opacity:1;scale:1 1;rotate:0deg;transform:none;translate:0 100%;transition:translate var(--juniper-motion-close) var(--ease),display var(--juniper-motion-close) allow-discrete}.ai-chat__panel{translate:0 0;transition:translate var(--juniper-motion-open) var(--ease),display var(--juniper-motion-open) allow-discrete}@starting-style{.ai-chat__panel:not([hidden]){opacity:1;scale:1 1;rotate:0deg;transform:none;translate:0 100%}}.ai-chat__panel:not([hidden])+.ai-chat__launcher,.ai-chat__panel:not([hidden])~.juniper-motion__pill[hidden]{transform-origin:100% 100%;translate:0 0;scale:.9;transition:scale .12s var(--ease),opacity .12s linear,display .12s allow-discrete}.juniper-motion__text{max-width:9.5rem}.juniper-motion__pill[data-state=hearing] .juniper-motion__text{width:9.5rem}}@media(prefers-reduced-motion:reduce){.ai-chat__panel,.ai-chat__panel[hidden],.ai-chat__launcher,.ai-chat__panel:not([hidden])+.ai-chat__launcher,.juniper-motion--live .ai-chat__panel[hidden]+.ai-chat__launcher,.juniper-motion__pill,.juniper-motion__pill[hidden],.ai-chat__panel:not([hidden])~.juniper-motion__pill[hidden],.juniper-motion__pill *,.juniper-motion__pill *:before,.ai-chat__panel:not([hidden]) .ai-chat__sticker--head{animation:none!important;transition:none!important}.juniper-motion__halo:before,.juniper-motion__pill[data-state=speaking] .juniper-motion__halo:before{scale:1}.juniper-motion__pill[data-state=thinking] .juniper-motion__halo:before{opacity:.6}.juniper-motion__wave i{height:30%}.juniper-motion__wave i:nth-child(3n+1){height:55%}.juniper-motion__wave i:nth-child(4n+2){height:18%}}.juniper-motion__pill .juniper-motion__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/3/assets/juniper-motion.css.map */