.gridded-content-module {
	container-type: inline-size;
	container-name: griddedcontent;
}

.gridded-content-module__header {
	margin-bottom: var(--grid-gutter-width);
}

.gridded-content-module__footer {
	margin-top: var(--grid-gutter-width);
}

.gridded-content-module.v-stretch .gridded-content-module__grid .row {
	align-items: stretch;
}

.gridded-content-module.v-center .gridded-content-module__grid .row {
	align-items: center;
}

.gridded-content-module.v-start .gridded-content-module__grid .row {
	align-items: flex-start;
}

.gridded-content-module.v-end .gridded-content-module__grid .row {
	align-items: flex-end;
}

.gridded-content-module.h-stretch .gridded-content-module__grid .row {
	justify-content: stretch;
}

.gridded-content-module.h-center .gridded-content-module__grid .row {
	justify-content: center;
}

.gridded-content-module.h-start .gridded-content-module__grid .row {
	justify-content: flex-start;
}

.gridded-content-module.h-end .gridded-content-module__grid .row {
	justify-content: flex-end;
}

.gridded-content-module.h-between .gridded-content-module__grid .row {
	justify-content: space-between;
}

.gridded-content-module__grid .row {
	display: flex;
	flex-flow: column wrap;
	max-width: 100cqw;
	min-width: 0;
	row-gap: var(--grid-gutter-width);
}

@container griddedcontent (min-width: 992px) {
	.gridded-content-module__grid .row {
		flex-flow: row wrap;
	}
}

.gridded-content-module__item-wrap {
	flex: 1 1 auto;
}

/* item background */
.bg-primary {
	background-color: var(--brand-primary);
}

.bg-info {
	background-color: var(--brand-info);
}

.bg-success {
	background-color: var(--brand-success);
}

.bg-warning {
	background-color: var(--brand-warning);
}

.bg-danger {
	background-color: var(--brand-danger);
}

.bg-dark {
	background-color: var(--gray-darker);
}

.bg-blank {
	background: transparent !important;
}

/* item padding */
.gridded-content-module__item-wrap {

}

/* item margin */
.gridded-content-module__item-wrap {

}

.gridded-content-module__content *:last-child {
	margin-bottom: 0;
}

.gridded-content-module__content *:first-child {
	margin-top: 0;
}

/* gap */
/* .g-v-0 .gridded-content-module__grid .row {
	row-gap: 0;
}
.g-v-1 .gridded-content-module__grid .row {
	row-gap: calc(var(--grid-gutter-width) / 2);
}
.g-v-2 .gridded-content-module__grid .row {
	row-gap: var(--grid-gutter-width);
}
.g-v-3 .gridded-content-module__grid .row {
	row-gap: calc(var(--grid-gutter-width) * 2);
}
.g-v-4 .gridded-content-module__grid .row {
	row-gap: calc(var(--grid-gutter-width) * 3);
}

.g-h-0 .gridded-content-module__grid .row {
	column-gap: 0;
}
.g-h-1 .gridded-content-module__grid .row {
	column-gap: calc(var(--grid-gutter-width) / 2);
}
.g-h-2 .gridded-content-module__grid .row {
	column-gap: var(--grid-gutter-width);
}
.g-h-3 .gridded-content-module__grid .row {
	column-gap: calc(var(--grid-gutter-width) * 2);
}
.g-h-4 .gridded-content-module__grid .row {
	column-gap: calc(var(--grid-gutter-width) * 3);
} */

/* Order */
.order-0 {
	order: 0;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}
.order-3 {
	order: 3;
}
.order-4 {
	order: 4;
}
.order-5 {
	order: 5;
}