.window-content::-webkit-scrollbar {
    width: 16px
}

.window-content::-webkit-scrollbar-button:end {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    box-shadow: inset 1px 1px 0 #fff,inset -1px -1px 0 #bcbcbc
}

.window-content::-webkit-scrollbar-button:end:vertical {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.window-content::-webkit-scrollbar-button:end:vertical:decrement {
    background: linear-gradient(transparent 75%,#000 0) 50%/8px 4px no-repeat,linear-gradient(transparent 50%,#000 0) 50%/6px 4px no-repeat,linear-gradient(transparent 25%,#000 0) 50%/4px 4px no-repeat,linear-gradient(#000 50%,#000 0) 50%/2px 4px no-repeat,#dedede
}

.window-content::-webkit-scrollbar-button:end:vertical:increment {
    background: linear-gradient(0deg,transparent 75%,#000 0) 50%/8px 4px no-repeat,linear-gradient(0deg,transparent 50%,#000 0) 50%/6px 4px no-repeat,linear-gradient(0deg,transparent 25%,#000 0) 50%/4px 4px no-repeat,linear-gradient(0deg,#000 50%,#000 0) 50%/2px 4px no-repeat,#dedede;
    height: 15px;
    border-bottom: none
}

.window-content::-webkit-scrollbar-button:end:horizontal {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.window-content::-webkit-scrollbar-button:end:horizontal:decrement {
    background: linear-gradient(90deg,transparent 75%,#000 0) 50%/4px 8px no-repeat,linear-gradient(90deg,transparent 50%,#000 0) 50%/4px 6px no-repeat,linear-gradient(90deg,transparent 25%,#000 0) 50%/4px 4px no-repeat,linear-gradient(90deg,#000 50%,#000 0) 50%/4px 2px no-repeat,#dedede
}

.window-content::-webkit-scrollbar-button:end:horizontal:increment {
    background: linear-gradient(270deg,transparent 75%,#000 0) 50%/4px 8px no-repeat,linear-gradient(270deg,transparent 50%,#000 0) 50%/4px 6px no-repeat,linear-gradient(270deg,transparent 25%,#000 0) 50%/4px 4px no-repeat,linear-gradient(270deg,#000 50%,#000 0) 50%/4px 2px no-repeat,#dedede;
    width: 15px;
    border-right: none
}

.window-content::-webkit-scrollbar-track {
    background-color: #aaaaab;
    border: 1px solid #000
}

.window-content::-webkit-scrollbar-track:vertical {
    box-shadow: inset 1px 1px 0 #787877,inset -1px 2px 0 #cdcccd,inset 2px 0 0 #888889,inset -2px 0 0 #bcbcbc
}

.window-content::-webkit-scrollbar-track:horizontal {
    box-shadow: inset 1px 1px 0 #787877,inset 2px -1px 0 #cdcccd,inset 0 2px 0 #888889,inset 0 -2px 0 #bcbcbc
}

.window-content::-webkit-scrollbar-thumb {
    box-shadow: inset 1px 1px 0 #cdcdfc,inset -1px -1px 0 #6867c6;
    width: 14px;
    border: 1px solid #000
}

.window-content::-webkit-scrollbar-thumb:vertical {
    background: linear-gradient(transparent 12.5%,#353594 0,#353594 25%,transparent 0,transparent 37.5%,#353594 0,#353594 50%,transparent 0,transparent 62.5%,#353594 0,#353594 75%,transparent 0,transparent 87.5%,#353594 0) 50%/7px 8px no-repeat,linear-gradient(#cdcdfc 12.5%,transparent 0,transparent 25%,#cdcdfc 0,#cdcdfc 37.5%,transparent 0,transparent 50%,#cdcdfc 0,#cdcdfc 62.5%,transparent 0,transparent 75%,#cdcdfc 0,#cdcdfc 87.5%,transparent 0) 49%/7px 8px no-repeat,#9b9bf9
}

.window-content::-webkit-scrollbar-thumb:horizontal {
    background: linear-gradient(90deg,transparent 12.5%,#353594 0,#353594 25%,transparent 0,transparent 37.5%,#353594 0,#353594 50%,transparent 0,transparent 62.5%,#353594 0,#353594 75%,transparent 0,transparent 87.5%,#353594 0) 50%/8px 7px no-repeat,linear-gradient(90deg,#cdcdfc 12.5%,transparent 0,transparent 25%,#cdcdfc 0,#cdcdfc 37.5%,transparent 0,transparent 50%,#cdcdfc 0,#cdcdfc 62.5%,transparent 0,transparent 75%,#cdcdfc 0,#cdcdfc 87.5%,transparent 0) center 49%/8px 7px no-repeat,#9b9bf9
}

.window-content::-webkit-scrollbar-corner {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    box-shadow: inset 1px 1px 0 #fff;
    background: #cdcccd
}

body {
    font-family: Helvetica Neue,Helvetica,Segoe UI,Arial,Verdana,sans-serif
}

.overscroll {
    width: 320px;
    height: 240px;
    overflow: scroll;
    display: inline-block;
    position: relative
}

.overscroll .content {
    height: 50vw;
    width: 50vw
}

.overscroll.classic-colour-scrollbars,.overscroll.classic-mono-scrollbars {
    font-family: Times,serif;
    -webkit-font-smoothing: none
}
