.v-carousel
{
    background: var(--carousel-background,transparent);
    font-family: var(--carousel-font-family,inherit);
}
.v-carousel-controls-next, .v-carousel-controls-next:focus, .v-carousel-controls-next:hover, .v-carousel-controls-prev, .v-carousel-controls-prev:focus, .v-carousel-controls-prev:hover
{
    color: var(--carousel-control-color,#fff);
    fill: var(--carousel-control-color,#fff);
}
.v-carousel-controls-prev
{
    background: var(--carousel-control-prev-bg,linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.001)));
}
.v-carousel-controls-next
{
    background: var(--carousel-control-next-bg,linear-gradient(270deg,rgba(0,0,0,.25),rgba(0,0,0,.001)));
}
.v-carousel-pagination button
{
    color: var(--carousel-control-color,#fff);
    height: var(--carousel-control-height,30px);
    width: var(--carousel-control-width,30px);
    fill: var(--carousel-control-color,#fff);
}
.v-carousel-pagination button.v-carousel-dot.active, .v-carousel-pagination button:focus:not(.v-carousel-dot), .v-carousel-pagination button:hover:not(.v-carousel-dot)
{
    opacity: 1;
}
.v-carousel-pagination button.v-carousel-dot
{
    background-color: var(--hero-indicator-bg,#fff);
    border-radius: var(--hero-indicator-border-radius,50%);
    height: var(--hero-indicator-height,10px);
    width: var(--hero-indicator-width,10px);
}