/**
 * Internal Dependencies
 *
 * @format
 */

.woocommerce-profile-wizard__body .woocommerce-profile-wizard__container {
	> .woocommerce-profile-wizard__themes-tab-panel {
		@include breakpoint( '>782px' ) {
			.woocommerce-profile-wizard__themes {
				@for $i from 1 through 40 {
					.components-card:nth-child(#{$i}) {
						margin-bottom: $gap-large;
						@if $i % 2 == 0 {
							grid-column: 2;
							grid-row: $i /2;
							margin-left: $gap-large / 2;
						}
						@else {
							grid-column: 1;
							grid-row: ($i / 2) +0.5;
							margin-right: $gap-large / 2;
						}
					}
				}
			}
		}
	}
}