.viewer-account.viewer-account{position:relative;flex-shrink:0;margin-left:auto;pointer-events:auto;color:#fff;font:12px/1.4 system-ui,sans-serif;z-index:15}
.viewer-account.viewer-account[hidden],.viewer-account.viewer-account [hidden]{display:none!important}
.viewer-account.viewer-account>summary{list-style:none;padding:7px 10px;min-height:34px;box-sizing:border-box;display:flex;align-items:center;background:rgb(0 0 0 / 55%);border:1px solid #ffffff26;border-radius:7px;cursor:pointer;touch-action:manipulation;font:12px/1.4 system-ui,sans-serif;white-space:nowrap}
.viewer-account.viewer-account>summary::-webkit-details-marker{display:none}
.viewer-account.viewer-account>summary:focus-visible,.viewer-account.viewer-account .viewer-account-button:focus-visible,.viewer-account.viewer-account .viewer-account-link:focus-visible{outline:2px solid #b7d9ef;outline-offset:3px}
.viewer-account.viewer-account .viewer-account-panel{position:fixed;left:12px;top:64px;right:auto;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - var(--viewer-account-top,64px) - 12px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;display:grid;gap:6px;padding:12px;background:#17242af7;border:1px solid #ffffff40;border-radius:9px;box-shadow:0 6px 26px #0006;color:#fff;pointer-events:auto;text-align:left}
.viewer-account.viewer-account .viewer-account-name{display:block;font:600 13px/1.4 system-ui,sans-serif;overflow-wrap:anywhere;white-space:normal;text-shadow:none;max-width:100%;margin:0}
.viewer-account.viewer-account .viewer-account-permission{font:12px/1.4 system-ui,sans-serif;color:#c2d1d6;margin:0 0 6px}
.viewer-account.viewer-account .viewer-account-button{display:flex;align-items:center;min-height:40px;width:100%;box-sizing:border-box;background:#ffffff0b;color:#fff;border:1px solid #ffffff26;border-radius:6px;padding:8px 10px;font:12px/1.4 system-ui,sans-serif;text-decoration:none;text-align:left;cursor:pointer;touch-action:manipulation;white-space:normal}
.viewer-account.viewer-account .viewer-account-button:hover{background:#ffffff18}
.viewer-account.viewer-account .viewer-account-button:disabled{opacity:.5;cursor:default}
.viewer-account.viewer-account .viewer-account-link{display:block;min-width:0;width:100%;box-sizing:border-box;padding:8px;font:12px/1.4 system-ui,sans-serif;background:#0b151b;color:#fff;border:1px solid #91a8b5;border-radius:5px}
.viewer-account.viewer-account .viewer-account-status{margin:2px 0 0;font:11px/1.4 system-ui,sans-serif;color:#c2d1d6;overflow-wrap:anywhere;white-space:normal}
.viewer-account.viewer-account .viewer-account-status:empty{display:none}
@media(max-width:700px){.viewer-account.viewer-account>summary{min-height:40px;padding:7px 9px}}