.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-ovh{overflow:hidden}.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}

.ds-slider-wrapper { margin-top:4rem; margin-bottom:4rem;
	.tns-outer:first-child { position:relative;
		.tns-controls {
			button { text-indent:50px; position:absolute; overflow:hidden; z-index:10; cursor:pointer; background-color:transparent; border:2px solid black; appearance:none; -webkit-appearance:none; border-radius:10px; width:25px; height:25px; top:calc(50% - 1rem); transform:translateY(-50%);
				&:after { content:' '; text-indent:0; font-size:20px; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-content:center; justify-content:center;
					background-image:url('/wp-content/plugins/dsSliderBlock/assets/gfx/chevron.svg'); background-repeat:no-repeat; background-position:center center; background-size:contain;
				}
			}
			button[data-controls="prev"] { left:5px;
				&:after { }
			}
			button[data-controls="next"] { right:5px;
				&:after { transform:rotate(180deg); }
			}
		}
		.tns-nav { position:absolute; width:100%; display:flex; justify-content:center; align-items:center; height:3rem; bottom:1rem; gap:0.5rem;
			button { border-radius:50%; width:12px; height:12px; background-color:#DEDEDE; appearance:none; -webkit-appearance:none; border:0;
				&.tns-nav-active { background-color:black; }
			}
		}
	}
	.ds-slider-main { margin-bottom:4rem; display:flex; align-items:stretch;
		.tns-item { text-align:center;
			img {
				width:calc(100% - 70px); height:100%; object-fit:cover; object-position:center center;
			}
		}
	}
	.ds-slider-thumbnail { margin-left:auto; margin-right:auto;
		.tns-item { cursor:pointer;
			img {
				width:100%; height:auto; aspect-ratio:1; border-radius:5px;
				object-fit: cover; object-position:center center;
			}
		}
	}
}

@media screen and (min-width:768px) {

	.ds-slider-wrapper {
		.tns-outer:first-child {
			.tns-controls {
				button { width:50px; height:50px; }
				button[data-controls="prev"] { left:25px; }
				button[data-controls="next"] { right:25px; }
			}
		}
		.ds-slider-main {
			.tns-item {
				img {
					width:calc(100% - 160px);
				}
			}
		}
	}

}