/* Custom Color Slider Styles */
.MagicScroll .mcs-loader {
    display: none !important;
}
.MagicScroll .mcs-item {
    opacity: 0;
}
.MagicScroll .mcs-item._loaded {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.MagicScroll-horizontal .mcs-button-arrow-prev,
.MagicScroll-horizontal .mcs-button-arrow-next {
    margin-bottom: 21px;
    z-index: 30;
    height: 100%;
    background-size: contain;
    cursor: pointer;
}
.MagicScroll-horizontal .mcs-button-arrow-prev {
    background: url("./../images/scroller-prev.svg") no-repeat 0 50%;
}
.MagicScroll-horizontal .mcs-button-arrow-next {
    background: url("./../images/scroller-next.svg") no-repeat 0 50%;
}
.MagicScroll-horizontal .mcs-button-arrow-prev:hover,
.MagicScroll-horizontal .mcs-button-arrow-next:hover,
.MagicScroll-horizontal .mcs-button-arrow-prev:active,
.MagicScroll-horizontal .mcs-button-arrow-next:active,
.MagicScroll-horizontal .mcs-button-arrow-prev:focus,
.MagicScroll-horizontal .mcs-button-arrow-next:focus {
    border: none;
    box-shadow: none;
}
.MagicScroll-horizontal .mcs-button-arrow-prev:before,
.MagicScroll-horizontal .mcs-button-arrow-next:before {
    content: none;
}

/* Old Custom Color Slider Styles */
.color-slider-next,
.color-slider-prev {
    position: absolute;
    z-index: 30;
    top: calc(50% - 20px);
    transform: translateY(-50%);
    left: -20px;
    width: 25px;
    height: 120px;
    background: url("./../images/scroller-prev.svg") no-repeat 0 50%;
    background-size: contain;
    cursor: pointer;
}
.color-slider-next {
    right: -20px;
    left: unset;
    background: url("./../images/scroller-next.svg") no-repeat 0 50%;
    background-size: contain;
}