#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
	max-width: calc(100% - 185px);
	max-height: calc(var(--vh-1) * 100 - 140px);
	margin-top: 0;
	box-shadow: 0 5px 20px var(--dimmer);
	border-radius: 0;
}

.swipebox-touch #swipebox-container:before {
	box-shadow: inset 10px 0 10px -8px var(--dimmer);
}

.swipebox-touch #swipebox-container:after {
	box-shadow: inset -10px 0 10px -8px var(--dimmer);
}

#swipebox-overlay {
	background-color: var(--dimmer-dark);
}

#swipebox-prev,
#swipebox-next {
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	background-color: var(--color-dark);
	box-shadow: 0 6px 17px 0 var(--dimmer);
	transition: opacity 0.1s ease;
}

#swipebox-prev {
	left: 25px;
}

#swipebox-next {
	right: 25px;
}

#swipebox-prev::after,
#swipebox-next::after {
	padding-top: 2px;
	color: var(--color-bright);
	font-size: 26px;
}

#swipebox-prev::after {
	content: "\f104";
}

#swipebox-next::after {
	content: "\f105";
}

#swipebox-prev:hover,
#swipebox-next:hover {
	text-decoration: none;
}

#swipebox-prev:not(.disabled):hover,
#swipebox-next:not(.disabled):hover {
	opacity: 0.5;
}

#swipebox-prev:hover {
	left: 25px;
}

#swipebox-next:hover {
	right: 25px;
}

#swipebox-title {
	top: 13px;
	left: 25px;
	color: var(--color-bright);
	font: var(--h5);
	hyphens: auto;
}

#swipebox-close {
	top: 18px;
	right: 25px;
}

#swipebox-close::after {
	background-color: var(--color-bright);
	border-radius: 0;
}

#swipebox-close::before {
	background-color: var(--color-bright);
	border-radius: 0;
}

@media (max-width: 1000px) {
	#swipebox-prev,
	#swipebox-next {
		top: auto;
		bottom: 12px;
		width: 40px;
		height: 40px;
	}

	#swipebox-prev::after,
	#swipebox-next::after {
		font-size: 22px;
	}

	#swipebox-prev,
	#swipebox-prev:hover {
		left: 15px;
	}

	#swipebox-next,
	#swipebox-next:hover {
		right: 15px;
	}

	#swipebox-slider .slide img,
	#swipebox-slider .slide .swipebox-video-container,
	#swipebox-slider .slide .swipebox-inline-container {
		max-width: calc(100% - 40px);
	}
}
