/*
*MARQUEE* (nestable)
*/
.bc-reel{
    direction: ltr !important;

    --rotate: 0deg;
    transform: rotate(var(--rotate)); /*control de rotate va en reeller.container*/

    --color: #fff;
    --width: 25%;
}
.bc-reel[data-blur-edges="1"]::before{
    background-image: linear-gradient(to right, var(--color), rgba(0, 0, 0, 0));

    content: "";
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;

    width: var(--width);
    height: 100%;
}
.bc-reel[data-blur-edges="1"]::after{
    background-image: linear-gradient(270deg, var(--color), rgba(0, 0, 0, 0));

    content: "";
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;

    width: var(--width);
    height: 100%;
}
.bc-reel__wrapper { /**/
    display: flex;
}
.bc-reel__item { /**/
    display: flex;
    align-items: center;
    justify-content: center;
}
.bc-reel__nestable{ /*gap necesario*/
    visibility: hidden;
    min-width: 1px;
}
.bc-reel__example-heading{ /*elemento nestable por defecto*/
    background: #080808;
    padding: 10px 20px;
    color: white;
}
.bc-reel__to-hide{
    opacity: 0;
}