.x-scroll-indicator, .x-scroll-indicator-csstransform {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-out;
}

.x-scroll-indicator {
    background: #333;
    -webkit-border-radius: 4px;
}

.x-scroll-indicator-csstransform > * {
    background: #333;
    -webkit-perspective: 1;
}

.x-scroll-indicator-csstransform > :first-child {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.x-scroll-indicator-csstransform > :nth-child(2) {
    background: none;
    content: url(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAxhgAAAAA);
}

.x-scroll-indicator-csstransform > :last-child {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}