.channel-invite[hidden]{display:none}.channel-invite{position:fixed;inset-inline-start:24px;bottom:24px;z-index:30;width:min(380px,calc(100% - 32px));padding:23px 20px 20px;background:#122b3a;color:#f6f8f6;border-radius:18px;border-top:4px solid #d6ad59;box-shadow:0 12px 38px #07121b45;direction:rtl;animation:invite-arrive .24s ease-out}.channel-invite .invite-close{position:absolute;top:5px;inset-inline-end:5px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#bdced6;cursor:pointer;padding:0}.channel-invite .invite-close:hover{background:#1d3c4e;color:#f6f8f6}.invite-heading{display:flex;align-items:center;gap:10px;padding-inline-end:22px}.channel-invite h2{font-size:17px;line-height:1.8;margin:0;text-wrap:pretty;text-align:right;color:inherit}.invite-mark{color:#d6ad59;flex:0 0 27px}.invite-mark svg{width:27px;height:27px}.channel-invite>p{font-size:14px;line-height:1.9;color:#bdced6;margin:10px 0 15px;text-align:right;text-align-last:auto}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px;background:#d6ad59;color:#122b3a;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .16s}.invite-actions a+ a{background:#204253;color:#f6f8f6}.invite-actions a:hover{background:#e7c77f}.invite-actions a+ a:hover{background:#2b5368}.invite-actions svg{width:21px;height:21px;flex:0 0 21px}.invite-arrow{font-size:15px;line-height:1}.channel-invite a:focus-visible,.channel-invite button:focus-visible{outline:3px solid #f6f8f6;outline-offset:3px}@keyframes invite-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.channel-invite{inset-inline:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:21px 16px 16px}.channel-invite h2{font-size:16px}.channel-invite>p{font-size:13px}.invite-actions a{font-size:12px;gap:6px}}@media(prefers-reduced-motion:reduce){.channel-invite{animation:none}.invite-actions a{transition:none}}