@layer base {
	[data-horizontal] {
		display: flex;
		position: relative;
		width: 100%;
		height: max(100lvh, var(--height, 0px));

		& {
			cursor: grab;
		}

		&:active {
			cursor: grabbing;
		}

		& [data-horizontal-content] {
			position: sticky;
			top: 0;
			left: 0;
			width: 100%;
			height: 100lvh;
			overflow: auto clip;
			will-change: scroll-position;
		}
	}
}