.author-display { display: inline-block; position: relative; min-width: 0; max-width: min(100%, 14rem); vertical-align: middle; }
.author-display-fallback { overflow-wrap: anywhere; }
.author-display .author-display-button { display: block; width: auto; max-width: min(100%, 14rem); min-height: 1.5rem; min-width: 1.5rem; padding: .125rem 0; border: 0; border-radius: .2rem; background: transparent; color: inherit; font: inherit; font-weight: inherit; text-align: left; box-shadow: none; cursor: help; }
.author-display .author-display-button[hidden] { display: none; }
.author-display-button:hover { background: transparent; color: inherit; }
.author-display-text { display: block; min-width: 0; overflow: hidden; white-space: nowrap; }
.author-display.is-overflowing .author-display-text { mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 2rem), transparent 100%); }
.author-display-full { display: block; position: fixed; z-index: 20; width: max-content; max-width: min(24rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow-y: auto; padding: .6rem .8rem; border: 1px solid var(--color-border-strong); border-radius: .5rem; background: var(--color-surface); color: var(--color-text); box-shadow: var(--surface-shadow); font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; pointer-events: auto; }
.author-display-full[hidden] { display: none; }
@media (forced-colors: active) {
    .author-display.is-overflowing .author-display-text { mask-image: none; }
    .author-display-full { border-color: CanvasText; background: Canvas; color: CanvasText; }
}
