Icons Block

.IconsBlock {
	.Block__content {
		@apply text-center;
	}

	.Block__copy {
		@apply mb-8
			md:mb-12
			2xl:mb-14
			4xl:mb-16;

		&, p {
			@apply max-w-none;
		}
	}

	.Block__items {
		@apply grid
			max-sm:grid-cols-1
			sm:max-md:grid-cols-2
			gap-y-4;

		&.columns--1, &.columns--2 {
			@apply divide-x-0;
		}

		&.columns--1 {
			@apply sm:max-md:grid-cols-1
		}

		&.columns--2 {
			.Block__item {
				&:nth-child(even) {
					@apply md:border-l
						md:border-l-white/15;
				}
			}
		}

		&.columns--3 {
			.Block__item {
				&:nth-child(4n) {
					@apply md:border-l-0;
				}
			}
		}

		&.columns--4 {
			.Block__item {
				&:nth-child(5n) {
					@apply 2xl:border-l-0;
				}
			}
		}

		&.columns--5 {
			.Block__item {
				&:nth-child(6n) {
					@apply 2xl:border-l-0;
				}
			}
		}

		&.columns--6 {
			.Block__item {
				&:nth-child(7n) {
					@apply 2xl:border-l-0;
				}
			}
		}

		&.columns--6, &.columns--5, &.columns--4 {
			@apply md:max-lg:grid-cols-3 
				lg:max-2xl:grid-cols-4;

			.Block__item {
				@apply xl:px-6
					xl:py-2;

				img {
					@apply max-w-[100px]
						xl:mb-6;
				}

				&:nth-child(5n) {
					@apply lg:max-2xl:border-l-0;
				}

				&:nth-child(4n) {
					@apply md:max-lg:border-l-0;
				}
			}

			.Block__item__title {
				&:has(+.Block__item__copy) {
					@apply 2xl:mb-2
					2xl:pb-2;
				}
			}
		}

		&.columns--6, &.columns--5 {
			.Block__item__copy {
				&, p {
					@apply 2xl:text-lg;
				}
			}		
		}
	}

	.Block__item {
		@apply flex
			flex-col
			items-center 
			px-8
			py-4
			sm:max-lg:px-4
			max-sm:mb-5
			lg:px-12
			lg:py-8
			not-first:md:border-l
			not-first:border-l-white/15;

		img {
			@apply max-w-[100px]
				2xl:max-w-[150px]
				mx-auto
				mb-4
				sm:mb-8;
		}

		.Block__item__title {
			@apply text-lg 
				xl:text-2xl;

			&:has(+.Block__item__copy) {
				@apply w-fit
					mx-auto
					pb-2
					mb-2
					sm:pb-4
					sm:mb-4
					border-b
					border-b-white/15;
			}
		}

		.Block__item__copy {
			&, p {
				@apply 
					3xl:text-2xl;
				
				@apply 
					font-normal #{!important};
			}
		}

		&:not(:has(img)) {
			.Block__item__title {
				@apply text-6xl
					leading-none;

				&:has(+.Block__item__copy) {
					@apply w-auto
						mx-auto
						pb-2
						border-b-0;

					@apply mb-0 #{!important};
				}
			}
		}
	}

	&.Theme--none {
		.Block__copy {
			@apply xl:mb-10;
		}

		.Block__items {
			@apply divide-x-0;
		}

		.Block__item {
			@apply pb-0;
		
			.Block__item__title {
				&:has(+.Block__item__copy) {
					@apply pb-0;
				}
			}
		}
	}

	.Layout--sidebar & {
		&.Theme--none {
			.Block__copy {
				@apply xl:mb-10;
			}

			.Block__item {
				@apply pb-0;
			}

			.Block__item__title {
				@apply pb-0;
			}
		}

		.Block__copy {
			@apply md:mb-4
				2xl:mb-6
				4xl:mb-12;
		}
		
		.Block__items {
			@apply lg:max-xl:grid-cols-2
				lg:max-xl:divide-x-0;

			&.columns--1 {
				@apply lg:max-xl:grid-cols-1
			}

			&.columns--6, &.columns--5, &.columns--4 {
				@apply xl:grid-cols-3 
					2xl:grid-cols-4;
			}
		}

		.Block__item {
			@apply lg:max-2xl:px-4;
			
			img {
				@apply max-w-[50px]
					2xl:max-w-[75px]
					sm:max-md:mb-3
					lg:max-xl:mb-4;
			}
		}
	}

	.Layout--full & {
		.Block__title {
			@apply mb-4
				md:mb-8
				2xl:mb-16;
		}
	}
}