/* Original Ezri motion vocabulary, adapted to the recreated hero card. */
html[dir=rtl] .assistant.ezri-demo{direction:rtl}html[dir=rtl] .ezri-float-head{direction:ltr}html[dir=rtl] .ezri-float-head>div{direction:rtl;text-align:left}html[dir=rtl] .ez-user{unicode-bidi:plaintext;text-align:right}
.assistant.ezri-demo{--ezri-a:#0891b2;--ezri-mid:#4f63d8;--ezri-b:#7c3aed;--ezri-grad:linear-gradient(135deg,var(--ezri-a),var(--ezri-b));--ezri-ring:#22d3ee59;--night-ink3:#b4c5e2;--night-ink2:#d9e5fa;--ease-out:cubic-bezier(.16,1,.3,1);position:relative;height:371px;min-height:371px;padding:0;border:0;background:transparent;box-shadow:none;text-align:start;direction:inherit;min-width:0}
.ezri-panel{height:325px;border:1px solid #985be9;border-radius:17px;overflow:hidden;background:linear-gradient(140deg,#020b1cf5,#08081ff5);box-shadow:0 0 40px #561b9833;transform-origin:bottom right;transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}
.ezri-float-head{display:flex;align-items:center;gap:10px;padding:12px 16px;position:relative;height:60px}.ezri-float-head::after{content:'';position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--ezri-grad);opacity:.55}.ezri-float-avatar{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ezri-grad);flex-shrink:0}.ezri-float-avatar img{width:20px;height:20px;filter:invert(1);animation:ezTwinkle 7s ease-in-out 1.5s infinite}.ezri-float-avatar.busy::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,var(--ezri-a) 75%,var(--ezri-b) 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));animation:ezSpin .9s linear infinite}.ezri-float-name{font-size:18px;background:linear-gradient(90deg,#22d3ee,#a78bfa);background-clip:text;color:transparent}.ezri-float-sub{display:block;font-size:11px;color:var(--night-ink3)}
.ezri-float-body{height:264px;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 25px)}.ezri-float-body>*{flex-shrink:0}.ezri-demo .ez-step:not(.on){display:none}.ezri-demo .ez-step.on{animation:ezIn .35s var(--ease-out) both}.ez-user{align-self:flex-end;max-width:92%;background:#00bcd429;border:1px solid #00bcd4;color:#fff;padding:8px 11px;border-radius:14px;border-end-end-radius:4px;font-size:12px;line-height:1.45}.ez-bot{align-self:flex-start;width:100%;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#dfe4f5}.ez-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;background:#ffffff14;border-radius:14px}.ez-typing span{width:7px;height:7px;border-radius:50%;background:var(--ezri-a);animation:ezDot 1.2s infinite ease-in-out}.ez-typing span:nth-child(2){animation-delay:.15s;background:var(--ezri-mid)}.ez-typing span:nth-child(3){animation-delay:.3s;background:var(--ezri-b)}.ez-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:linear-gradient(#141b33,#141b33) padding-box,var(--ezri-grad) border-box}.ez-card-title{font-size:12px;color:#20d5ee;font-weight:600}.ez-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6}.ez-row span{color:var(--night-ink3)}.ez-row b{font-weight:500;color:#fff;text-align:end;overflow-wrap:anywhere;max-width:67%}.ez-actions{display:flex;gap:8px;margin-top:4px}.ez-btn{font-size:11px;font-weight:600;padding:4px 12px;border-radius:8px;transition:transform .15s ease,box-shadow .15s ease}.ez-confirm{background:#fff;color:#0b0b0c}.ez-ghost{border:1px solid #ffffff33;color:var(--night-ink2)}.ez-btn.pressed{transform:scale(.94);box-shadow:0 0 0 4px #7ea0ff59}.ez-done{font-size:11px;font-weight:600;color:#5ee0a8}.ez-read{font-size:10px;color:#b8c9e7}
.ezri-fab{position:absolute;inset-inline-end:18px;bottom:65px;width:52px;height:52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ezri-grad);box-shadow:0 6px 18px #0891b259,0 0 22px #7c3aed59;transition:opacity .25s,transform .25s;color:#fff}.ezri-fab img{width:22px;height:22px;filter:invert(1);animation:ezTwinkle 7s ease-in-out 2s infinite}.ezri-fab span{font-size:10px;font-weight:700}.ezri-fab::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--ezri-a),var(--ezri-b),transparent 65%,var(--ezri-a));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));opacity:.85;animation:ezSpin 6s linear infinite}.ezri-fab::after{content:'';position:absolute;inset:0;border-radius:50%}.ezri-closed .ezri-fab{animation:ezFabIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.ezri-closed .ezri-fab::after{animation:ezRipple 1.6s ease-out .5s 2}.ezri-fab.pressed{transform:scale(.92)}.ezri-demo:not(.ezri-closed) .ezri-fab{opacity:0;transform:scale(.4);pointer-events:none}.ezri-closed .ezri-panel{opacity:0;transform:translateY(14px) scale(.94)}
.ezri-demo-footer{height:46px;padding-top:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ezri-demo-footer>small{font-size:9px;color:#b9c9df;line-height:1.4;text-align:center}.ezri-demo-controls{display:flex;gap:12px}.ezri-demo-controls button{font:inherit;font-size:10px;color:#28cbea;border:0;background:transparent;padding:2px 5px;cursor:pointer;line-height:1.5}.ezri-demo-controls button:hover{text-decoration:underline}.ezri-demo-controls button:focus-visible{outline:2px solid #b78aff;outline-offset:2px;border-radius:3px}.ezri-demo-controls button:disabled{opacity:.5;cursor:default;text-decoration:none}.ez-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.ez-paused *,.ez-paused *::before,.ez-paused *::after{animation-play-state:paused!important;transition:none!important}
@keyframes ezIn{from{opacity:0;transform:translateY(8px)}}@keyframes ezSpin{to{transform:rotate(360deg)}}@keyframes ezDot{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}@keyframes ezTwinkle{0%,86%,100%{transform:none}90%{transform:scale(1.22) rotate(18deg)}94%{transform:scale(.94) rotate(-6deg)}}@keyframes ezFabIn{from{opacity:0;transform:scale(.4) rotate(-30deg)}}@keyframes ezRipple{from{box-shadow:0 0 0 0 var(--ezri-ring)}to{box-shadow:0 0 0 16px transparent}}
@media(max-width:800px){.assistant.ezri-demo{height:371px;min-height:371px;max-width:100%}.ezri-float-sub{font-size:11px}.ez-user{font-size:12px}.ez-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ezri-demo *,.ezri-demo *::before,.ezri-demo *::after{animation:none!important;transition:none!important}}