/* Not Firefox */
@supports (backdrop-filter: blur(0.1rem)) {
    .blurred-background, .blur {
        background: transparent !important;
    }

    .blurred-background {
        backdrop-filter: blur(0.2rem);
        -webkit-backdrop-filter: blur(0.2rem);
    }

    .blur {
        backdrop-filter: blur(0.5rem);
        -webkit-backdrop-filter: blur(0.5rem);
    }

    #termSwitcher > div.blur {
        backdrop-filter: blur(1rem);
        -webkit-backdrop-filter: blur(1rem);
    }

    #notificationPanel:not(.active) {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .chart-placeholder {
        backdrop-filter: blur(0.2rem);
        -webkit-backdrop-filter: blur(3rem);
    }

    div.unlock-with {
        backdrop-filter: blur(2px);
    }

    /* Mobile Stuff */
    @media only screen and (max-width: 991px) {
        #termSwitcher {
            background-color: unset !important;
        }

        #clickBarrier.blocking {
            background: transparent !important;
            backdrop-filter: blur(0.2rem);
            -webkit-backdrop-filter: blur(0.2rem);
        }

        #GPA-container {
            background: transparent !important;
            backdrop-filter: blur(0.5rem);
            -webkit-backdrop-filter: blur(0.5rem);
        }
    }
}