/*
 * Styles for the Show details / Copy details controls that error-details.js adds to the Blazor
 * error bar. Shared by every host so the rules do not have to be copied into each app.css.
 */
#blazor-error-ui .details-toggle,
#blazor-error-ui .details-copy {
    cursor: pointer;
    margin-left: 0.75rem;
}

#blazor-error-ui .details {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.2rem;
    font-size: 0.75rem;
    margin: 0.5rem 0 0 0;
    max-height: 14rem;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: 0.5rem;
    user-select: text;
    white-space: pre-wrap;
}