[data-carrosel-compact]{
    position: relative;
}[data-carrosel-compact-screen]{
    /*border: 1px solid red;*/
    width: 100%;
    height: 320px;
    display: table;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center ;
    transition: 300ms;
    /*border: 6px solid #2d2d2d;*/
    box-shadow: rgb(0, 0, 0) 0px 0px 9px -8px;



}[data-carrosel-compact-screen]:hover{
    transition: 0ms;
    /* background-size: 200% !important; */

}[data-carrosel-compact] [data-carrosel-compact-list]{
    white-space:nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    /*background: #3b3b3b;*/
    position: absolute;
    bottom:-11px;
}[data-carrosel-compact] [data-carrosel-compact-list] ul{
    margin: 0px;
    padding: 0px;
    text-align: left;

    display: table;
    width: 100%;
    border-spacing: 2px;
}[data-carrosel-compact] [data-carrosel-compact-list] li{
    display: table-cell;
    width: 130px;
    height: 5px;
    background: #ccc !important;
    box-sizing: border-box;

    vertical-align: top;

    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    cursor: pointer;
    opacity: .5;
    /*border:2px solid #333;*/
    transition: 300ms;
    margin: 5px;
}[data-carrosel-compact] [data-carrosel-compact-list] li:not(:first-child){
    margin-left: -4px

}[data-carrosel-compact] [data-carrosel-compact-list] li[data-status="active"]{
    opacity: 1;
    height: 5px;
    /*border:2px solid rgb(0, 152, 236);*/
    background: #2d2d2d !important;
}