(MSAA) Anti-Aliasing doesn't apply to anything (UI , etc)

[EternalDawn1]

Describe the bug

enable Anti-Aliasing , doesent make difference in UI or anything else

To Reproduce

.exp-balls {

        position: relative;
        background-color: rgba(210, 211, 213, 0);
        height: 100px;
        width: 100%;
        transform: scaleY(-1);

        .exp-ball 
        {
            position: relative;
            width: 20%;
            height: 60%;
            background-color: rgba(0, 0, 0, 0.63);
            border-radius: 49.99%;
            overflow: hidden;
            border-width: 1px;
            border: 2px solid rgba(255, 255, 255, 0);
            box-shadow: 0 5 20px rgba(0, 0, 0, 0.5);

            .progress 
            {
                position: relative;
                width: 100%;
                bottom: 0;
                background: linear-gradient(to bottom, rgb(255, 25, 0), rgb(255, 132, 0), rgb(255, 225, 0));

                overflow: hidden;

            }
        }

    }

Expected behavior

.

Media/Files

https://github.com/user-attachments/assets/3a3c09bb-f8f9-43fb-9cdb-98b33ac84c19

Additional context

No response

[bub-bl]

Try image-rendering property, never worked on my side but you can try https://docs.facepunch.com/s/sbox-dev/doc/style-properties-WSPC2zsKHu