/* Fade content into the actual container backdrop, including translucent panels.
   Keep the scroll container unmasked so scrollbars and focus rings stay visible. */
[data-scroll-fade-content] {
    --scroll-fade-mask: linear-gradient(to right,
        rgb(0 0 0 / var(--table-fade-left-alpha)) var(--scroll-fade-start),
        black calc(var(--scroll-fade-start) + var(--table-fade-width)),
        black calc(var(--scroll-fade-end) - var(--table-fade-width)),
        rgb(0 0 0 / var(--table-fade-right-alpha)) var(--scroll-fade-end));
    -webkit-mask-image: var(--scroll-fade-mask);
    mask-image: var(--scroll-fade-mask);
    mask-mode: alpha;
    mask-repeat: no-repeat;
}

[data-scroll-fade-content="none"] {
    --scroll-fade-mask: none;
}

@media print {
    [data-scroll-fade-content] {
        --scroll-fade-mask: none;
    }
}