.carousel-control {
    background-color: var(--wm-carousel-navigation-arrows-background);
}

.app-carousel .carousel-control .wi-chevron-right {
    position: relative;
    margin-top: var(--wm-space-0);
    top: var(--wm-space-0);
    right: var(--wm-space-0);
    left: var(--wm-space-0);
    opacity: var(--wm-space-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.wi-chevron-right:before {
    font-size: var(--wm-carousel-navigation-arrows-font-size);
    color: var(--wm-carousel-navigation-arrows-color);
}

.app-carousel .carousel-control .wi-chevron-left {
    position: relative;
    margin-top: var(--wm-space-0);
    top: var(--wm-space-0);
    right: var(--wm-space-0);
    left: var(--wm-space-0);
    opacity: var(--wm-space-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.wi-chevron-left:before {
    font-size: var(--wm-carousel-navigation-arrows-font-size);
    color: var(--wm-carousel-navigation-arrows-color);
}

.carousel-control.right {
    top: 50%;
    opacity: 1;
    border-style: solid;
    margin-right: var(--wm-carousel-navigation-arrows-margin-left);
    background-color: var(--wm-carousel-navigation-arrows-background);
    ripple-color: var(--wm-carousel-navigation-arrows-ripple-color);
    border-radius: var(--wm-carousel-navigation-arrows-border-radius);
    width: var(--wm-carousel-navigation-arrows-width);
    height: var(--wm-carousel-navigation-arrows-height);
    border-color: var(--wm-carousel-navigation-arrows-border-color);
    border-width: var(--wm-carousel-navigation-arrows-border-width);
}

.carousel-control.left {
    top: 50%;
    opacity: 1;
    border-style: solid;
    margin-left: var(--wm-carousel-navigation-arrows-margin-left);
    background-color: var(--wm-carousel-navigation-arrows-background);
    ripple-color: var(--wm-carousel-navigation-arrows-ripple-color);
    border-radius: var(--wm-carousel-navigation-arrows-border-radius);
    width: var(--wm-carousel-navigation-arrows-width);
    height: var(--wm-carousel-navigation-arrows-height);
    border-color: var(--wm-carousel-navigation-arrows-border-color);
    border-width: var(--wm-carousel-navigation-arrows-border-width);
}

.app-carousel .carousel-indicators li {
    border-color: var(--wm-carousel-dots-border-color);
}