matcha-core 1.1.14 → 1.1.16

package/matcha-core.css

@@ -84148,3 +84148,1357 @@
 		line-clamp: none;
 	}
 }
+
+.masonry-1 {
+	column-count: 1;
+}
+
+.masonry-1 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-2 {
+	column-count: 2;
+}
+
+.masonry-2 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-3 {
+	column-count: 3;
+}
+
+.masonry-3 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-4 {
+	column-count: 4;
+}
+
+.masonry-4 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-5 {
+	column-count: 5;
+}
+
+.masonry-5 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-6 {
+	column-count: 6;
+}
+
+.masonry-6 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-7 {
+	column-count: 7;
+}
+
+.masonry-7 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-8 {
+	column-count: 8;
+}
+
+.masonry-8 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-9 {
+	column-count: 9;
+}
+
+.masonry-9 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-10 {
+	column-count: 10;
+}
+
+.masonry-10 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-11 {
+	column-count: 11;
+}
+
+.masonry-11 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-12 {
+	column-count: 12;
+}
+
+.masonry-12 > * {
+	break-inside: avoid;
+	display: inline-block;
+	width: 100%;
+}
+
+.masonry-gap-0 {
+	column-gap: 0px;
+}
+
+.masonry-gap-0 > * {
+	margin-bottom: 0px;
+}
+
+.masonry-gap-4 {
+	column-gap: 4px;
+}
+
+.masonry-gap-4 > * {
+	margin-bottom: 4px;
+}
+
+.masonry-gap-8 {
+	column-gap: 8px;
+}
+
+.masonry-gap-8 > * {
+	margin-bottom: 8px;
+}
+
+.masonry-gap-12 {
+	column-gap: 12px;
+}
+
+.masonry-gap-12 > * {
+	margin-bottom: 12px;
+}
+
+.masonry-gap-16 {
+	column-gap: 16px;
+}
+
+.masonry-gap-16 > * {
+	margin-bottom: 16px;
+}
+
+.masonry-gap-20 {
+	column-gap: 20px;
+}
+
+.masonry-gap-20 > * {
+	margin-bottom: 20px;
+}
+
+.masonry-gap-24 {
+	column-gap: 24px;
+}
+
+.masonry-gap-24 > * {
+	margin-bottom: 24px;
+}
+
+.masonry-gap-28 {
+	column-gap: 28px;
+}
+
+.masonry-gap-28 > * {
+	margin-bottom: 28px;
+}
+
+.masonry-gap-32 {
+	column-gap: 32px;
+}
+
+.masonry-gap-32 > * {
+	margin-bottom: 32px;
+}
+
+.masonry-gap-36 {
+	column-gap: 36px;
+}
+
+.masonry-gap-36 > * {
+	margin-bottom: 36px;
+}
+
+.masonry-gap-40 {
+	column-gap: 40px;
+}
+
+.masonry-gap-40 > * {
+	margin-bottom: 40px;
+}
+
+.masonry-gap-44 {
+	column-gap: 44px;
+}
+
+.masonry-gap-44 > * {
+	margin-bottom: 44px;
+}
+
+.masonry-gap-48 {
+	column-gap: 48px;
+}
+
+.masonry-gap-48 > * {
+	margin-bottom: 48px;
+}
+
+@media screen and (max-width: 599px) {
+	.masonry-xs-1 {
+		column-count: 1;
+	}
+
+	.masonry-xs-1 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-2 {
+		column-count: 2;
+	}
+
+	.masonry-xs-2 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-3 {
+		column-count: 3;
+	}
+
+	.masonry-xs-3 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-4 {
+		column-count: 4;
+	}
+
+	.masonry-xs-4 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-5 {
+		column-count: 5;
+	}
+
+	.masonry-xs-5 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-6 {
+		column-count: 6;
+	}
+
+	.masonry-xs-6 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-7 {
+		column-count: 7;
+	}
+
+	.masonry-xs-7 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-8 {
+		column-count: 8;
+	}
+
+	.masonry-xs-8 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-9 {
+		column-count: 9;
+	}
+
+	.masonry-xs-9 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-10 {
+		column-count: 10;
+	}
+
+	.masonry-xs-10 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-11 {
+		column-count: 11;
+	}
+
+	.masonry-xs-11 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xs-12 {
+		column-count: 12;
+	}
+
+	.masonry-xs-12 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-gap-xs-0 {
+		column-gap: 0px;
+	}
+
+	.masonry-gap-xs-0 > * {
+		margin-bottom: 0px;
+	}
+
+	.masonry-gap-xs-4 {
+		column-gap: 4px;
+	}
+
+	.masonry-gap-xs-4 > * {
+		margin-bottom: 4px;
+	}
+
+	.masonry-gap-xs-8 {
+		column-gap: 8px;
+	}
+
+	.masonry-gap-xs-8 > * {
+		margin-bottom: 8px;
+	}
+
+	.masonry-gap-xs-12 {
+		column-gap: 12px;
+	}
+
+	.masonry-gap-xs-12 > * {
+		margin-bottom: 12px;
+	}
+
+	.masonry-gap-xs-16 {
+		column-gap: 16px;
+	}
+
+	.masonry-gap-xs-16 > * {
+		margin-bottom: 16px;
+	}
+
+	.masonry-gap-xs-20 {
+		column-gap: 20px;
+	}
+
+	.masonry-gap-xs-20 > * {
+		margin-bottom: 20px;
+	}
+
+	.masonry-gap-xs-24 {
+		column-gap: 24px;
+	}
+
+	.masonry-gap-xs-24 > * {
+		margin-bottom: 24px;
+	}
+
+	.masonry-gap-xs-28 {
+		column-gap: 28px;
+	}
+
+	.masonry-gap-xs-28 > * {
+		margin-bottom: 28px;
+	}
+
+	.masonry-gap-xs-32 {
+		column-gap: 32px;
+	}
+
+	.masonry-gap-xs-32 > * {
+		margin-bottom: 32px;
+	}
+
+	.masonry-gap-xs-36 {
+		column-gap: 36px;
+	}
+
+	.masonry-gap-xs-36 > * {
+		margin-bottom: 36px;
+	}
+
+	.masonry-gap-xs-40 {
+		column-gap: 40px;
+	}
+
+	.masonry-gap-xs-40 > * {
+		margin-bottom: 40px;
+	}
+
+	.masonry-gap-xs-44 {
+		column-gap: 44px;
+	}
+
+	.masonry-gap-xs-44 > * {
+		margin-bottom: 44px;
+	}
+
+	.masonry-gap-xs-48 {
+		column-gap: 48px;
+	}
+
+	.masonry-gap-xs-48 > * {
+		margin-bottom: 48px;
+	}
+}
+
+@media screen and (min-width: 600px) {
+	.masonry-sm-1 {
+		column-count: 1;
+	}
+
+	.masonry-sm-1 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-2 {
+		column-count: 2;
+	}
+
+	.masonry-sm-2 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-3 {
+		column-count: 3;
+	}
+
+	.masonry-sm-3 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-4 {
+		column-count: 4;
+	}
+
+	.masonry-sm-4 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-5 {
+		column-count: 5;
+	}
+
+	.masonry-sm-5 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-6 {
+		column-count: 6;
+	}
+
+	.masonry-sm-6 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-7 {
+		column-count: 7;
+	}
+
+	.masonry-sm-7 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-8 {
+		column-count: 8;
+	}
+
+	.masonry-sm-8 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-9 {
+		column-count: 9;
+	}
+
+	.masonry-sm-9 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-10 {
+		column-count: 10;
+	}
+
+	.masonry-sm-10 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-11 {
+		column-count: 11;
+	}
+
+	.masonry-sm-11 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-sm-12 {
+		column-count: 12;
+	}
+
+	.masonry-sm-12 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-gap-sm-0 {
+		column-gap: 0px;
+	}
+
+	.masonry-gap-sm-0 > * {
+		margin-bottom: 0px;
+	}
+
+	.masonry-gap-sm-4 {
+		column-gap: 4px;
+	}
+
+	.masonry-gap-sm-4 > * {
+		margin-bottom: 4px;
+	}
+
+	.masonry-gap-sm-8 {
+		column-gap: 8px;
+	}
+
+	.masonry-gap-sm-8 > * {
+		margin-bottom: 8px;
+	}
+
+	.masonry-gap-sm-12 {
+		column-gap: 12px;
+	}
+
+	.masonry-gap-sm-12 > * {
+		margin-bottom: 12px;
+	}
+
+	.masonry-gap-sm-16 {
+		column-gap: 16px;
+	}
+
+	.masonry-gap-sm-16 > * {
+		margin-bottom: 16px;
+	}
+
+	.masonry-gap-sm-20 {
+		column-gap: 20px;
+	}
+
+	.masonry-gap-sm-20 > * {
+		margin-bottom: 20px;
+	}
+
+	.masonry-gap-sm-24 {
+		column-gap: 24px;
+	}
+
+	.masonry-gap-sm-24 > * {
+		margin-bottom: 24px;
+	}
+
+	.masonry-gap-sm-28 {
+		column-gap: 28px;
+	}
+
+	.masonry-gap-sm-28 > * {
+		margin-bottom: 28px;
+	}
+
+	.masonry-gap-sm-32 {
+		column-gap: 32px;
+	}
+
+	.masonry-gap-sm-32 > * {
+		margin-bottom: 32px;
+	}
+
+	.masonry-gap-sm-36 {
+		column-gap: 36px;
+	}
+
+	.masonry-gap-sm-36 > * {
+		margin-bottom: 36px;
+	}
+
+	.masonry-gap-sm-40 {
+		column-gap: 40px;
+	}
+
+	.masonry-gap-sm-40 > * {
+		margin-bottom: 40px;
+	}
+
+	.masonry-gap-sm-44 {
+		column-gap: 44px;
+	}
+
+	.masonry-gap-sm-44 > * {
+		margin-bottom: 44px;
+	}
+
+	.masonry-gap-sm-48 {
+		column-gap: 48px;
+	}
+
+	.masonry-gap-sm-48 > * {
+		margin-bottom: 48px;
+	}
+}
+
+@media screen and (min-width: 1024px) {
+	.masonry-md-1 {
+		column-count: 1;
+	}
+
+	.masonry-md-1 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-2 {
+		column-count: 2;
+	}
+
+	.masonry-md-2 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-3 {
+		column-count: 3;
+	}
+
+	.masonry-md-3 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-4 {
+		column-count: 4;
+	}
+
+	.masonry-md-4 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-5 {
+		column-count: 5;
+	}
+
+	.masonry-md-5 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-6 {
+		column-count: 6;
+	}
+
+	.masonry-md-6 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-7 {
+		column-count: 7;
+	}
+
+	.masonry-md-7 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-8 {
+		column-count: 8;
+	}
+
+	.masonry-md-8 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-9 {
+		column-count: 9;
+	}
+
+	.masonry-md-9 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-10 {
+		column-count: 10;
+	}
+
+	.masonry-md-10 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-11 {
+		column-count: 11;
+	}
+
+	.masonry-md-11 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-md-12 {
+		column-count: 12;
+	}
+
+	.masonry-md-12 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-gap-md-0 {
+		column-gap: 0px;
+	}
+
+	.masonry-gap-md-0 > * {
+		margin-bottom: 0px;
+	}
+
+	.masonry-gap-md-4 {
+		column-gap: 4px;
+	}
+
+	.masonry-gap-md-4 > * {
+		margin-bottom: 4px;
+	}
+
+	.masonry-gap-md-8 {
+		column-gap: 8px;
+	}
+
+	.masonry-gap-md-8 > * {
+		margin-bottom: 8px;
+	}
+
+	.masonry-gap-md-12 {
+		column-gap: 12px;
+	}
+
+	.masonry-gap-md-12 > * {
+		margin-bottom: 12px;
+	}
+
+	.masonry-gap-md-16 {
+		column-gap: 16px;
+	}
+
+	.masonry-gap-md-16 > * {
+		margin-bottom: 16px;
+	}
+
+	.masonry-gap-md-20 {
+		column-gap: 20px;
+	}
+
+	.masonry-gap-md-20 > * {
+		margin-bottom: 20px;
+	}
+
+	.masonry-gap-md-24 {
+		column-gap: 24px;
+	}
+
+	.masonry-gap-md-24 > * {
+		margin-bottom: 24px;
+	}
+
+	.masonry-gap-md-28 {
+		column-gap: 28px;
+	}
+
+	.masonry-gap-md-28 > * {
+		margin-bottom: 28px;
+	}
+
+	.masonry-gap-md-32 {
+		column-gap: 32px;
+	}
+
+	.masonry-gap-md-32 > * {
+		margin-bottom: 32px;
+	}
+
+	.masonry-gap-md-36 {
+		column-gap: 36px;
+	}
+
+	.masonry-gap-md-36 > * {
+		margin-bottom: 36px;
+	}
+
+	.masonry-gap-md-40 {
+		column-gap: 40px;
+	}
+
+	.masonry-gap-md-40 > * {
+		margin-bottom: 40px;
+	}
+
+	.masonry-gap-md-44 {
+		column-gap: 44px;
+	}
+
+	.masonry-gap-md-44 > * {
+		margin-bottom: 44px;
+	}
+
+	.masonry-gap-md-48 {
+		column-gap: 48px;
+	}
+
+	.masonry-gap-md-48 > * {
+		margin-bottom: 48px;
+	}
+}
+
+@media screen and (min-width: 1440px) {
+	.masonry-lg-1 {
+		column-count: 1;
+	}
+
+	.masonry-lg-1 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-2 {
+		column-count: 2;
+	}
+
+	.masonry-lg-2 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-3 {
+		column-count: 3;
+	}
+
+	.masonry-lg-3 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-4 {
+		column-count: 4;
+	}
+
+	.masonry-lg-4 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-5 {
+		column-count: 5;
+	}
+
+	.masonry-lg-5 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-6 {
+		column-count: 6;
+	}
+
+	.masonry-lg-6 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-7 {
+		column-count: 7;
+	}
+
+	.masonry-lg-7 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-8 {
+		column-count: 8;
+	}
+
+	.masonry-lg-8 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-9 {
+		column-count: 9;
+	}
+
+	.masonry-lg-9 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-10 {
+		column-count: 10;
+	}
+
+	.masonry-lg-10 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-11 {
+		column-count: 11;
+	}
+
+	.masonry-lg-11 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-lg-12 {
+		column-count: 12;
+	}
+
+	.masonry-lg-12 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-gap-lg-0 {
+		column-gap: 0px;
+	}
+
+	.masonry-gap-lg-0 > * {
+		margin-bottom: 0px;
+	}
+
+	.masonry-gap-lg-4 {
+		column-gap: 4px;
+	}
+
+	.masonry-gap-lg-4 > * {
+		margin-bottom: 4px;
+	}
+
+	.masonry-gap-lg-8 {
+		column-gap: 8px;
+	}
+
+	.masonry-gap-lg-8 > * {
+		margin-bottom: 8px;
+	}
+
+	.masonry-gap-lg-12 {
+		column-gap: 12px;
+	}
+
+	.masonry-gap-lg-12 > * {
+		margin-bottom: 12px;
+	}
+
+	.masonry-gap-lg-16 {
+		column-gap: 16px;
+	}
+
+	.masonry-gap-lg-16 > * {
+		margin-bottom: 16px;
+	}
+
+	.masonry-gap-lg-20 {
+		column-gap: 20px;
+	}
+
+	.masonry-gap-lg-20 > * {
+		margin-bottom: 20px;
+	}
+
+	.masonry-gap-lg-24 {
+		column-gap: 24px;
+	}
+
+	.masonry-gap-lg-24 > * {
+		margin-bottom: 24px;
+	}
+
+	.masonry-gap-lg-28 {
+		column-gap: 28px;
+	}
+
+	.masonry-gap-lg-28 > * {
+		margin-bottom: 28px;
+	}
+
+	.masonry-gap-lg-32 {
+		column-gap: 32px;
+	}
+
+	.masonry-gap-lg-32 > * {
+		margin-bottom: 32px;
+	}
+
+	.masonry-gap-lg-36 {
+		column-gap: 36px;
+	}
+
+	.masonry-gap-lg-36 > * {
+		margin-bottom: 36px;
+	}
+
+	.masonry-gap-lg-40 {
+		column-gap: 40px;
+	}
+
+	.masonry-gap-lg-40 > * {
+		margin-bottom: 40px;
+	}
+
+	.masonry-gap-lg-44 {
+		column-gap: 44px;
+	}
+
+	.masonry-gap-lg-44 > * {
+		margin-bottom: 44px;
+	}
+
+	.masonry-gap-lg-48 {
+		column-gap: 48px;
+	}
+
+	.masonry-gap-lg-48 > * {
+		margin-bottom: 48px;
+	}
+}
+
+@media screen and (min-width: 1920px) {
+	.masonry-xl-1 {
+		column-count: 1;
+	}
+
+	.masonry-xl-1 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-2 {
+		column-count: 2;
+	}
+
+	.masonry-xl-2 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-3 {
+		column-count: 3;
+	}
+
+	.masonry-xl-3 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-4 {
+		column-count: 4;
+	}
+
+	.masonry-xl-4 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-5 {
+		column-count: 5;
+	}
+
+	.masonry-xl-5 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-6 {
+		column-count: 6;
+	}
+
+	.masonry-xl-6 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-7 {
+		column-count: 7;
+	}
+
+	.masonry-xl-7 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-8 {
+		column-count: 8;
+	}
+
+	.masonry-xl-8 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-9 {
+		column-count: 9;
+	}
+
+	.masonry-xl-9 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-10 {
+		column-count: 10;
+	}
+
+	.masonry-xl-10 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-11 {
+		column-count: 11;
+	}
+
+	.masonry-xl-11 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-xl-12 {
+		column-count: 12;
+	}
+
+	.masonry-xl-12 > * {
+		break-inside: avoid;
+		display: inline-block;
+		width: 100%;
+	}
+
+	.masonry-gap-xl-0 {
+		column-gap: 0px;
+	}
+
+	.masonry-gap-xl-0 > * {
+		margin-bottom: 0px;
+	}
+
+	.masonry-gap-xl-4 {
+		column-gap: 4px;
+	}
+
+	.masonry-gap-xl-4 > * {
+		margin-bottom: 4px;
+	}
+
+	.masonry-gap-xl-8 {
+		column-gap: 8px;
+	}
+
+	.masonry-gap-xl-8 > * {
+		margin-bottom: 8px;
+	}
+
+	.masonry-gap-xl-12 {
+		column-gap: 12px;
+	}
+
+	.masonry-gap-xl-12 > * {
+		margin-bottom: 12px;
+	}
+
+	.masonry-gap-xl-16 {
+		column-gap: 16px;
+	}
+
+	.masonry-gap-xl-16 > * {
+		margin-bottom: 16px;
+	}
+
+	.masonry-gap-xl-20 {
+		column-gap: 20px;
+	}
+
+	.masonry-gap-xl-20 > * {
+		margin-bottom: 20px;
+	}
+
+	.masonry-gap-xl-24 {
+		column-gap: 24px;
+	}
+
+	.masonry-gap-xl-24 > * {
+		margin-bottom: 24px;
+	}
+
+	.masonry-gap-xl-28 {
+		column-gap: 28px;
+	}
+
+	.masonry-gap-xl-28 > * {
+		margin-bottom: 28px;
+	}
+
+	.masonry-gap-xl-32 {
+		column-gap: 32px;
+	}
+
+	.masonry-gap-xl-32 > * {
+		margin-bottom: 32px;
+	}
+
+	.masonry-gap-xl-36 {
+		column-gap: 36px;
+	}
+
+	.masonry-gap-xl-36 > * {
+		margin-bottom: 36px;
+	}
+
+	.masonry-gap-xl-40 {
+		column-gap: 40px;
+	}
+
+	.masonry-gap-xl-40 > * {
+		margin-bottom: 40px;
+	}
+
+	.masonry-gap-xl-44 {
+		column-gap: 44px;
+	}
+
+	.masonry-gap-xl-44 > * {
+		margin-bottom: 44px;
+	}
+
+	.masonry-gap-xl-48 {
+		column-gap: 48px;
+	}
+
+	.masonry-gap-xl-48 > * {
+		margin-bottom: 48px;
+	}
+}