#portal-connection-status{position:fixed;inset-block-start:1rem;inset-inline:1rem;z-index:21000;max-width:42rem;margin-inline:auto;padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;border:1px solid #c4b5e0;border-radius:.8rem;background:#fff;color:#26233b;box-shadow:0 8px 32px #25134626;font:inherit}
#portal-connection-status[hidden]{display:none}
#portal-connection-status span{flex:1}
#portal-connection-status button{flex-shrink:0;border:0;border-radius:.6rem;padding:.6rem .8rem;background:#65449a;color:#fff;font:inherit;cursor:pointer}
@media(max-width:480px){#portal-connection-status{flex-direction:column;align-items:stretch;font-size:.85rem}}