/* remove theme spacing */
.wp-block-straightvisions-sv-slider > .swiffy-slider {
	padding-left: 0 !important;
	padding-right: 0 !important;
	/* nav arrow mask vars */
	--swiffy-slider-nav-mask-arrow: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>");
	--swiffy-slider-nav-mask-arrow-round: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
	--swiffy-slider-nav-mask-caret: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>");
	--swiffy-slider-nav-mask-caret-filled: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>");
	--swiffy-slider-nav-mask-chevron: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	--swiffy-slider-nav-mask-chevron-compact: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>");
	/* custom vars */
	--swiffy-slider-indicators-color: #FFFFFF;
	--swiffy-slider-indicators-color-active: #FFFFFF;
}

.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-container > * {
	height: 99%;
	overflow: hidden;
}

.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-container > * > *{
	max-height: 99%;
}

.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-indicators {
	z-index: 2;
}

.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-indicators > * {
	background-color: var(--swiffy-slider-indicators-color);
}

.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-indicators > .active {
	background-color: var(--swiffy-slider-indicators-color-active);
}
.wp-block-straightvisions-sv-slider > .swiffy-slider > .slider-indicators > li:first-child:last-child {
	display:none;
}

/* gutenberg specific mods - global */
.wp-block-straightvisions-sv-slider > .swiffy-slider.slider-item-ratio .slider-container > *:not(.wp-block-media-text):not(.wp-block-group)::after {
	display: block;
	padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
	content: "";
}

/* gutenberg specific mods - images */
.wp-block-straightvisions-sv-slider .slider-container > .wp-block-image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-item-ratio .slider-container > .wp-block-image > picture,
.slider-item-ratio .slider-container > .wp-block-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* fix for images with links */
.slider-item-ratio .slider-container > .wp-block-image > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* gutenberg specific mods - covers */
.slider-item-ratio .slider-container > .wp-block-cover {
	min-height: revert;
}

.slider-item-ratio .slider-container > .wp-block-cover > picture > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* gutenberg specific mods - media-text */
.slider-item-ratio .slider-container > .wp-block-media-text > figure:after {
	display: block;
	padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
	content: "";
}

.slider-item-ratio .slider-container > .wp-block-media-text,
.slider-item-ratio .slider-container > .wp-block-media-text.is-image-fill .wp-block-media-text__media {
	min-height: revert;
}

.slider-item-ratio .slider-container > .wp-block-media-text > figure > img,
.slider-item-ratio .slider-container > .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 0 !important;
	object-fit: cover;
}

/* gutenberg specific mods - media-text - imagify mod */
.slider-item-ratio .slider-container > .wp-block-media-text > figure > picture,
.slider-item-ratio .slider-container > .wp-block-media-text > figure > picture > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0 !important;
	object-fit: cover;
}

/* gutenberg specific mods - group - experimental */
.slider-item-ratio .slider-container > .wp-block-group {
	overflow-x: hidden;
	height: 100%;
	max-height: calc(100% / (var(--swiffy-slider-item-ratio))) !important;
}

/* gutenberg specific mods - query - experimental */
.slider-item-ratio .slider-container > .wp-block-query > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

/* gutenberg specific mods - WooCommerce Product Image - experimental */
.wp-block-straightvisions-sv-slider .slider-container .wc-block-components-product-image img {
	width: 100%;
	height: 100%;
}

/* fix z-index */
.wp-block-straightvisions-sv-slider > .swiffy-slider .slider-nav {
	display: var(--swiffy-slider-arrows-display);
	z-index: 1;
}

/* fix mobile */
@media (max-width: 62rem) {
	/* must be max-width - depends on native swiffy code */
	.wp-block-straightvisions-sv-slider > .swiffy-slider .slider-nav::after {
		width: 1.75rem !important;
		height: 1.75rem !important;
		margin: 0.125rem !important;
	}
}