@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

.splide__arrow{
    width: var(--ama-splide-width);
    height: var(--ama-splide-height);
    border: var(--ama-splide-border-width) solid var(--ama-splide-border-color);
    color: var(--ama-splide-color);
    background-color: var(--ama-splide-bgcolor);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    user-select: none;
    z-index: 1;
    padding: 0;
    border-radius: var(--ama-splide-border-radius);
}
    .splide__arrow svg path[fill]:not([fill=""]):not([fill="none"]){fill: currentColor}
    .splide__arrow svg path[stroke]:not([stroke=""]):not([stroke="none"]){stroke: currentColor}

.splide__arrow:disabled{pointer-events: none; opacity: .5}

.splide__pagination{
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: .75rem
}
    .splide__pagination > *{padding: .25rem}
        .splide__pagination .splide__pagination__page{
            border: none;
            display: block;
            width: .85rem;
            height: .85rem;
            padding: 0;
            background-color: #fff;
            opacity: .25;
            border: none;
            border-radius: 50%
        }
        .splide__pagination .splide__pagination__page:hover:not(.is-active){opacity: .5}
        .splide__pagination .splide__pagination__page.is-active{opacity: 1}

.splide__arrows:not(.progress-arrows, .fractions-arrows){
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    pointer-events: none;
    user-select: none;
    transform: translateX(-50%) translateY(-50%)
}
.splide__arrows.hide-arrows{opacity: 0}
    .splide__arrows:not(.hide-arrows) .splide__arrow:not(:disabled){pointer-events: all}

.splide:not(.is-overflow) .splide__arrows,
.splide:not(.is-overflow) .splide__pagination{display: none!important}

.splide__arrows.fractions-arrows{
    font-size: 1.0625rem;
    line-height: 1em;
    --ama-splide-color: currentColor;
    --ama-splide-bgcolor: transparent;
    --ama-splide-width: .5rem;
    --ama-splide-height: 1.25rem;
    --ama-splide-border-width: 0;
    --ama-splide-border-radius: 0;
    width: 5.875rem
}
    .splide__arrows.fractions-arrows{
        color: currentColor;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
    }
        .splide__arrows.fractions-arrows > .splide__fractions{display: block; text-align: center}
            .splide__arrows.fractions-arrows > .splide__fractions > .splide__fraction-current{
                color: var(--ama-primary-color);
                font-weight: 700
            }

.splide__arrows.progress-arrows{
    --ama-splide-width: 2.5rem;
    --ama-splide-height: 2.5rem;
    --ama-splide-color: #fff;
    --ama-splide-bgcolor: var(--ama-primary-color);

    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .625rem 2.5rem;
    align-items: center;
    margin: 2.5rem auto 0 auto;
    width: 100%;
    max-width: 68.125rem;
}
    .splide__arrows.progress-arrows .splide__arrow{
        position: relative!important;
        top: unset!important;
        left: unset!important;
        right: unset!important;
        transform: none!important;
        border-radius: 50%
    }
    .splide__arrows.progress-arrows .splide__arrow--prev,
    .splide__arrows.progress-arrows .splide__arrow--next{mask: none!important}
    .splide__arrows.progress-arrows .splide__arrow--prev svg{margin-left: .25rem}
    .splide__arrows.progress-arrows .splide__arrow--next svg{margin-right: .25rem}

.splide__progress{position: relative; isolation: isolate}
    .splide__progress::before{
        content: '';
        display: block;
        width: 100%;
        height: .25rem;
        position: absolute;
        top: calc(50% - .125rem);
        left: 0;
        background: var(--ama-secondary-color);
        opacity: 1;
        border-radius: .125rem;
        z-index: -1
    }
    .splide__progress > .splide__progress-bar{
        height: .625rem;
        display: block;
        background: var(--ama-primary-color);
        border-radius: .3125rem;
        transition: width .3s linear
    }

@media (max-width: 1199px){
    .splide__arrows.progress-arrows{margin-top: 1.25rem}
}