.slack-demo{container:slack-demo/inline-size}.slack-demo-workspace{height:558px;position:relative;overflow:hidden}.slack-demo-channel{width:100%;height:100%;transition:width .65s cubic-bezier(.22,1,.36,1)}.slack-demo-thread{visibility:hidden;background:#fff;border-left:1px solid #e8e6eb;flex-direction:column;width:56%;transition:transform .65s cubic-bezier(.22,1,.36,1),visibility .65s;display:flex;position:absolute;inset:0 0 0 auto;transform:translate(100%)}.slack-demo[data-thread-open=true] .slack-demo-channel{width:44%}.slack-demo[data-thread-open=true] .slack-demo-thread{visibility:visible;transform:translate(0)}.slack-demo-arrival{visibility:hidden;opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.slack-demo-arrival.is-visible{visibility:visible;opacity:1;transform:translateY(0)}.slack-demo-avatar{place-items:center;font-size:13px;font-weight:700;display:grid}.slack-demo-avatar-rose{color:#793856;background:#efdce6}.slack-demo-avatar-sand{color:#76543a;background:#eddfd0}.slack-demo-decision{position:relative}.slack-demo-approved{visibility:hidden;opacity:0;align-items:center;gap:4px;transition:opacity .4s;display:flex;position:absolute;inset:0 auto 0 10px}.slack-demo-approved.is-visible{visibility:visible;opacity:1}.slack-demo-pointer{pointer-events:none;z-index:2;opacity:0;position:absolute;top:20px;left:70px}.slack-demo-click-ring{pointer-events:none;opacity:0;border:2px solid #1264a3;border-radius:50%;width:22px;height:22px;position:absolute;top:9px;left:61px}.slack-demo[data-step="3"] .slack-demo-pointer{animation:.7s both slack-demo-click}.slack-demo[data-step="3"] .slack-demo-click-ring{animation:.3s ease-out .4s both slack-demo-ripple}.slack-demo[data-step="3"] .slack-demo-replies{background:#eef7fb}.slack-demo[data-paused=true] .slack-demo-pointer,.slack-demo[data-paused=true] .slack-demo-click-ring{animation-play-state:paused}@keyframes slack-demo-click{0%{opacity:0;transform:translate(50px,40px)}45%,65%{opacity:1;transform:translate(0)}75%{opacity:1;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slack-demo-ripple{0%{opacity:.65;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@container slack-demo (width<=679px){.slack-demo-thread,.slack-demo[data-thread-open=true] .slack-demo-channel{width:100%}.slack-demo[data-thread-open=true] .slack-demo-channel,.slack-demo[data-thread-open=true] .slack-demo-channel *{visibility:hidden;transition:visibility 0s .65s}}@container slack-demo (width<=379px){.slack-demo-workspace{height:608px}.slack-demo-role{display:none}}@media (prefers-reduced-motion:reduce){.slack-demo[data-thread-open] .slack-demo-channel,.slack-demo[data-thread-open] .slack-demo-channel *,.slack-demo-thread,.slack-demo-arrival,.slack-demo-approved{transition:none}.slack-demo-pointer,.slack-demo-click-ring{animation:none!important}}