.mozaique {
	display: flex;
	flex-wrap: wrap;
	width: 84vh;
	height: auto;
	margin: 0 auto;
	perspective: 1000px;
	z-index: 1;

	&.is-scrolling {
		perspective: none;
	}

	&.mozaique--inline {
		flex-flow: row nowrap;
		width: 100%;
		margin-left: auto;
		margin-right: 0;

		.is-scrollable & {
			overflow: auto;
			overflow-y: hidden;
			-ms-overflow-style: none;
  			scrollbar-width: none;
			
			.touch & {
				scroll-snap-type: x proximity;
			}

			&::-webkit-scrollbar {
				display: none;
			}
		}
	}
}

.portrait {
	.mozaique {
		width: 100%;
		justify-content: center;

		&.mozaique--inline {
			justify-content: flex-start;
			margin: 0;
		}
	}
}