.slack-connect{margin-top:36px;color:HSL(var(--foreground))}.slack-connect__steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:20px}.slack-connect__steps button{display:flex;align-items:center;gap:10px;padding:14px 16px;text-align:left;color:#858b90;font-size:13px;border-bottom:1px solid #ffffff18;transition:color 180ms, border-color 180ms}.slack-connect__steps button[aria-pressed=true]{color:#f4f4f5;border-color:#74b986}.slack-connect__steps button>span{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #ffffff24;border-radius:50%;font-size:11px}.slack-connect__steps button:focus-visible{outline:2px solid #74b986;outline-offset:3px;border-radius:4px}.slack-connect__stage{overflow:hidden;border:1px solid HSL(var(--foreground)/0.1);border-radius:18px;background:linear-gradient(160deg, HSL(var(--card)), HSL(var(--background)));box-shadow:inset 0 1px 0 HSL(var(--foreground)/0.05),0 2px 8px rgba(0,0,0,0.133333),0 24px 64px rgba(0,0,0,0.2)}.slack-connect__scene{min-height:370px}.slack-connect__scene[hidden]{display:none}.slack-connect__chrome{display:flex;align-items:center;gap:12px;min-height:54px;padding:16px 32px;font-size:13px;font-weight:500;border-bottom:1px solid HSL(var(--foreground)/0.06);background:HSL(var(--background)/0.2);color:HSL(var(--foreground))}.slack-connect img{filter:invert(1);object-fit:contain}.slack-connect__slash{padding:0 10px;color:#53595e}.slack-connect__channel{color:HSL(var(--muted-foreground));font-size:17px;font-weight:400}.slack-connect__body{padding:32px;min-height:265px;font-size:13px}.slack-connect__body h3{font-size:18px;font-weight:600;margin:0 0 3px}.slack-connect p{color:#979da3;font-size:12px;line-height:1.6;margin:4px 0 0}.slack-connect strong{font-weight:500}.slack-connect__card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff04;border:1px solid #ffffff0c;border-radius:8px;padding:16px;margin-top:18px}.slack-connect__action{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;margin-top:10px;background:#50b968;border-radius:5px;color:#091b0e;font-size:11px;font-weight:600;white-space:nowrap}.slack-connect__card .slack-connect__action{margin:0}.slack-connect__settings{padding:14px 16px 0;color:#979da3;font-size:11px}.slack-connect__settings div{display:flex;justify-content:space-between;margin-top:8px}.slack-connect__message{display:flex;align-items:flex-start;gap:12px}.slack-connect__avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#6a6252;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff14}.slack-connect__avatar--kapso{background:HSL(var(--background));border:1px solid HSL(var(--foreground)/0.18)}.slack-connect__avatar--kapso img{width:18px;height:18px}.slack-connect__mention{color:#9ed7ee;background:#244654;border-radius:3px;padding:1px 3px}.slack-connect__invite{margin:18px 0 0 48px;padding:16px;border:1px solid #ffffff18;border-radius:8px}.slack-connect__notice{margin:14px 0 0 48px;color:#9eb6a5;font-size:11px}.slack-connect__success{display:flex;gap:10px;padding:16px;margin:24px 0 0 48px;border-left:2px solid #74b986;background:#74b98608}.slack-connect__success>span{color:#74b986}.slack-connect small{font-size:9px;color:#858b90;margin-left:5px}.slack-connect .slack-connect__caption{padding:16px 32px;border-top:1px solid HSL(var(--foreground)/0.06);margin:0}@media (prefers-reduced-motion: no-preference){.slack-connect.is-animated .slack-connect__scene:not([hidden]) .slack-connect__body{animation:slack-connect-enter 250ms ease-out both}.slack-connect.is-animated .slack-connect__notice,.slack-connect.is-animated .slack-connect__success{animation:slack-connect-enter 250ms 700ms ease-out both}}@keyframes slack-connect-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.slack-connect__chrome,.slack-connect .slack-connect__caption{padding:14px 18px}.slack-connect__avatar{width:28px;height:28px}.slack-connect__steps button{padding:12px 3px;gap:6px;font-size:11px}.slack-connect__body{padding:24px 18px;min-height:295px}.slack-connect__card{align-items:flex-start;flex-direction:column;gap:8px}.slack-connect__success,.slack-connect__invite,.slack-connect__notice{margin-left:0}}