/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/slick-carousel@1.8.1/slick/slick.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=/sm/fb3ed351cd5c0f1f30f88778ee1f9b056598e6d25ac4fdcab1eebcd8be521cd9.map */

:root {
    --soemco-blue: #007aff;
}

.slick-arrow {
    z-index: 10;
    position: absolute;
    top: calc(50% - 16px);
    padding: 0;
    width: 24px;
    height: 24px;
    border-right: 4px solid var(--soemco-blue);
    border-bottom: 4px solid var(--soemco-blue);
    border-radius: 0;
    background-color: transparent;
    text-indent: -9999px;

    &:hover {
        background-color: transparent !important;
    }

    &.slick-prev {
        left: 32px;
        transform: rotate(135deg);
    }

    &.slick-next {
        right: 32px;
        transform: rotate(-45deg);
    }
}

.slick-dots {
    position: absolute;
    bottom: 30px;
    right: 60px;

    width: 100%;

    display: flex;
    gap: 12px;
    justify-content: flex-end;

    button {
        padding: 0;
        background-color: #fff; 
        width: 16px;
        height: 16px;
        opacity: 0.6;
        border-radius: 10rem;
        text-indent: -9999px;
    }

    .slick-active {
        button {
            background-color: var(--soemco-blue); 
            opacity: 1;
        }
    }
}
