@use "sass/scrollbar";

* {
    max-width: 100%;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;

    &:empty::after {
        content: "\a";
        white-space: pre;
    }
}

[hidden] {
    display: none;
}

/* Nudge users towards using brighter colors,
   so they are more readable in dark themes */
span[style*="color"] {
    filter: brightness(0.8);
}

:host(.night-mode) {
    @include scrollbar.night-mode;
    span[style*="color"] {
        filter: brightness(1.2);
    }
}