window.addEventListener("resize", resetScrollbarWidth);

        function resetScrollbarWidth() {
            const scrollbarSize = getScrollBarSize();

            setCssVariable("--kendo-scrollbar-width", `${scrollbarSize.width}px`);
            setCssVariable("--kendo-scrollbar-height", `${scrollbarSize.height}px`);
        }

        function getScrollBarSize() {
            const outer = document.createElement('div');
            outer.style.visibility = 'hidden';
            outer.style.overflow = 'scroll';
            document.body.appendChild(outer);

            const inner = document.createElement('div');
            outer.appendChild(inner);

            const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
            const scrollbarHeight = outer.offsetHeight - inner.offsetHeight;

            outer.parentNode.removeChild(outer);

            return {
                width: scrollbarWidth,
                height: scrollbarHeight
            };
        };

        function setCssVariable(name, value) {
            const documentElement = document.documentElement;

            if (!documentElement) {
                return;
            }

            documentElement.style.setProperty(name, value);
        };