.app-gallery-slider {
	width: 100%;
	overflow: hidden;
}

.app-gallery-slider__track {
	display: flex;
	align-items: stretch;
	gap: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: none;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab;
}

.app-gallery-slider__track::-webkit-scrollbar {
	display: none;
}

.app-gallery-slider.is-dragging .app-gallery-slider__track {
	cursor: grabbing;
	user-select: none;
}

.app-gallery-slider__slide {
	position: relative;
	flex: 0 0 clamp(180px, 18vw, 240px);
	width: clamp(180px, 18vw, 240px);
	aspect-ratio: 1 / 1;
	height: clamp(180px, 18vw, 240px);
	margin: 0;
	padding: 0;
	border-radius: 28px;
	overflow: hidden;
	background: #eee;
}

.app-gallery-slider__slide img,
.app-gallery-slider .app-gallery-slider__img {
	position: absolute !important;
	inset: 0;
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center;
	pointer-events: none;
}

@media (max-width: 781px) {
	.app-gallery-slider__slide {
		flex-basis: min(200px, 62vw);
		width: min(200px, 62vw);
		height: min(200px, 62vw);
		border-radius: 24px;
	}

	.app-gallery-slider__track {
		gap: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.app-gallery-slider {
		scroll-behavior: auto;
	}
}