.os-scroll-view {
    width: 100%;
    height: 100%;
    display: block;

    &::-webkit-scrollbar {
        width: 16px;
        &:horizontal {
            height: 17px;
        }
    }

    &::-webkit-scrollbar-corner {
        background: #dfdfdf;
    }

    &::-webkit-scrollbar-track {
        background-image: url("/assets/themes/win98/icons/scroll-background.png");
    }

    &::-webkit-scrollbar-thumb {
        background-color: #dfdfdf;
        box-shadow: var(--border-raised-outer), var(--border-raised-inner);
    }

    &::-webkit-scrollbar-button {
        height: 17px;
        display: block;

        &:start,
        &:end {
            background-image: url("/assets/themes/win98/icons/arrow-button.png");
        }

        &:vertical {
            &:start {
                background-position: -32px 0px;

                &:active {
                    background-position: -32px -17px;
                }

                &:disabled {
                    background-position: -32px -34px;
                }

                &:increment {
                    display: none;
                }
            }

            &:end {
                background-position: 0px 0px;

                &:active {
                    background-position: 0px -17px;
                }

                &:disabled {
                    background-position: 0px -34px;
                }

                &:decrement {
                    display: none;
                }
            }
        }
        
        &:horizontal {
            &:start {
                background-position: -48px 0px;

                &:active {
                    background-position: -48px -17px;
                }

                &:disabled {
                    background-position: -48px -34px;
                }

                &:increment {
                    display: none;
                }
            }
            &:end {
                background-position: -16px 0px;

                &:active {
                    background-position: -16px -17px;
                }

                &:disabled {
                    background-position: -16px -34px;
                }

                &:decrement {
                    display: none;
                }
            }
        }
    }
}
