.fxd-block{background-color:lightblue;padding:1rem}
.grid,.grid>*{box-sizing:border-box}
.grid,.flex{margin:0 auto 1rem;max-width:1984px;width:auto}
.grid.sidebar-padding{padding-left:7rem}
.grid-items{display:grid;gap:1rem 1rem;grid-template-columns:repeat(1,1fr)}
@media(0 <=width <=480px){.grid-items{grid-template-columns:repeat(1,1fr)}
.grid-items.extra-small-one-column{grid-template-columns:repeat(1,1fr)}
.grid-items.extra-small-two-columns{grid-template-columns:repeat(2,1fr)}
}
@media(481px <=width <=768px){.grid-items{grid-template-columns:repeat(1,1fr)}
.grid-items.small-one-column{grid-template-columns:repeat(1,1fr)}
.grid-items.small-two-columns{grid-template-columns:repeat(2,1fr)}
.grid-items.small-three-columns{grid-template-columns:repeat(3,1fr)}
.grid-items.small-1323{grid-template-columns:1fr 2fr}
.grid-items.small-2313{grid-template-columns:2fr 1fr}
}
@media(769px <=width <=1240px){.grid-items{grid-template-columns:repeat(1,1fr)}
.grid-items.medium-one-column{grid-template-columns:repeat(1,1fr)}
.grid-items.medium-two-columns{grid-template-columns:repeat(2,1fr)}
.grid-items.medium-three-columns{grid-template-columns:repeat(3,1fr)}
.grid-items.medium-four-columns{grid-template-columns:repeat(4,1fr)}
.grid-items.medium-five-columns{grid-template-columns:repeat(5,1fr)}
.grid-items.medium-six-columns{grid-template-columns:repeat(6,1fr)}
.grid-items.medium-1323{grid-template-columns:1fr 2fr}
.grid-items.medium-2313{grid-template-columns:2fr 1fr}
}
@media(width>=1241px){.grid-items{grid-template-columns:repeat(1,1fr)}
.grid-items.large-one-column{grid-template-columns:repeat(1,1fr)}
.grid-items.large-two-columns{grid-template-columns:repeat(2,1fr)}
.grid-items.large-three-columns{grid-template-columns:repeat(3,1fr)}
.grid-items.large-four-columns{grid-template-columns:repeat(4,1fr)}
.grid-items.large-five-columns{grid-template-columns:repeat(5,1fr)}
.grid-items.large-six-columns{grid-template-columns:repeat(6,1fr)}
.grid-items.large-1323{grid-template-columns:1fr 2fr}
.grid-items.large-2313{grid-template-columns:2fr 1fr}
}
.flex-items{display:flex;flex-wrap:wrap;gap:1rem 1rem}
.flex-items>*{flex:0 0 auto;width:calc(100% / 1 - 1rem / 1 * (calc(1 - 1)))}
@media(0 <=width <=480px){.flex-items.extra-small-one-column>*{width:calc(100% / 1)}
.flex-items.extra-small-two-columns>*{width:calc(100% / 2 - 1rem / 2 * (calc(2 - 1)))}
}
@media(481px <=width <=768px){.flex-items.small-one-column>*{width:calc(100% / 1)}
.flex-items.small-two-columns>*{width:calc(100% / 2 - 1rem / 2 * (calc(2 - 1)))}
.flex-items.small-three-columns>*{width:calc(100% / 3 - 1rem / 3 * (calc(3 - 1)))}
.flex-items.small-1323>*:nth-child(odd){flex:1 1 calc(4 / 12 * 100% - 1rem)}
.flex-items.small-1323>*:nth-child(even){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.small-2313>*:nth-child(odd){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.small-2313>*:nth-child(even){flex:1 1 calc(4 / 12 * 100% - 1rem)}
}
@media(769px <=width <=1240px){.flex-items.medium-one-column>*{width:calc(100% / 1)}
.flex-items.medium-two-columns>*{width:calc(100% / 2 - 1rem / 2 * (calc(2 - 1)))}
.flex-items.medium-three-columns>*{width:calc(100% / 3 - 1rem / 3 * (calc(3 - 1)))}
.flex-items.medium-four-columns>*{width:calc(100% / 4 - 1rem / 4 * (calc(4 - 1)))}
.flex-items.medium-five-columns>*{width:calc(100% / 5 - 1rem / 5 * (calc(5 - 1)))}
.flex-items.medium-six-columns>*{width:calc(100% / 6 - 1rem / 6 * (calc(6 - 1)))}
.flex-items.medium-1323>*:nth-child(odd){flex:1 1 calc(4 / 12 * 100% - 1rem)}
.flex-items.medium-1323>*:nth-child(even){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.medium-2313>*:nth-child(odd){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.medium-2313>*:nth-child(even){flex:1 1 calc(4 / 12 * 100% - 1rem)}
}
@media(width>=1241px){.flex-items.large-one-column>*{width:calc(100% / 1)}
.flex-items.large-two-columns>*{width:calc(100% / 2 - 1rem / 2 * (calc(2 - 1)))}
.flex-items.large-three-columns>*{width:calc(100% / 3 - 1rem / 3 * (calc(3 - 1)))}
.flex-items.large-four-columns>*{width:calc(100% / 4 - 1rem / 4 * (calc(4 - 1)))}
.flex-items.large-five-columns>*{width:calc(100% / 5 - 1rem / 5 * (calc(5 - 1)))}
.flex-items.large-six-columns>*{width:calc(100% / 6 - 1rem / 6 * (calc(6 - 1)))}
.flex-items.large-1323>*:nth-child(odd){flex:1 1 calc(4 / 12 * 100% - 1rem)}
.flex-items.large-1323>*:nth-child(even){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.large-2313>*:nth-child(odd){flex:1 1 calc(8 / 12 * 100% - 1rem)}
.flex-items.large-2313>*:nth-child(even){flex:1 1 calc(4 / 12 * 100% - 1rem)}
}