.presence-event{width:fit-content;max-width:calc(100% - 8px);display:grid;grid-template-columns:28px minmax(0,max-content) auto;align-items:center;gap:10px;margin:5px 4px;padding:9px 12px;border:1px solid rgba(76,159,255,.16);border-radius:10px;background:linear-gradient(90deg,rgba(31,102,190,.12),rgba(9,24,42,.25));color:#89a8cc;font-size:.69rem}.presence-event>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(47,132,241,.14);color:#67aaff;font-size:.82rem}.presence-event>span:nth-child(2){overflow-wrap:anywhere}.presence-event.join{border-color:rgba(65,218,157,.16);background:linear-gradient(90deg,rgba(27,130,91,.11),rgba(9,24,42,.22))}.presence-event.join>span:first-child{background:rgba(54,214,151,.13);color:#4fe0a6}.presence-event.channelLeave>span:first-child,.presence-event.serverLeave>span:first-child{background:rgba(239,130,91,.11);color:#e9a078}.presence-event time{color:#4e6787;font-size:.55rem;white-space:nowrap}@media(max-width:680px){.presence-event{grid-template-columns:25px minmax(0,1fr);padding:8px 9px;font-size:.64rem}.presence-event>span:first-child{width:25px;height:25px}.presence-event time{grid-column:2}}