[data-carousel] {
	overflow: hidden;
	user-select: none;

	& [data-carousel-content],
	&:not(:has([data-carousel-content])) > :first-child {
		display: flex;
		cursor: grab;

		&:active {
			cursor: grabbing;
		}

		[data-carousel-axis='y'] & {
			flex-direction: column;
			height: 100%;
		}

		& > * {
			flex-shrink: 0;
			flex-grow: 1;
			min-width: 0;
			min-height: 0;
		}
	}
}