.root {
    --uui-blocker-bg: #FFFFFF;
    --uui-blocker-bg-with-opacity: #FFFFFFB3;

    &:global(.uui-blocker-container) {
        :global(.uui-blocker) {
            background-color: var(--uui-blocker-bg-with-opacity);

        }

        :global(.uui-blocker-enter) {
            background-color: var(--uui-blocker-bg);
        }

        :global(.uui-blocker-enter-active) {
            background-color: var(--uui-blocker-bg-with-opacity);
            transition: opacity 1000ms ease-out, background-color 2000ms ease-out;
        }

        :global(.uui-blocker-exit) {
            background-color: var(--uui-blocker-bg-with-opacity);
            pointer-events: none;
            transition: opacity 200ms ease-out, background-color 200ms ease-out;
        }

        :global(.uui-blocker-exit-active) {
            background-color: var(--uui-blocker-bg);
        }
    }
}
