.server-continuity {
    position: fixed; bottom: 12px; left: 12px;
    z-index: 11000; box-sizing: border-box; width: max-content; max-width: min(560px, calc(100vw - 24px));
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
    padding: 6px 36px 6px 10px; border: 1px solid #659dbd; border-radius: 4px;
    background: #edf6fb; color: #17252c; box-shadow: 0 2px 8px #0003;
    font: 400 12px/16px Arial, sans-serif; letter-spacing: 0;
}
#viewer > .server-continuity {
    position: absolute; bottom: calc(var(--viewer-feedback-height, 43px) + 12px);
    max-width: min(560px, calc(100% - 24px));
}
.server-continuity[hidden], .server-continuity button[hidden] {display: none;}
.server-continuity span {max-width: 100%; overflow-wrap: anywhere;}
.server-continuity span:empty {display: none;}
.server-continuity[data-error="true"] {border-color: #b82732;}
.server-continuity[data-error="true"] span:nth-child(2) {color: #a71924;}
.server-continuity button {font: inherit; min-height: 28px; padding: 3px 8px; border: 1px solid #659dbd; border-radius: 4px; background: white; color: #17252c; cursor: pointer;}
.server-continuity .server-continuity-close {
    position: absolute; top: 4px; right: 4px; display: grid; place-items: center;
    box-sizing: border-box; width: 24px; height: 24px; min-height: 24px;
    padding: 0; border-color: transparent; background: transparent;
}
.server-continuity-close img {display: block; width: 14px; height: 14px;}
.server-continuity .server-continuity-close:hover {background: #dcebf4; border-color: #659dbd;}
.server-continuity .server-continuity-close:focus-visible {outline: 2px solid #26759e; outline-offset: 1px;}
.server-continuity .server-continuity-close[hidden] {display: none;}