.dablio-scroll
{
    position: relative;
    overflow: hidden;
    touch-action: auto;
    -ms-touch-action: auto;
}

.dablio-scroll::-webkit-scrollbar
{
    background:none; 
    width:0; 
    height:0;
}

.w_scroll-vertical, .w_scroll-horizontal
{
    /*display: none;*/
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute;
}

.w_scroll-vertical
{
    height: 100%;
    width: 15px;
    top: 0px;
    right: 0;
}

.w_scroll-horizontal 
{
    left: 0px;
    height: 15px;
    width: 100%;
    bottom: 0px;
}

.w_scroll-y
{
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute;
}

.w_scroll-x 
{
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute;
}

.dablio-scroll:hover > .w_scroll-horizontal,
.dablio-scroll:hover > .w_scroll-vertical,
.w_scroll-x > .w_scroll-horizontal,
.w_scroll-y > .w_scroll-vertical,
.w_scroll-rolando > .w_scroll-horizontal,
.w_scroll-rolando > .w_scroll-vertical 
{
    opacity: 0.6;
}

.dablio-scroll .w_scroll-horizontal:hover,
.dablio-scroll .w_scroll-vertical:hover,
.dablio-scroll .w_scroll-horizontal:focus,
.dablio-scroll .w_scroll-vertical:focus,
.dablio-scroll .w_scroll-horizontal.w_scroll-clicado,
.dablio-scroll .w_scroll-vertical.w_scroll-clicado
{
    background-color: #eee;
    opacity: 0.7;
}

.w_scroll-vertical:hover > .w_scroll-y,
.w_scroll-vertical:focus > .w_scroll-y,
.w_scroll-vertical.w_scroll-clicado .w_scroll-y
{
    background-color: #999;
    width: 11px;
}

.w_scroll-horizontal:hover > .w_scroll-x,
.w_scroll-horizontal:focus > .w_scroll-x,
.w_scroll-horizontal.w_scroll-clicado .w_scroll-x
{
    background-color: #999;
    height: 11px;
}
/*
    .ws_scroll--active-x > .ws_scroll-x,
    .ws_scroll--active-y > .ws_scroll-y {
        display: block;
        background-color: transparent;
    }
*/
@media (-ms-overflow-style: none){
    .dablio-scroll {
        overflow: auto !important;
    }
}
@media (prefers-contrast: high) {
    .dablio-scroll {
        overflow: auto !important;
    }
}