.school-presence-panel[hidden]{display:none}
.presence-skeleton{padding:12px 14px;display:grid;gap:12px;min-height:96px;box-sizing:border-box}
.presence-skeleton span{height:12px;width:68%;border-radius:4px;background:var(--tertiary,#262626)}
.presence-skeleton span:nth-child(2){width:82%}
.presence-skeleton span:nth-child(3){width:58%}
.presence-content{animation:presence-content-in 140ms ease-out}
@keyframes presence-content-in{from{opacity:0}to{opacity:1}}
.v210-announcement.closing{animation:v210-dismiss 180ms ease-out forwards;pointer-events:none}
.v210-announcement::backdrop{animation:v210-backdrop-in 180ms ease-out}
.v210-announcement.closing::backdrop{animation:v210-backdrop-out 180ms ease-out forwards}
@keyframes v210-dismiss{from{opacity:1}to{opacity:0}}
@keyframes v210-backdrop-in{from{background:rgb(0 0 0 / 0)}to{background:rgb(0 0 0 / .72)}}
@keyframes v210-backdrop-out{from{background:rgb(0 0 0 / .72)}to{background:rgb(0 0 0 / 0)}}
@media(prefers-reduced-motion:reduce){.presence-content,.v210-announcement.closing,.v210-announcement::backdrop,.v210-announcement.closing::backdrop{animation:none}}

.school-presence-panel li>span{min-width:0;overflow-wrap:anywhere}
.presence-other-group .school-presence-scope{border-bottom:0;padding-top:10px;padding-bottom:3px}
.presence-other-group+.presence-other-group{border-top:1px solid var(--tertiary,#262626)}
.presence-other-group:last-child{padding-bottom:4px}