.sh-slider-block {
	--sh-slider-arrow-edge: calc(var(--sh-slider-arrow-size, 3rem) * -0.5);
	--sh-slider-media-justify: center;
	--sh-slider-media-position: center;
	--sh-slider-media-height: auto;
	--sh-slider-media-ratio: 16 / 9;
}

.wp-block-studiohorn-slider.sh-slider-block[data-peek-overflow="true"],
.wp-block-studiohorn-slider.sh-slider-block[data-peek-overflow="false"],
.sh-slider-block[data-peek-overflow="true"],
.sh-slider-block[data-peek-overflow="false"] {
	overflow: visible;
}

.sh-slider-block__viewport {
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
}

.sh-slider-block__nav {
	position: absolute;
	inset: 0;
	z-index: 30;
	pointer-events: none;
}

.sh-slider-block .sh-slider-block__arrow {
	z-index: 31;
}

.sh-slider-block .sh-slider-block__arrow--prev {
	left: var(--sh-slider-arrow-edge);
}

.sh-slider-block .sh-slider-block__arrow--next {
	right: var(--sh-slider-arrow-edge);
}

.sh-slider-slide--single-media .wp-block-image {
	display: flex;
	align-items: center;
	justify-content: var(--sh-slider-media-justify);
	width: 100%;
	height: var(--sh-slider-media-height);
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	aspect-ratio: var(--sh-slider-media-ratio);
	overflow: visible;
}

.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-image {
	height: auto !important;
	aspect-ratio: auto !important;
}

.sh-slider-slide .wp-block-image img {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
}

.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-image img {
	width: auto;
	height: auto !important;
	max-height: none !important;
	object-fit: initial;
}

.sh-slider-slide--single-media .wp-block-image img {
	display: block;
	width: auto;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: var(--sh-slider-media-position);
}

.sh-slider-slide--single-media .wp-block-cover {
	min-height: 0 !important;
	height: var(--sh-slider-media-height);
	aspect-ratio: var(--sh-slider-media-ratio);
	overflow: visible;
}

.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-cover {
	height: auto !important;
	aspect-ratio: auto !important;
}

.sh-slider-slide .wp-block-cover > img,
.sh-slider-slide .wp-block-cover > video,
.sh-slider-slide .wp-block-cover__image-background,
.sh-slider-slide .wp-block-cover__video-background {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
}

.sh-slider-slide--single-media .wp-block-cover > img,
.sh-slider-slide--single-media .wp-block-cover > video,
.sh-slider-slide--single-media .wp-block-cover__image-background,
.sh-slider-slide--single-media .wp-block-cover__video-background {
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	object-position: var(--sh-slider-media-position);
}

.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-cover > img,
.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-cover > video,
.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-cover__image-background,
.sh-slider-slide:not(.sh-slider-slide--single-media) .wp-block-cover__video-background {
	height: auto !important;
	max-height: none !important;
	object-fit: initial;
}

.sh-slider-slide .sh-slide-card > .wp-block-image {
	width: auto;
	height: auto;
	aspect-ratio: auto;
	overflow: visible;
}

.sh-slider-slide .sh-slide-card > .wp-block-image img {
	width: 4.25rem;
	height: 4.25rem;
	max-height: none;
	object-fit: contain;
	border-radius: 999px;
	background: #fff;
	padding: 0.65rem;
}

@media (max-width: 991px) {
	.sh-slider-block {
		--sh-slider-media-ratio: 16 / 9;
	}
}

@media (max-width: 479px) {
	.sh-slider-block {
		--sh-slider-media-ratio: 16 / 9;
	}
}
