.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/** Tweaks for the Procurios-2019 UI */
.tns-slider {
    transition-timing-function: var(--qubicBezier-2);
}

@media screen and (max-width: 1360px) {
    .tns-ovh {
        overflow: hidden;
    }
}

.tns-outer .tns-controls:first-child {
    margin-bottom: 1em;
}

.sliderButtons,
.tns-controls {
    justify-content: end;
    display: flex;
    align-items: end;
    gap: .5em;
}

.sliderButton,
.tns-controls button {
    height: 2em;
    width: 2em;
    border-radius: 1em;
    border: 0;
    box-shadow: none;
    text-indent: -999em;
    background: var(--indigo-300) url(/ui/procurios-2019/img/arrow-white-left.svg) no-repeat center / .8em;
}

.sliderButton:disabled,
.tns-controls button:disabled {
    opacity: .4;
}

.sliderButton--next,
.tns-controls button[data-controls='next'] {
    background-image: url(/ui/procurios-2019/img/arrow-white-right.svg)
}

.tns-nav {
    display: flex;
    justify-content: center;
    gap: .3em;
    margin-bottom: 2rem;
}

.tns-nav button {
    aspect-ratio: 1;
    height: 8px;
    margin: 4px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 1em;
    background: var(--indigo-300);
    box-shadow: 0 0 0 .1em var(--indigo-300);
}

.tns-nav .tns-nav-active {
    background: var(--indigo-300);
    box-shadow: 0 0 0 .1em var(--indigo-300);
}

/**
 * Auto slider
 * Add the .tns-auto-slider class to slider element and set autoplay:true and autoplayTimeout:5000
 */

.tns-auto-slide .tns-nav button {
    position: relative;
    transition: width .3s;
}

.tns-auto-slide button.tns-nav-active {
    width: 2em;
    background: unset;
    box-shadow: 0 0 0 .1em var(--indigo-300);
}

.tns-auto-slide button.tns-nav-active::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1em;
    animation: loaderAnimation 5s forwards linear;
    background: var(--indigo-300);
}

@keyframes loaderAnimation {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}