:root{--win95-ui-main-color:#c3c7cb;--win95-ui-highlight-color:#fff;--win95-ui-inner-shadow-color:#868a8e;--win95-ui-outer-shadow-color:#000;--win95-img-up-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");--win95-img-down-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");--win95-img-left-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");--win95-img-right-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");--win95-img-scrollbar-bg:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");--win95-img-scrollbar-bg-active:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");--win95-img-resizer:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==")}.win95-scroll-container::-webkit-scrollbar{width:16px;height:16px}.win95-scroll-container::-webkit-scrollbar-track{background-image:var(--win95-img-scrollbar-bg);image-rendering:pixelated}.win95-scroll-container::-webkit-scrollbar-track:active{background-image:var(--win95-img-scrollbar-bg-active)}.win95-scroll-container::-webkit-scrollbar-thumb{border-top:1px solid var(--win95-ui-main-color);border-left:1px solid var(--win95-ui-main-color);border-right:1px solid var(--win95-ui-outer-shadow-color);border-bottom:1px solid var(--win95-ui-outer-shadow-color);box-shadow:inset 1px 1px 0 0 var(--win95-ui-highlight-color),inset -1px -1px 0 0 var(--win95-ui-inner-shadow-color);width:16px;height:16px;background-color:var(--win95-ui-main-color);z-index:1}.win95-scroll-container::-webkit-resizer,.win95-scroll-container::-webkit-scrollbar-corner{background-color:var(--win95-ui-main-color)}.win95-scroll-container::-webkit-resizer{width:16px;height:16px;background-image:var(--win95-img-resizer);background-position:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.win95-scroll-container::-webkit-scrollbar-button{border-top:1px solid var(--win95-ui-main-color);border-left:1px solid var(--win95-ui-main-color);border-right:1px solid var(--win95-ui-outer-shadow-color);border-bottom:1px solid var(--win95-ui-outer-shadow-color);box-shadow:inset 1px 1px 0 0 var(--win95-ui-highlight-color),inset -1px -1px 0 0 var(--win95-ui-inner-shadow-color);display:block;width:16px;height:16px;background-color:var(--win95-ui-main-color);image-rendering:pixelated;background-repeat:no-repeat;background-position:50%}.win95-scroll-container::-webkit-scrollbar-button:active{background-position:2px 2px;border:1px solid var(--win95-ui-inner-shadow-color);box-shadow:none}.win95-scroll-container::-webkit-scrollbar-button:horizontal:decrement{background-image:var(--win95-img-left-arrow)}.win95-scroll-container::-webkit-scrollbar-button:horizontal:increment{background-image:var(--win95-img-right-arrow)}.win95-scroll-container::-webkit-scrollbar-button:vertical:decrement{background-image:var(--win95-img-up-arrow)}.win95-scroll-container::-webkit-scrollbar-button:vertical:increment{background-image:var(--win95-img-down-arrow)}.win95-scroll-container::-webkit-scrollbar-button:horizontal:decrement:end,.win95-scroll-container::-webkit-scrollbar-button:horizontal:increment:start,.win95-scroll-container::-webkit-scrollbar-button:vertical:decrement:end,.win95-scroll-container::-webkit-scrollbar-button:vertical:increment:start{display:none}