.refund-demo{--refund-gap: 80px}.refund-demo__scene{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--refund-gap);align-items:center;padding:32px;border:1px solid var(--color-grid-bright);border-radius:8px;background:var(--color-background)}.refund-demo svg{width:16px;height:16px;flex-shrink:0}.refund-slack{--slack-text: #d1d2d3;--slack-muted: #ababad;--slack-border: #38353b;color:var(--slack-text);background:#1a1d21;border:1px solid #514353;border-radius:9px;box-shadow:0 8px 24px -18px #0005;font-family:Lato,Helvetica Neue,Arial,sans-serif;overflow:hidden;min-width:0}.refund-slack__titlebar{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;background:#241528;border-bottom:1px solid #ffffff0a}.refund-slack__traffic{display:flex;gap:5px}.refund-slack__traffic i{width:9px;height:9px;border-radius:50%;background:#ff6058}.refund-slack__traffic i:nth-child(2){background:#febc2e}.refund-slack__traffic i:nth-child(3){background:#28c840}.refund-slack__history{display:flex;align-items:center;gap:8px;color:#c3b5c7}.refund-slack__history svg{width:12px;height:12px}.refund-slack__history svg:nth-child(2){opacity:.4}.refund-slack__titlebar>svg:last-child{margin-left:auto}.refund-slack__workspace{display:grid;grid-template-columns:minmax(0,1fr)}.refund-slack__main{display:flex;flex-direction:column;min-width:0;min-height:594px}.refund-slack__channel{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 16px;border-bottom:1px solid var(--slack-border)}.refund-slack__channel>span{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700}.refund-slack__channel>span svg:last-child{width:10px;height:10px}.refund-slack__channel>svg{width:18px;color:var(--slack-muted)}.refund-slack__thread-title{display:flex;align-items:center;gap:8px;height:39px;padding:0 16px;border-bottom:1px solid #38353b80}.refund-slack__thread-title strong{font-size:13px}.refund-slack__thread-title>span{color:var(--slack-muted);font-size:10px}.refund-slack__thread-title>svg{width:13px;height:13px;margin-left:auto;color:var(--slack-muted)}.refund-slack__messages{flex:1;padding:20px 14px 8px}.refund-slack__message{display:flex;align-items:flex-start;gap:8px}.refund-slack__message>div{flex:1;min-width:0}.refund-slack__avatar{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:5px;background:linear-gradient(145deg,#e8c7a8,#c98e6e);color:#633a28;font-size:15px;font-weight:700}.refund-slack__avatar[data-agent=true]{background:#573b61;color:#ebd5f1}.refund-slack__avatar svg{width:18px;height:18px}.refund-slack__name{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:3px;line-height:16px}.refund-slack__name strong{font-size:13px;font-weight:700}.refund-slack__name>span{font-size:9px;color:var(--slack-muted)}.refund-slack__name .refund-slack__app{padding:0 3px;border-radius:3px;background:#36373b;font-size:8px;line-height:13px}.refund-slack__body{font-size:14px;line-height:1.55}.refund-slack__mention{padding:1px 2px;border-radius:2px;background:#1d9bd126;color:#5bb7e5}.refund-slack__reply-count{display:flex;align-items:center;gap:10px;margin:13px 0;color:var(--slack-muted);font-size:10px}.refund-slack__reply-count>span{flex:1;height:1px;background:var(--slack-border)}.refund-slack__reveal{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.refund-slack__reveal[data-visible=true]{visibility:visible;opacity:1;transform:translateY(0)}.refund-slack__request{margin-top:10px;padding:1px 0 0 12px;border-left:3px solid #535057}.refund-slack__request>strong{font-size:13px}.refund-slack__request dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:9px;font-size:12px}.refund-slack__request dt{font-weight:700}.refund-slack__request dd{margin-top:2px;color:var(--slack-text)}.refund-slack__actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.refund-slack__actions button:not(:disabled){cursor:pointer}.refund-slack__actions .refund-slack__approve{height:28px;padding:0 12px;border:1px solid #148567;border-radius:4px;background:#007a5a}.refund-slack__actions .refund-slack__approve span{color:#fff;font-family:inherit;font-size:11px;font-weight:700}.refund-slack__actions button:not(:disabled):hover .refund-slack__approve{background:#148567}.refund-slack__actions .refund-slack__deny{height:28px;padding:0 12px;border:1px solid #565856;border-radius:4px;background:transparent}.refund-slack__actions .refund-slack__deny span{color:var(--slack-text);font-family:inherit;font-size:11px;font-weight:700}.refund-slack__actions button:disabled{opacity:.5}.refund-slack__decision{display:flex;align-items:center;gap:5px;margin-top:9px;color:var(--slack-muted);font-size:9px}.refund-slack__decision svg{width:11px;height:11px}.refund-slack__confirmation{margin-top:16px;min-height:57px}.refund-slack__composer{display:flex;flex-direction:column;gap:9px;margin:8px 14px 0;border:1px solid #565856;border-radius:6px;background:#222529;color:var(--slack-muted);overflow:hidden}.refund-slack__composer>div{display:flex;align-items:center;gap:12px;padding:5px 9px;font-size:11px}.refund-slack__composer>div:first-child{background:#1c1e22;color:#a5a5a7}.refund-slack__composer>span{padding:0 10px 2px;font-size:11px}.refund-slack__composer svg{width:13px;height:13px}.refund-slack__composer svg:last-child{margin-left:auto;color:#747679}.refund-slack__typing{display:flex;align-items:center;gap:3px;min-height:24px;padding:3px 15px 6px;color:var(--slack-muted);font-size:8px}.refund-slack__typing>span{width:3px;height:3px;border-radius:50%;background:var(--slack-muted);animation:refund-typing 1s infinite alternate}.refund-slack__typing>span:nth-child(2){animation-delay:.2s}.refund-slack__typing>span:nth-child(3){animation-delay:.4s;margin-right:4px}.refund-runtime{min-width:0}.refund-runtime__mobile-icon,.refund-runtime__description{display:none}.refund-runtime__endpoint{position:relative;padding:20px 24px;border:1px solid var(--color-app-grid-bright);border-radius:8px;background:var(--color-app-bg-bright);transition:border-color .3s,background .3s}.refund-runtime__endpoint[data-active=true]{border-color:var(--color-sky-500);background:color-mix(in srgb,var(--color-sky-500) 8%,var(--color-app-bg-dimmed))}.refund-runtime__endpoint-title{display:flex;align-items:center;gap:8px}.refund-runtime__endpoint-title>svg{color:var(--color-app-text-dimmed)}.refund-runtime__endpoint-title strong{color:var(--color-app-text-bright);font-family:var(--font-sans);font-size:18px;font-weight:500}.refund-runtime__session{display:flex;align-items:center;gap:12px;height:32px;padding-left:24px}.refund-runtime__session-wire{position:relative;width:16px;height:32px;margin-left:-7px;color:var(--color-charcoal-500)}.refund-runtime__session-wire svg{display:block;width:16px;height:32px}.refund-runtime__session-wire i{position:absolute;top:0;left:6px;opacity:0}.refund-runtime__session[data-active=true] i{animation:refund-vertical 1s both}.refund-runtime__run-header{display:flex;align-items:center;gap:8px;padding:12px 0 16px;border-bottom:1px solid var(--color-app-grid-bright)}.refund-runtime__run-header strong{font-family:var(--font-sans);font-size:18px;font-weight:500;color:var(--color-app-text-bright)}.refund-runtime__run-header>span{margin-left:auto;color:var(--color-app-text-dimmed);font-size:14px}.refund-runtime__status{display:inline-flex;align-items:center;gap:8px}.refund-runtime__running{width:14px;height:14px;border:2px solid var(--color-app-grid-bright);border-top-color:var(--color-blue-500);border-right-color:var(--color-blue-500);border-radius:50%;animation:refund-running .8s linear infinite}@keyframes refund-running{to{transform:rotate(360deg)}}.refund-runtime__trace{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.refund-runtime__step{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:12px;border:1px solid var(--color-app-grid-bright);border-radius:4px;background:var(--color-app-bg-dimmed);transition:background .3s,border-color .3s,opacity .3s}.refund-runtime__step-icon{color:var(--color-app-text-dimmed)}.refund-runtime__step-icon svg{width:20px;height:20px}.refund-runtime__step strong{color:var(--color-app-text-bright);font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:1.4}.refund-runtime__step[data-state=done] .refund-runtime__step-icon{color:var(--color-app-success)}.refund-runtime__step[data-state=active]{border-color:color-mix(in srgb,var(--color-blue-500) 45%,var(--color-app-grid-bright));background:color-mix(in srgb,var(--color-blue-500) 7%,var(--color-app-bg-dimmed))}.refund-runtime__step[data-state=active] .refund-runtime__step-icon{color:var(--color-blue-500)}.refund-runtime__step[data-state=waiting]{background:color-mix(in srgb,var(--color-sky-500) 8%,var(--color-app-bg-dimmed));border-color:color-mix(in srgb,var(--color-sky-500) 55%,var(--color-app-grid-bright))}.refund-runtime__step[data-state=waiting] strong,.refund-runtime__step[data-state=waiting] .refund-runtime__step-icon{color:var(--color-app-text-bright)}.refund-runtime__step[data-state=skipped]{color:var(--color-app-text-dimmed)}.refund-runtime__step[data-state=skipped] strong{color:var(--color-app-text-dimmed);text-decoration:line-through}.refund-signal{position:absolute;top:50%;left:calc(-1 * var(--refund-gap) + 1px);width:calc(var(--refund-gap) - 4px);display:flex;flex-direction:column;align-items:center;gap:7px;transform:translateY(-50%);pointer-events:none;color:var(--color-dimmed);font:8px var(--font-mono)}.refund-signal>div{position:relative;height:16px;width:100%}.refund-signal>div>svg{display:block;width:100%;height:16px;color:var(--color-charcoal-500)}.refund-signal>div>i{position:absolute;left:0;top:6px;opacity:0}.refund-signal[data-active=true]>div>i{animation:refund-horizontal 1s ease-in-out both}.refund-signal[data-reverse=true]>div>svg{transform:rotate(180deg)}.refund-signal[data-active=true][data-reverse=true]>div>i{animation-direction:reverse}.refund-signal[data-repeat=true]>div>i{animation-iteration-count:4}.refund-runtime__step .refund-signal{opacity:0;transition:opacity .2s}.refund-runtime__step .refund-signal[data-active=true]{opacity:1}.refund-slack__stream-caret{display:none}.refund-slack__reply-layout{display:grid}.refund-slack__reply-layout>span{grid-area:1 / 1}.refund-slack__reply-measure{visibility:hidden}.refund-slack__stream-caret[data-visible=true]{display:inline-block;width:2px;height:12px;margin-left:2px;vertical-align:middle;background:var(--slack-muted);animation:refund-typing .5s alternate infinite}.refund-demo[data-playing=false] *,.refund-demo[data-playing=false] *:after{animation-play-state:paused!important}.refund-demo[data-reduced=true] *{animation:none!important;transition:none!important}@keyframes refund-horizontal{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 4px);opacity:0}}@keyframes refund-vertical{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 4px);opacity:0}}@keyframes refund-typing{0%{opacity:.3}to{opacity:1}}.refund-slack__actions .refund-slack__cursor{position:absolute;z-index:2;pointer-events:none;left:40px;top:12px;width:20px;height:24px;filter:drop-shadow(0 2px 3px #0006);overflow:visible;animation:refund-approve-cursor 6s linear both}.refund-slack__cursor-arrow{animation:refund-cursor-arrow 6s steps(1,end) both}.refund-slack__cursor-pointer{animation:refund-cursor-pointer 6s steps(1,end) both}@keyframes refund-cursor-arrow{0%{opacity:1}79%,to{opacity:0}}@keyframes refund-cursor-pointer{0%{opacity:0}79%,to{opacity:1}}@keyframes refund-approve-cursor{0%,65%{opacity:0;transform:translate(50px,45px)}70%{opacity:1;transform:translate(50px,45px)}83%,92%{opacity:1;transform:translate(0)}95%{opacity:1;transform:translate(0) scale(.85)}98%,to{opacity:1;transform:translate(0)}}.refund-demo[data-reduced=true] .refund-slack__cursor{display:none}@media(min-width:1024px)and (max-width:1199px){.refund-demo{--refund-gap: 64px}.refund-demo__scene{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.refund-slack__workspace{grid-template-columns:minmax(0,1fr)}.refund-runtime__step{padding-inline:6px;gap:6px}}@media(max-width:1023px){.refund-demo__scene{grid-template-columns:minmax(0,1fr);gap:32px}.refund-signal{display:none}.refund-runtime{width:100%;max-width:560px;margin:0 auto}}@media(max-width:639px){.refund-demo__scene{padding:16px}.refund-slack{display:none}.refund-runtime__mobile-icon{display:flex;align-items:center;justify-content:center;color:var(--color-app-text-dimmed)}.refund-runtime__mobile-icon svg{width:20px;height:20px}.refund-runtime__description{display:block;color:var(--color-app-text-dimmed);line-height:1.5}.refund-runtime__endpoint{display:flex;flex-direction:column;gap:8px;padding:16px}.refund-runtime__endpoint-title{gap:10px}.refund-runtime__endpoint-title strong,.refund-runtime__run-header strong{font-size:16px}.refund-runtime__run-header>.refund-runtime__mobile-icon{margin-left:0}.refund-runtime__run-header>.refund-runtime__status{gap:4px;font-size:12px}.refund-runtime__step{grid-template-columns:20px minmax(0,1fr) 20px;align-items:start;padding:12px;gap:10px}.refund-runtime__step-content{display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1}.refund-runtime__step strong{font-size:14px}.refund-runtime__step-icon{grid-column:3;grid-row:1}.refund-runtime__session{padding-left:16px}}@media(prefers-reduced-motion:reduce){.refund-demo *,.refund-demo *:after{animation:none!important;transition:none!important}}